/* GLSynthesis - CSS Document */

/* ------------------------- */
/* ----> GLOBAL STYLES <---- */
/* ------------------------- */

*{padding:0;margin:0;}
img{border:none;}
img, div { behavior: url(styles/iepngfix.htc) }  /* IE PNG Fix */
.clearfix {clear:both}


/* ------------------------*/
/* ----> TEXT STYLES <---- */
/* ----------------------- */

body {font-family: Verdana, Arial, Helvetica, sans-serif;}
p {color: #5271aa; font-size: 13px; margin-bottom: 16px;}
a {text-decoration: none;}
h1 {font-size: 20px; font-weight: normal; margin-bottom: 16px; color: #2c436d;}
h2 { color: #FF0000; font-size: 16px; font-weight: normal; margin-bottom: 16px;}
h3, h4, h5, h6 {  color: #2c436d; font-size: 15px; font-weight:bold; margin-bottom: 16px;}

p.intro_para {
	padding-right: 280px;
	line-height: 15px;
	}

p.news_date {
	margin-left: 8px;
	color: #173d7b;
	letter-spacing: -1px;
	font-size: 13px;
	margin-bottom: 0px;
	}

div.news_entry div p {
	color: #4e4d4d;
	font-size: 10px;
	}

div#footer p {
	font-size: 13px;
	color: #d3dff2
	}

div#footer a {
	color: #FFFFFF;
	}

div#footer a:hover {
	text-decoration: underline;
	}

div#news h2 {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 0px 5px;
	line-height: 17px;
	float: left;
	}

a.news_see_all {
	float: right;
	color: #c7d0fd;
	margin-right: 4px;
	font-size: 11px;
	line-height: 16px;
	}

a.news_see_all:hover {
	text-decoration: underline;
	}






/* ------------------- */
/* ---- > LAYOUT <---- */
/* ------------------- */

body {
	background: url(../images/page_bg.gif) repeat-x #FFFFFF;
	text-align: center;
	}

div#container {
	width: 900px;
	margin: 0 auto;
	padding: 0px 12px 0px 12px;
	text-align: left;
	background: url(../images/body_bg.png) repeat-y;
	}

div#container_bottom {
	width: 924px;
	margin: 0 auto;
	background: url(../images/container_bottom.png) no-repeat;
	height: 21px;
	}
	
div#header {
	background: url(../images/header_bg.jpg) no-repeat;
	width: 900px;
	height: 181px;
	position: relative;
	border-bottom: 1px solid #4d72a8;
	}

img#logo {
	position: relative;
	top: 23px;
	left: 24px;
	}

div#body_wrap {
	padding: 23px 30px 0px 30px;
	margin-bottom: 5px;
	position: relative;
	}

body#home div#body_wrap {
	background: url(../images/body_home_bg.jpg) no-repeat;
	padding: 23px 30px 0px 30px;	
	min-height:462px;
  	height:auto !important;  /* min height ie hack */
    height:462px;
	position: relative;
	}

div#footer {
	height: 78px;
	background: #4769a8;
	width: 883px;
	margin-left: 9px;
	}

div#news {
	width: 175px;
	background: url(../images/news_top.gif) top no-repeat;
	}

div#news_inner {
	width: 175px;
	background: url(../images/news_bg.gif) top repeat-y;
	clear:both;
	border-bottom: 1px solid #b7c3d1;
	padding-top: 6px;
	}
	
div.news_entry {
	width: 165px;
	background: url(../images/news_entry_top.gif) no-repeat;
	padding-top: 12px;
	padding-bottom: 9px;
	margin-left: 5px;
	position: relative;
	}

div.news_entry div {
	background: url(../images/news_entry_bg.gif) bottom no-repeat;
	padding: 0px 5px 0px 5px;
	}

div.news_entry div p {
	padding-bottom: 10px;
	margin: 0;
	}

a.news_read_more {
	display: inline;
	width: 69px;
	height: 22px;
	float: right;
	margin-right: 10px;
	margin-top: -5px;
	}

p#footer_left {
	float: left;
	width: 300px;
	margin-top: 13px;
	margin-left: 13px;
	display: inline;
	}

p#footer_right {
	float: right;
	width: 300px;
	text-align: right;
	margin-top: 13px;
	margin-right: 13px;
	display: inline;
	}

div#calendar {
	width: 143px;
	height: 137px;
	position: absolute;
	left: 740px;
	}

/* ---------------------- */
/* ----> NAVIGATION <---- */
/* ---------------------- */

ul#nav {
	position: absolute;
	top: -28px;
	z-index: 1000;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	color: #3469a6;
	font-size: 12px;
	background: url(../images/nav_bg.gif) top right no-repeat;
	padding: 8px 18px 8px 6px;
	}

#nav ul a {
	display: block;
	width: 184px;
	font-size: 12px;
	padding: 6px 8px 6px 8px;
	line-height: normal;
	background: none;
	color: #000000;
}

#nav ul a:hover {
	background: #CCD2DD;
	}

#nav li { /* first level list items */
	float: left;
	background: url(../images/nav_bg_left.gif) no-repeat left top;	
	height: 27px;
	padding: 0px 0px 0px 12px;
	margin: 0px 2px 0px 0px;
	color: #990000;
}

#nav li li { /* all list items */
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
	height: auto;
	padding: 0;
	margin: 0;
	background: #E5E8EE;
	border-bottom: 1px solid #b6c1d6;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: -12px;
}

li { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#rightimg {margin-left: 70px; }
#leftimg { float: right; margin-right: 70px; }
#rightcol { float: right; width: 300px; margin-right: 50px; }
.uline {text-decoration: underline; color: #0000FF;}
.bodybullets {color: #5271aa; margin-left: 30px;  margin-bottom: 20px;}
.bodybullets2 {color: #5271aa; margin-left: 140px;  margin-bottom: 20px;}
.bodycontent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 16px;}

/* ---- CONTACT PAGE STYLES ---- */

#contactform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 400px;
	border: 1px solid #113498;
	padding: 5px 20px 0 20px;
}
#contactform .label {
	float: left;
	clear: left;
	width: 150px;
	text-align: right;
    color: #5271aa;	
	font-weight: bold;
}

.txtarea {
	font-weight: bold;
    color: #5271aa;	
}
.credits {
	margin-top: 15px;
	float: right;
	width: 300px;
	font-size: 10px;
	color: #5271aa; 
}
.credits:hover {text-decoration: underline;}
.copyright {
	float: left;
	width: 200px;
	margin-top: 15px;
	font-size: 10px;
	color: #5271aa; 
}
