/*---- Elements ----*/
body {
	margin: 0;
	border: 0;
	background: #FFFFEB url() top left;
	font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	/* Scrollbar color effects - IE only */
	SCROLLBAR-3DLIGHT-color: #933; SCROLLBAR-DARKSHADOW-color: #EBE8C2;
	SCROLLBAR-HIGHLIGHT-color: #933; SCROLLBAR-SHADOW-color: #933; 
	SCROLLBAR-FACE-color: #933; SCROLLBAR-TRACK-color: #EBE8C2;
	SCROLLBAR-ARROW-color: #FFFFEB;
}
body td {
	font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0 0 0.75em 0; font-family: Arial, Verdana, sans-serif;} /* sets the heading font style and removes margins */
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}

img {border:0} /* makes all images default border=0 */

p {padding: 0; margin: 9px 0 0 0;}

/*---- List Items ----*/
ul {list-style-type: none;}
ul li {
	padding-left: 13px;
	background: transparent url(images/Bullet.gif) no-repeat 0 0.5em;}
/*	doing the above method allows the image used inplace of the 
	list item marker to align with text properly for all browsers and 
	still align wrapped text to the same place as the first line. 
	relative units are used so it will work with any text size.	*/ 

hr {
	border: none;
	background-color: #ccc; 
	color: #ccc;
	height: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.smalltxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000;
}
.redtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #900;
}
.whitetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
}

/*---- Forms ----*/
input {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 1px 0 1px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.cvheader input {
	background-color: transparent;}
.formitem {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	border: 1px solid #333;}
.formitem1 {
	color: #000;
	vertical-align: middle;
	margin: 0 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #F7F7FF;
	border-color:#333;}
.formitem2 {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 5px 0 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	border: 1px solid #333;}
	
/*---- Links  ----*/
a:link, a:visited {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #933;
}
a:active {
	text-decoration: underline;
	color: #d00000;
}

/*----  Page Layout  ----*/
#Wrapper {
	height: 100%;
	background: transparent url(images/SoundAid/BackgroundShadow.gif) repeat-y 50% 0;}
body > #Wrapper {height: auto;} /* non-IE browsers only */
.MainTable {
	border: 0;
	background-color: #FFF;}
#Header {
	width: 755px;
	height: 24px;
	background: transparent url(images/SoundAid/TopBackground.jpg) no-repeat 0 0;}
#HeaderDefault {
	width: 755px;
	height: 75px;
	background: transparent url(images/SoundAid/HeaderBackground.jpg) no-repeat 0 0;}
#HeaderGraphic {
	margin: 1px 0 0 1px;}
#TopLinks {
	width: 755px;
	height: 30px;
	background: transparent url(images/SoundAid/TopLinksBackground.jpg) no-repeat 0 0;}
#IndexImage {
	float: left;
	width:237px;
	height:201px;
	background: #fff url(images/SoundAid/IndexImage.jpg) no-repeat top left;
	overflow: hidden;}
td > #IndexImage {float: none;}
#SlideShow {
	float:right;
	width:518px;
	height:201px;
	background: #fff url(images/SoundAid/SlideShow.jpg) no-repeat top left;
	overflow: hidden;}
#BreadCrumbs {}
#IndexDefaultIncludes {
	padding: 10px 13px 10px 10px;}
#DefaultIncludes {
	width: 565px;
	padding: 10px 13px 10px 10px;}
td > #DefaultIncludes {width: 545px;}
.Divider { clear:both; padding: 8px 0 0 0; background: #C2C1AD url(); color: #B6B7D1;}
#SideNavigation {
	clear: both;
	width: 187px;
	margin: 1px 0 5px 0;
	padding: 8px 7px 10px 9px;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	border-right: 1px solid #C1C1AD;}
td > #SideNavigation {width: 170px;}
.Date {
	padding-top: 10px;
	color: #666
}



/*--- DROP DOWN MENUS ---*/
#DropDown { 
	/* 
	The following is only necessary because this menu is using absolute positioning and is 
	being "placed" where we want it on the page rather falling within the flow of the document. 
	Absolute positioning was necessary because the div where the menu was being created was 
	only 25px in height and closeed each time the cursor moved outside the "main" div onto the 
	dropdown menu. The menu now "floats" on top of the rest of the page. 
	 */
	position: absolute;
	top:127px;
	left: 340px;
	z-index: 100;
	border-left: 1px solid #D0CDC0;
	font: bold 11px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}
#DropDown p {
	float:left;
	position: relative;
	margin: 0;
	padding: 4px 8px 4px 18px;
	height: 20px;
	border: 1px solid #F6F5EF;
	border-left-color: #fff;
	border-right-color: #E2DFCD;
	font: bold 11px Arial, Helvetica, Verdana, sans-serif;
	background: #F6F5EF url(images/TriangleDownRightLarge.gif) no-repeat 5px 7px;
	color:#c63;
	cursor: pointer;
}
#DropDown > p {
	/* for non-IE browsers to extend drop down bgcolor width of links */
	position: static;
	padding: 4px 8px 0 18px;
	height: 18px;
}
#DropDown p span {
	visibility: hidden;
	display: block;
	position: absolute;
	top: 23px; /* positioning fix required for IE to place links below drop down title */
	left: 0; /* positioning fix for IE to left align links with drop down title */
	margin-left: -2px;
	padding: 2px;
	font-weight: normal;
	border: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: #FDFDFB url(images/DropDownBG.jpg) no-repeat bottom right;
}
#DropDown p > span { 
	/* resets the top and left properties to compensate for IE positioning fix */
	top: 24px;  
	left: auto; 
	margin-left: -20px; /* offset the drop down to adjust to left padding */
}
#DropDown p:hover span, #DropDown p.over span { visibility: visible;}
#DropDown p:hover, #DropDown p.over {
	background: #EDECE4 url(images/TriangleDownLarge.gif) no-repeat 5px 7px;
	border-top-color: #FAFAF8;
	border-right-color: #B0AB95;
	border-bottom-color: #B0AB95;
}
#DropDown span a {font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 3px 9px 3px 17px; display: block;} /* padding is increased by 1 here because IE does not support transparent borders */
body > #DropDown span a {padding: 2px 8px 2px 16px; border: 1px solid transparent;} /* Hidden from IE, padding is set to correct level and borders transparent */
#DropDown a:link, #DropDown a:visited {color:#FF7200; text-decoration:none;}
#DropDown span a:hover, #DropDown span a:active {
	/* Padding is reduced for IE to correct level, allowing space to add borders */
	padding: 2px 8px 2px 16px; 
	color:#000; 
	border: 1px solid #D8DCEB; 
	text-decoration:none; 
	background: #E9EBF3 url(images/TriangleRightSmall.gif) no-repeat 6px 50%;
}

/*---- Page Titles ----*/
.header, #DefaultIncludes .Title, .MainPage p.header, #DefaultIncludes .header {
	color: #335599;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0.2em 0;
}
.subheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c63;
}
#DefaultIncludes span.subheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c63;
}
/*---- Copyright and Legal Info ----*/
.LegalText {}
#Legal {
	clear: both;
	color: #aaa;
	font: 10px/11px Arial, Verdana, Helvetica, sans-serif;
	border-top: 1px solid #ccc;
	height: 30px;
	padding: 5px 10px 5px 6px; 
}
#Legal :link, #footer :visited { color: #777; }
#Legal hr { display: none }
#Legal #PoweredBy { border: 0; float: left }
#Legal #PoweredBy:hover { background: transparent }
#Legal p { margin: 0;}
#Legal p.left {
  height: 30px;
  float: left;
  margin-left: 1em;
  padding: 0 1em;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-size:9px;
}
#Legal p.right {
  float: right;
  text-align: right;
}
/*---- Top News and Events ----*/
#TopNews {
	clear:both;
	float: left;
	width: 408px;
	height: 231px;
	padding: 70px 20px 5px 13px;
	background: #F5F4F9 url(images/WelcomeBackground.jpg) no-repeat top left;
	overflow: hidden;}
td > #TopNews {width: 375px; height: 156px;} /* non-IE browsers only */
#TopNews ul {
	margin: 0;
	padding: 0;}
#TopNews ul li {
	padding-bottom: 2px;}
#TopNews span a {}
#TopNews span a:hover,  #TopNews span a:active {}

#TopEvents {
	/*float:right;
	width:355px;*/
	padding: 0 0 0 12px;}
/*#DefaultIncludes > #TopEvents {width: 357px;}  non-IE browsers only */
#TopEvents ul {
	margin: 0;
	padding: 7px 0 0 6px;}
#TopEvents ul li {
	padding-bottom: 2px;}
#TopEvents span a {}
#TopEvents span a:hover,  #TopEvents span a:active {}

/*Index news EVENTS*/
/*Index news TOP STORIES*/
/*Index news DISTRICT NEWS*/
/*Index news SCHOL NEWS*/
#IndexNewsPortalEvents,
#IndexNewsPortalTop,
#IndexNewsPortalDistrict,
#IndexNewsPortalSchool {}
.IndexNewsPortalEvents a:link, .IndexNewsPortalEvents a:visited,
.IndexNewsPortalTopNews a:link, .IndexNewsPortalTopNews a:visited,
.IndexNewsPortalDistrict a:link, .IndexNewsPortalDistrict a:visited,
.IndexNewsPortalSchool a:link, .IndexNewsPortalSchool a:visited {
	display: block;
	color: #00007E;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin: 0 0 0.25em 0;
	text-decoration: none;}
.IndexNewsPortalEvents a:hover, .IndexNewsPortalEvents a:active,
.IndexNewsPortalTopNews a:hover, .IndexNewsPortalTopNews a:active,
.IndexNewsPortalDistrict a:hover, .IndexNewsPortalDistrict a:active,
.IndexNewsPortalSchool a:hover, .IndexNewsPortalSchool a:active {
	color: #2634DF;
	text-decoration: none;}
.IndexNewsPortalEvents span a:link, .IndexNewsPortalEvents span a:visited,
.IndexNewsPortalTopNews span a:link, .IndexNewsPortalTopNews span a:visited,
.IndexNewsPortalDistrict span a:link, .IndexNewsPortalDistrict span a:visited,
.IndexNewsPortalSchool span a:link, .IndexNewsPortalSchool span a:visited {
	display: block;
	padding: 0 0 2px 13px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(images/Bullet.gif) no-repeat 0 0.5em;
	text-decoration: underline;
	color: #F78600;}
.IndexNewsPortalEvents span a:hover, .IndexNewsPortalEvents span a:active,
.IndexNewsPortalTopNews span a:hover, .IndexNewsPortalTopNews span a:active,
.IndexNewsPortalDistrict span a:hover, .IndexNewsPortalDistrict span a:active,
.IndexNewsPortalSchool span a:hover, .IndexNewsPortalSchool span a:active {
	color: #E01F1F;}

	
/*---- News Tab Navigation Links ----*/
	/*---- Tabs ----*/
ul#tabnav {
	list-style-type: none;
	font-weight: bold;
	margin: 0;
	padding-right: 15px;
	padding-bottom: 23px;
	border-bottom: 1px solid #333333;
}
ul#tabnav li {
	float: right;
	margin: 1px 3px 0px 3px;
	border: 1px solid #333;
	border-bottom: 1px solid #333333;
	background: #666666 url();
}
ul#tabnav a:link, #tabnav a:visited  {
	display: block;
	width: 135px;
	padding: 3px 0px 4px 0px;
	background: transparent url();
	color: #FFFFFF;
	text-decoration: none;
	/*background-image: url(http://images.pcmac.org/websites/LimestoneCountySchools/LimestoneCounty/images/tab_rounded_corners.gif);
	background-repeat: no-repeat;
	background-position: top;*/
}
ul#tabnav a:hover  {
	color: #FFFFFF;
	background-color: #152976;
	text-decoration: none;
}
	/*---- Selected Tab ----*/
td#district li.district, td#school li.school, td#submit li.submit {
	padding-right: 0;
	padding-left: 0;
	margin-top: -1;
	background-color: #F5F5F5;
	border-top: 3px solid #0000d0;
	border-bottom-color: #F5F5F5;
	color: #152976;
}
td#district li.district a:link, td#district li.district a:visited, td#school li.school a:link, td#school li.school a:visited, td#submit li.submit a:link, td#submit li.submit a:visited {
	background-color: #F5F5F5;
	color: #152976;
	text-decoration: none;}

/*---- Top Navigation Menus ----*/
#TopNavigation {
	padding:0;
	margin: 0 6px 0 0;}
#TopNavigation a {
	display: block;
	float: right;
	color: #fff;
	border-left: 1px solid #E3E3DB;
	padding: 1px 6px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;}
#TopNavigation a:link, #TopNavigation a:visited {
	text-decoration: none;
	color: #fff;}
#TopNavigation a:hover, #TopNavigation a:active {
	text-decoration: none;
	color: #993333;}
#TopNavigation a.Active  {
	font-weight: bold;
	color: #335599;}
#TopNavigation a.Active:link, #TopNavigation a.Active:visited {
	color: #335599;}
#TopNavigation a.Active:hover, #TopNavigation a.Active:active {
	color: #335599;}

/*---- Top Navigation Menus (on default page header) ----*/
#DefaultHeaderNavigation {
	padding:0;
	margin: 0 6px 0 0;}
#DefaultHeaderNavigation a {
	display: block;
	float: right;
	color: #fff;
	border-left: 1px solid #C17D7B;
	padding: 1px 6px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;}
#DefaultHeaderNavigation a:link, #DefaultHeaderNavigation a:visited {
	text-decoration: none;
	color: #fff;}
#DefaultHeaderNavigation a:hover, #DefaultHeaderNavigation a:active {
	text-decoration: none;
	color: #f99;}

/*---- Top Navigation Menus (on default page below header) ----*/
#DefaultTopNavigation {
	padding:0;
	margin: 0 6px 0 190px;}
#DefaultTopNavigation a {
	display: block;
	float: left;
	color: #000;
	border-left: 1px solid #CCCDBF;
	padding: 1px 6px;
	font: bold 14px Arial, Helvetica, sans-serif;}
#DefaultTopNavigation a:link, #DefaultTopNavigation a:visited {
	text-decoration: none;
	color: #000;}
#DefaultTopNavigation a:hover, #DefaultTopNavigation a:active {
	text-decoration: none;
	color: #359;}
	
/*---- Home Page Quick Links ----*/
#IndexSideNavigation {
	width: 227px;
	padding: 5px;}
body > #IndexSideNavigation {width: 227px;}
#IndexSideNavigation a:link, #IndexSideNavigation a:visited {
	display: block;
	text-align: center;
	text-decoration:none;
	border: 2px solid #335599;
	color: #fff;
	background-color: #7694D1;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 7px 3px;
	margin: 8px 0 0 0;}
#IndexSideNavigation a:hover, #IndexSideNavigation a:active {
	background-color: #4B79CF;
	text-decoration:none;
	color: #fff;}
	
/*---- Side Navigation Toggle ----*/
#SideNavToggle {
	width: 164px;
	height: 22px;
	background: transparent url(images/SideNavToggleBg.gif) repeat-y 0 0;}
#SideNavToggle a:link, #SideNavToggle a:visited {
	display: block;
	float: left;
	margin: 6px 0 0 3px;
	padding: 1px 6px;
	background: #E0DFEC url();
	border-bottom: 1px solid #C9C7D8;
	border-right: 1px solid #A7A5BC;
	color: #444;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-decoration: none;}
#SideNavToggle a:hover, #SideNavToggle a:active {
	background: #EAE9F3 url();
	border-bottom-color: #D2D0E6;
	text-decoration: none;}
#SideNavToggle a.Active:link, #SideNavToggle a.Active:visited {
	margin-top: 4px;
	background: #F8F7FB url();
	padding-top: 2px;
	padding-bottom: 3px;
	border-bottom: 0;
	border-right-color: #797096;
	text-decoration: none;}
#ToggleSideNavShowAll {display:none;}
#ToggleSideNavDivision {display:none;}

/*---- Side Navigation Menus ----*/
a.IncNavDivision {display: none; padding: 3px 12px 3px 2px; border-bottom: 1px solid #D8D3E4; margin-top: 0px;
	background: transparent url(images/NavArrowColorRight.gif) no-repeat 144px 50%;}
a.IncNavDivision:link, a.IncNavDivision:visited {text-decoration: none; color: #000;}
a.IncNavDivision:hover, a.IncNavDivision:active {text-decoration: none; color: #FF9900;}

	#IncNavActiveDivision { background: url(images/NavArrowColorDown.gif) no-repeat 143px 50%;}
	a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}

a.IncNavDepartment {display: block; padding: 3px 12px 3px 2px; margin-left: 10px; border-bottom: 1px solid #D8D3E4; 
	background: transparent url(images/NavArrowGrayRight.gif) no-repeat 134px 50%;}
a.IncNavDepartment:link, a.IncNavDepartment:visited {text-decoration: none; color: #000;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active {text-decoration: none; color: #FF9900;}

	#IncNavActiveDepartment { background: url(images/NavArrowGrayDown.gif) no-repeat 133px 50%;}
	a#IncNavActiveDepartment:hover, a#IncNavActiveDepartment:active {}

a.IncNavSubDepartment {display: block; padding: 2px 12px 1px 2px; margin-left: 20px; border-bottom: 1px solid #D8D3E4;
	background: transparent url(images/NavArrowGrayRight.gif) no-repeat 124px 50%;}
a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited {text-decoration: none; color: #000;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active {text-decoration: none; color: #FF9900;}

	#IncNavActiveSubDepartment { background: url(images/NavArrowGrayDown.gif) no-repeat 123px 50%;}
	a#IncNavActiveSubDepartment:hover, a#IncNavActiveSubDepartment:active {}

a.IncNavPages {display: block; font: bold 12px Arial, Helvetica, Verdana, sans-serif; padding: 3px 2px 2px 9px; 
	background: transparent url(images/SoundAid/DivisionArrow.gif) no-repeat 0 50%; border-bottom: 1px solid #EBEBE1 }
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; color: #933;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: none; color: #d55;}

a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover {font-weight:bold; color: #000; 
	background: #CCD7EE url(images/SoundAid/DivisionArrowActive.gif) no-repeat 0 50%;} /*This is the current page*/

/*---- Quick Links Menus  ----*/
.QuickLinksTitle {display: none; font: bold 10px Verdana, Arial, sans-serif; text-align:center; margin: 8px 0 3px 0; padding: 2px 4px 2px 2; background-color: #C1C1AD; color: #FDFDFF; text-transform:uppercase; letter-spacing: 2px;}
#SideNavigation #QuickLinks {display: none;}
#SideNavigation  td.QuickLinks a {display: none; padding: 3px 3px 3px 10px; border-bottom: 1px solid #EBEBE1;;
	background: transparent url(images/NavArrowColorRight.gif) no-repeat 0 50%; font: bold 12px Arial, Helvetica, Verdana, sans-serif;}
#SideNavigation  td.QuickLinks a:link, #SideNavigation  td.QuickLinks a:visited {text-decoration: none; color: #359;}
#SideNavigation  td.QuickLinks a:hover, #SideNavigation  td.QuickLinks a:active {text-decoration: none; color: #6A96DD;}

#SideNavigation #UniversalQuickLinks { background-color: #FEFCF5; border: 1px dotted #D8D3E4; margin: 5px 0;}
#SideNavigation td.UniversalQuickLinksTitle {color: #DACDD5; text-align:center; font: bold 11px Arial, Helvetica, sans-serif; padding: 3px 4px; border-bottom: 1px solid #DBD8A4; background: #4C4A5F url();}
#SideNavigation td.UniversalQuickLinks { padding: 2px 6px 6px 6px; line-height:normal; }

/*---- SubNav Links Menus  ----*/
.SubNav  a {
	display: block; 
	padding: 3px 3px 3px 10px; 
	border-bottom: 0px solid #E4EEFC; 
	margin-top: 2px;
	background: transparent url(images/SquareLargeBlack.gif) no-repeat 0 50%;}
.SubNav  a:link, .SubNav  a:visited {text-decoration: none; color: #AA542B;}
.SubNav  a:hover, .SubNav a:active {color: #f40; border-bottom-color: #91BAF2; text-decoration: none;}


/* ----- NICE TITLES ----- */
#nicetitlecontainer{
	border: 2px solid #101F45;
	background-color: #44506D;
	filter: alpha(opacity=80); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:.80;
	opacity:.80;}
div.nicetitle{
	font-size: 10px;
	left: 0;
	padding: 6px;
	position: absolute;
	top: 0;
	text-align:left;
	max-width: 30em;
	z-index: 100;
	width: auto;
	height: auto;}	
div.nicetitle p {
	margin: 0;
	padding-bottom: 3px;
	font: bold 11px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	filter: alpha(opacity=100); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:1;
	opacity:1;}
div.nicetitle p.destination {
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 0px;
	text-align: left;
	filter: alpha(opacity=100); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:1;
	opacity:1;}

/*---- TABLES  ----*/
.td1
{
    FONT-WEIGHT: bold;
    COLOR: #000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #E8E9E3
}
.td2
{
    FONT-WEIGHT: bold;
    COLOR: #444;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F6F5EF
}
.td3
{
    FONT-WEIGHT: bold;
    COLOR: #fff;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #c63
}
.td4
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #BFBEC2
}
.td5
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #ddd
}
.td6
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #ddd
}
.td7
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #ddd}
.td8
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #ddd}

#PicCap {color: #000}
/*---- Calendar ----*/
.calheader{
	font-size: 11px; font-weight: bold; color: #333;
}
a.calnav1:link, a.calnav1:visited {
	font-size: 10px; color: #666; text-decoration: none;}
a.calnav1:hover, a.calnav1:active {
	font-size: 10px; color: #000; text-decoration: none;}
a.calnav2:link, a.calnav2:visited {
	font-size: 10px; color: #666; text-decoration: none;}
a.calnav2:hover, a.calnav2:active {
	font-size: 10px; color: #000; text-decoration: none;
}
td.caltd1 {
	font-size: 10px; background-color: #b5b5b5; color: #000; font-weight: bold;
}
td.caltd2 {
	font-size: 10px; background-color: #d5d5d5; color: #333; font-weight: bold;
}
td.caltd3 {
	font-size: 10px; background-color: #eee; color: #333; font-weight: bold;
}
td.caltd4 {
	font-size: 10px; background-color: #aaa; color: #fff;
}

/*---- Small Calendars ----*/
td.scal{
	 font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff; border-left: 1px solid #fff; 
	border-bottom: 1px solid #555; border-right: 1px solid #555;
	background-color: white;
}
td.scalheader{
    font: bold 11px/normal Verdana, Arial, Helvetica, sans-serif; background-color: #fff;
}
a.scalnav1:link, a.scalnav1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none;}
a.scalnav1:hover, a.scalnav1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #444; text-decoration: none;}
td.scaldayofweek{
    font-family: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #666; background-color: #bcbcbc;
}
td.scalday1{
    font-family: xx-small Verdana, Arial, Helvetica, sans-serif; color: #efefef; background-color: #efefef;
}
td.scalday2{
	font-family: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
td.scalw{
	font-family: 10px Verdana, Arial, Helvetica, sans-serif;background-color: #ddd;
}
td.scaltoday{
    font-family: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #09f;
}

/*---- Calendar View ----*/
td.cvheader{
	background-color: #bfbfbf; font-size: 11px; font-weight: bold; color: #FFFFFF;
}
td.cvdayofweek{
	background-color: #666; font-size: 11px; color: #FFFFFF;
}
td.cvday1{
	background-color: #efefef; font-size: 9px; color: #000000;
}
td.cvday2{
	font-size: 9px; color: #000000;
}