/************** MAIN DEFINITIONS *************/
/********************************************/
body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #ffffff;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px; }
a:link, a:visited {
	color: #005FA9;
	background:transparent;
	text-decoration: none; }
a:hover, a:active {
	color: #BD2919;
	background:transparent;
	text-decoration: underline; }
img {
	/* margin: 0; */
	border: 0;
	vertical-align: top;}
.display_message {
	font-size: 80%;
	color: #003399;
	background:transparent; }
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 background:transparent;
 margin: 0px;
 padding: 0px;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 background:transparent;
 margin: 0px;
 padding: 0px; }
h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 background:transparent;
 margin: 0px;
 padding: 0px; }
h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 background:transparent;
 margin: 0px;
 padding: 0px; }
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 background:transparent;
 margin: 0px;
 padding: 0px; }
.TextBold {font-weight: bold}
.BodyMain {
	width: 100% ;
	min-width: 750px; }
.HeaderLeft {
	vertical-align: top;
	width: 21px; }
#HeaderLeft {
	background-image: url(images/header_left.png);
	top: 0px;
	left: 0px;
	height: 158px;
	width: 21px; }	
.Header {
	vertical-align: top;
	background-image: url(images/header_bg.png); background-repeat: repeat-x;
	width: 100% ;
	height: 88px; }
.HeaderLogo {
	width: 412px ;
	vertical-align: top; }	
.HeaderRight {
	width: 150px;
	vertical-align: top; }	
#TopNavBg {
    height: 34px;
    background-image: url(images/topnav_bg.png); background-repeat: repeat-x ; }
.MainContentLeft{
	vertical-align: top;
	padding: 10px; }
.MainContent{
	vertical-align: top;
	width: 100%; }	
.MainContentGallery{
	vertical-align: top;
	padding: 5px;
	font-size: 80%; }	
.MainContentRight{
	vertical-align: top;
	width: 190px;
}			
#PageContent{
	width: 80%;
	padding: 5px 5px 5px 5px;
	text-align:justify;
	font-size: 80%;	 }
#PageContentStyled{
	width: 80%;
	/* border-left: 16px solid #626F9B;
	border-top: 5px solid #626F9B; */
	margin-top: 5px;
	padding: 10px;
	text-align:justify;
	font-size: 80%; }
.PageContentTable{
	width: 100%;
	font-size: 105%; }
.PageContentTableBg{
	width: 100%;
	font-size: 105%;
	background-color: #626F9B; }	
.PageContentTableCell{
	background-color: #fbfbf5; }			
.PageContentTableDiv{
	border-bottom: 1px solid #626F9B;	 }	
#LinksContent{
	text-align:left;
	line-height: 2.0;
	margin-left: 15px;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	font-size: 105%;	 }	
.LinksTContent{
	width: 100%;
	border: 0; }	
.LinksTContentL {
	vertical-align: top; }
.LinksTContentR{
	width: 220px;
	vertical-align: top; }
.LinksTContentImage{
	border: 1px solid #cccccc;
	margin-top: 15px; 
	width: 205px;
	padding: 5px; }		
.LinksContentImage{
	border: 1px solid #cccccc;
	margin-top: 2px; 
	width: 360px;
	padding: 5px; }	
#FooterLeft{
	float: left;
	font-size: 75%;
	color: #ffffff;
	background:transparent;
	margin-top: 1px; }
.Footer{
	background-image: url(images/footer_bg.png); background-repeat: repeat-x;
	height: 38px; }
#FooterRight{
	float: right;
	margin-left: 4px;
	margin-right: 10px;
	margin-top: 4px; }	
#SideNav{
	width:179px;
	margin-right: 12px; 
	padding: 0px;
	/* background-color: #fdfeee;*/ }	
#SideNavT {
	margin-top: 10px;
	width: 179px;
	height: 20px;
	background-image: url(images/sidenav_top.png);
	background-repeat: no-repeat;
}
#SideNavB {
	margin-bottom: 10px;
	width: 179px;
	height: 15px;	
	background-color: #63709c;	}
.SideNavLinks {
	padding: 0px;
	border-top: 0px;
	border-bottom: 1px solid #000000; /*#cccccc*/
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; }		
.TitleHeader{
	background-image: url(images/title_bg.png); background-repeat: repeat-y;
	border-bottom: 1px solid #cccccc;
	width: 50%;
	text-indent: 25px; }
.LoginHeader{
	background-color: #c33b2a;
	border: 1px solid #cccccc;
	height: 8px;
	width: 260px; }
.LoginBody{
	background-image: url(images/gradient_1.png); background-repeat: repeat-x;
	border: 1px solid #cccccc;
	height: 170px;
	width: 260px; }
.LoginFooter{
	background-color: #5f6c97;
	border: 1px solid #cccccc;
	height: 5px;
	width: 260px; }	
.CalendarBody {
	width: 100%;
	font-size: 100%;
	background-color: #63709c;	}
.CalendarCell {
	background-color: #fdfef0;	}	
.FormContent{
	background-color: #e6e6e6;
	width: 100%;
	font-size: 100%; }
.FormText{
	line-height: 1.25;	
	font-size: 90%;
	padding-left: 5px;
	padding-right: 10px;
	margin: 10px;
	background-color: #fafafc;
	border: 1px solid #cccccc; }			
.FormContentCell{
	background-color: #ffffff; }	
.FormContentCellb{
	background-color: #f6f7fb; }		
.ErrorMessage {
	font-size: 105%;
	font-weight: bold;
	color: #FF0000;	}
.TitleLeaderCell {
/* background-image: url(images/crest_outline.png); background-repeat: no-repeat; */
	font: bold 28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	/* width: 35px;
	height: 35px; */
	padding: 0px; }
.TitleLeaderText { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.caption { font-size: 60%; color: #d9d9d9;background:transparent; }
.CaptionLink a, CaptionLink a:hover, CaptionLink a:active, .CaptionLink a:visited {color:#f4e8e8;background:transparent;text-decoration:none; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 60%; }
 
/************** TOPNAV DEFINITIONS **********/
/********************************************/
ul.TopNav {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */ }
ul.TopNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */ }	
/* navbar list */
ul.TopNav {
	position:absolute;
	left:22px;	
	cursor:default;
	z-index:2000; }
/* navbar list-items */
ul.TopNav li {	
	width:auto;
	float:left;
	position:auto;
	cursor:pointer;
	cursor:hand;
	text-align:left;	
	margin:0 0 0 -1px; }
li.TopNavDiv {	
	border-right: 1px #cccccc solid; }	
/* we have to use a different positioning trick for ie, so: 
   - set the two values below to reflect the navbar items' left position,  
   - then reduce the margin-left value by 1px (approx 0.05em)  
     to re-apply the list-item border-collapse */
* html ul.TopNav li {
	/* margin:0 -10.55em 0 10.5em; */ }
ul[class^="TopNav"] li {
	/* margin:0 -10.55em 0 10.45em; */
	left:0.05em; }
/* menu lists */
ul.TopNav ul {
	border: 1px #cccccc solid;
	background-color: #fdfef0;
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	/* menu width */
	width:9.2em;	
	margin:0 0 0 0;
	left:-10000px; }
/* menu list-items */
ul.TopNav ul li {
	border-bottom: 1px #cccccc solid;
	width:9.2em;
	left:auto;
	margin:-1px 0 0 0;	}
ul.TopNav ul.wider, ul.TopNav ul.wider li {
	width:12.2em; }
/* further child-menu offset */
ul.TopNav ul ul {
	margin:-0.45em 0 0 7.65em;	}
@media Screen, Projection { 
	ul.TopNav li:hover > ul { left:auto; }
	ul.TopNav ul li:hover > ul { top:0; }
	}
/* links */
ul.TopNav a, ul.TopNav a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	padding:5px 7px;
	font:normal normal bold 0.7em tahoma, verdana, sans-serif;
	color:#000000;
	background:transparent;
	text-decoration:none;
	letter-spacing:1px;	}	
/* rollover pseudo-classes, and scriptable persistence class */
ul.TopNav a:hover, ul.TopNav a:focus, ul.TopNav a.rollover, ul.TopNav a.rollover:visited {
	font:normal normal bold 0.7em tahoma, verdana, sans-serif;
	text-decoration:none;
	background:#63709c;
	color:#ffffff; }
/* opera 5 and 6, and mac/ie5, need float on the links */
ul.TopNav a { float:left; }
/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { ul.TopNav a { float:none; } }
/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
ul.TopNav a:not(:nth-child(n)) { float:left; }
/* compensate submenus, using !important to increase specificity for osx/msn */
ul.TopNav ul a { float:none !important; }
/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media screen, projection {
	* html ul.TopNav li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f\loat:left; 
				}
	}
/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.TopNav li { position:static; }
* html ul.TopNav a { position:relative; }
/* hide menus from konqueror < 3.2 */
ul[class^="TopNav"] ul { display:none; }
ul[class^="TopNav"] ul { displa\y:block; }

/************** IMAGE GALLERY DEFINITIONS **********/
/**************************************************/
.weatimages_thumbnail_cell {
 	font-family: Helvetica, Arial, sans-serif;
	padding: 4px 4px 8px 4px;
	border-style: solid;
	border-color: #DDDDDD;
	text-align: center;
	vertical-align: top;
	text-align: center;
}
.weatimages_thumb_border {
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin: 6px 6px 2px 6px;
}
.weatimages_link_size {
	font-size: 9px;
	text-decoration: underline;
	color: #333366;
	background:transparent;
	text-align: center;
}
.weatimages_filename {
	font-size: 9px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}
.weatimages_image_desc {
	color: #555555;
	background:transparent;
	text-align: center;
}
.weatimages_pages_navigator {
	font-size: 12px;
	color: #003366;
	background:transparent;
	text-align: center;
}
.weatimages_header {
	font-size: 15px;
	color: #333333;
	background:transparent;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 20px;
	margin-right: 20px;
}
.weatimages_comment {
	font-size: 12px;
	color: #555555;
	background:transparent;
	margin-bottom: 3px;
	margin-left: 20px;
	margin-right: 20px;
}
.weatimages_bigimage {
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #444444;
	margin: 5px;
	text-align: center;
}
.weatimages_container_navig {
	font-size: 11px;
	text-decoration: underline;
}
.weatimages_toppest_navig {
	color: #555555;
	text-decoration: underline;
	background-color: #FAFBFB;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
}

/**********************************************************************
 Styles for the bottom links of the website.
 **********************************************************************/
.bottomNavContainer {
	width: 760px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 82px;
	left: 0px;
	top: 0px;
}

#bottomNavLeft {
	position: absolute;
	width: 20px;
	height: 82px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bottomNavLeft.jpg);
	background-repeat: no-repeat;
	left: 0px;
}

#cellOne {
	height: 80px;
	width: 180px;
	position: absolute;
	top: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #63709c;
	border-bottom-color: #63709c;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#cellTwo {
	position: absolute;
	height: 80px;
	width: 180px;
	top: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #63709c;
	border-bottom-color: #63709c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
}

#cellThree {
	position: absolute;
	height: 80px;
	width: 180px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #63709c;
	border-bottom-color: #63709c;
	padding: 0px;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 380px;
}

#cellFour {
	position: absolute;
	height: 80px;
	width: 180px;
	top: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #63709c;
	border-bottom-color: #63709c;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 560px;
}

#bottomNavRight {
	padding: 0px;
	height: 80px;
	width: 20px;
	top: 0px;
	position: absolute;
	background-color: #63709c;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #63709c;
	border-bottom-color: #63709c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 740px;
}
/**********************************************************************
 End bottom links styles.
 **********************************************************************/

/****** EOF ******/