* {
	margin:0;
	padding: 0;
}
html {background: #32597A;}
body {font: 90%/140% Helvetica, Arial, Verdana, sans-serif; color: #333;  text-align: left; }
a {text-decoration: none; color: #32597A; text-decoration: underline; outline:none;} /* blue */
a:visited {text-decoration: none; color: #666666; text-decoration: underline;}
a:hover {text-decoration: underline; color: #666666; text-decoration: none;}
a:active {text-decoration: none; text-decoration: underline; color:#333;}

img {
border: none;
}

ol {margin-left: 40px; }
ul { margin-left: 40px; }

#menu {width:980px; height:125px;text-align:center;  margin:0 auto; background-image:url(../images/banner_bg.jpg); position: relative;}

#logo-link { 
		position: absolute; 
		top: 8px; 
		left: 20px; 
		width: 116px; 
		height: 109px; 
		background-color: transparent; 
		cursor: hand;
		/*border: 1px solid yellow;*/ }	

/*LAYOUT */

#wrapper{margin:0 auto;}
#wrapper {width:980px; margin:0px auto 15px; background-color:#fff;}
#header {background: url(../images/top_nav_off.gif)  no-repeat; width: 980px; height: 125px; position: absolute;  top:0; right:0; overflow:hidden;}

#main {
    background-color:#fff;
    padding: 5px;
}

#footer {width:975px; background: #c0daef; position: relative; height:50px; margin:10px auto; text-align: center; font-size: .8em; padding-top:5px; color:#32597A; -moz-border-radius: 8px; -webkit-border-radius:8px;}


/**********LEFT NAVIGATION LINKS*********/
div#content_left{
width: 200px;
min-height: 850px;
height: 100%;
overflow: hidden;
vertical-align: top;
background-color:#c0daef;
float: left;
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size: .9em;
border: solid 1px #32597A;
padding-bottom: 15px;
}


div#left_menu_head{
background-color:#32597A;
color: #FFF;
text-align: left;
padding: 2px;
font-weight:bold;
}


.dept_menu{
	margin: 5px 0;
	padding: 0;
	width: 200px;
	border-bottom-width: 0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
}

.dept_menu a.menuitem{
	background-color:#C0DAEF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:normal;
	color: #000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-right:10px;
	padding-left:5px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

.dept_menu a.menuitem:hover{
background-color:#ffffff;
}

.gdept_menu a.menuitem:visited, .dept_menu .menuitem:active{
	color: #000;
}


/************CONTENT***************/

#content_body{
margin-left: 10px;
margin-bottom: 10px;
padding-left: 5px;
}


div#content_middle, div#content_middle_wide {
float: left;
vertical-align: top;
background-color: #FFF;
padding-left: 5px;
padding-bottom: 5px;
}
div#content_middle{ width: 550px; }
div#content_middle_wide{ width: 760px; }

div#content_right{
width: 200px;
vertical-align: top;
float: right;
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size: .9em;
}


div#right_menu_head{
background-color:#32597A;
color: #FFF;
text-align: left;
padding: 2px;
font-weight:bold;
font-size: .9em;
}


div#right_menu{
background-color:#c0daef;
color: #32597A;
text-align: left;
padding: 1px;
font-size: .9em;
border: solid 1px #32597A;
}


a.right_menu, a.right_menu:visited {
	color: #32597A;
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;	
}

a.right_menu:hover {
	color: #32597A;
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	padding: 2px;
	 
}


/************PAGE HEADERS***********/
div#dept_header{
background-color:#32597A;
color: #FFF;
font-size:22px;
text-align: left;
padding: 6px;
font-weight:bold;
}

div#breadcrumbs{
background-color:#eeeeee;
color: #32597A;
font-size:12px;
text-align: left;
padding: 5px;
font-weight:bold;
}

/************NEWS**************/
div#news_column_title{
color: #32597A;
text-align: left;
padding: 5px;
font-weight:bold;
}

div#news_column_summary{
color: #32597A;
text-align: left;
padding: 1px;
margin-left:5px;
margin-bottom: 5px;
}

div#index_news_teaser{
color: #000;
font-size:11px;
text-align: left;
padding: 5px;
font-weight:normal;
}

div#index_news_date{
color: #32597A;
font-size:11px;
text-align: center;
font-weight:bold;
}

div#index_news_date2{
color: #ffa53a;
font-size:16px;
text-align: center;
font-weight:bold;
}

div#index_news_title{
color: #ffa53a;
font-size:13px;
text-align: left;
font-weight:bold;
}

div#news_title{
color: #32597A;
font-size:16px;
text-align: left;
padding: 5px;
font-weight:bold;
}

p{
margin-top: 10px;
margin-bottom: 10px;
} 

p.news_body{
margin-bottom: 10px;
}

p.news_summary{
margin-left: 10px;
margin-bottom: 10px;
}

img.news{
border:solid;
border-color:#000;
border-width: 1px;
margin:5px;
}







/*MISC */

.clear {clear: both;}


#socialIcons li {padding-left:30px; padding-bottom: 10px; margin-top: 5px; list-style-type:none;}

#iconTwitter {background: url(../images/twitter.gif) no-repeat;}
#iconYouTube {background: url(../images/youtube.gif) no-repeat;}
#iconFacebook {background: url(../images/facebook.gif) no-repeat;}

#ToolsIcons li {padding-left:30px; padding-bottom: 10px; margin-top: 5px; list-style-type:none;}

#iconAdobe {background: url(../images/adobe.gif) no-repeat;}
#iconQuicktime {background: url(../images/quicktime.gif) no-repeat;}


/*** new css -top -menu */

		.menu {height:43px; position:relative; z-index:9999; border-right:0px solid #000; left:50px; top:73px; font-family:Verdana, Arial, Helvetica, sans-serif;  
		padding-left: 180px; margin: auto;
	}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul { text-align:left;}
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; padding-left: 10px;}
.menu li a{float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#32597a; height:40px; border:0px solid #000; border-width:0px 0 0px 0px; padding-left:12px; padding-right:12px; line-height:42px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#c0daef url(../images/grey-arrow.gif) no-repeat 135px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c0daef url(../images/blue-arrow.gif) no-repeat 135px center;}
.menu ul ul :hover > a.drop {background:#ffffff url(../images/blue-arrow.gif) no-repeat 135px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#c0daef; font-size:12px; font-weight:normal;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ffffff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:40px;t\op:40px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#c0daef; color:#000; height:auto;font-size:12px; font-weight:normal; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#ffffff;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ffffff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


a#left_sub_nav{
	text-indent: 10px;
	font-size:10px;
}