@charset "utf-8";
/* CSS Document */
body
{
	margin: 0px;
	padding: 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 100%;
	background: #82A0C8;
	/*scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:  #134989;
	scrollbar-3dlight-color: #134989;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #134989;
	scrollbar-darkshadow-color: #DEE3E7;*/
}
#container
{
	width: 904px;
	height: 100%;
	min-height: 623px;
	padding: 0px;
	margin: 0px auto;
	background-color:#FFF;
	z-index: 1;
}

.homepage_style { background:url(UDP_Website-HomePage.gif) no-repeat; height:657px!important }
.light_brown_style { background:url(UDP_light_brown.gif) no-repeat }
.light_purple_style { background:url(UDP_light_purple.gif) no-repeat }
.light_pink_style { background:url(UDP_light_pink.gif) no-repeat }
.light_blue_style { background:url(UDP_light_blue.gif) no-repeat }
.bright_blue_style { background:url(UDP_bright_blue.gif) no-repeat }
.light_green_style { background:url(UDP_light_green.gif) no-repeat }
.light_orange_style { background:url(UDP_light_orange.gif) no-repeat }
#header { background:url(header_top_left.jpg) no-repeat; width:904px; height:108px; padding:0; margin:0 }

#nav_container
{
	width: 894px;
	height: auto;
	float: left;
	padding: 0px 10px;
	z-index: 1000;
}

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 1100;
}

#nav a {
	display: block;
	width: auto; color:#f3f6ff; font-size:0.7em; text-transform:uppercase; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none;
	z-index: 1200;
}

#nav a:hover
 {
	color: #CCC;
}

#nav li {
	float: left;
	width: auto;
margin: 0px;
padding: 0px 12px;
	z-index: 1150;
}

#nav li ul {
	position: absolute;
	width: auto;
	left: -999em; 
}

#nav li ul a { text-transform:none; text-decoration:none }

#nav li:hover ul {
	left: auto;background:url(nav_topbg.gif) no-repeat top left; padding:36px 0 0 0 }
#nav li ul li {
	 margin:0px 0px 0px 0px; padding:1px 30px 2px 4px; display:block; height:auto; width:76px; font-size:0.9em; background-color:#bbb4aa
}
#nav li ul li.nav_bt { width:109px; height:30px; background:url(nav_btbg.png) no-repeat bottom left; z-index: 1300; }
#nav li ul li.nav_bt1 { width:109px; height:30px; background:url(nav_btbg.png) no-repeat bottom left }
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	width:110px
}

#content
{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 382px;
	float: left;
	margin:  0px;
	padding:  0px;
	color: #13488C;
	z-index: 200;
}

.content_light_brown { background:url(UDP_light_brown_bg.gif) repeat-y right }
.content_light_purple { background:url(UDP_light_purple_bg.gif) repeat-y right }
.content_light_pink { background:url(UDP_light_pink_bg.gif) repeat-y right }
.content_light_blue { background:url(UDP_light_blue_bg.gif) repeat-y right }
.content_bright_blue { background:url(UDP_bright_blue_bg.gif) repeat-y right }
.content_light_green { background:url(UDP_light_green_bg.gif) repeat-y right }
.content_light_orange { background:url(UDP_light_orange_bg.gif) repeat-y right }

#content a
{
        text-decoration: none;
        color: #A20000;
}

#content a:hover 
{
       color: #666;
        text-decoration: none;
}
	
div#content_left 
{
	background:#FFFFFF;
	width: 543px;
	height: 100%;
	min-height: 332px;
	margin-left: 5px;
	padding-right: 5px;
	line-height: 18px;
	font-size: 12px;
	margin-left: 120px;
	margin-bottom: 50px;
	float: left;
	/*overflow: auto; Scrolls the Div */
	display: inline;
	clear: both;
	z-index: 250;
	}
	
div#content_right 
	{
	float: right;
	font-size: 12px;
	width: 213px;
	height: auto;
	padding:10px 0 0 22px;
	border: 0px solid #000000;
	}


#footer { background-color:#13488C; height:41px; width:904px; margin:auto; border: 0px solid #000000; }

.footer_light_brown { padding: 12px 0px 0px 0px; background:url(UDP_light_brown_footer.gif) no-repeat }
.footer_light_purple { padding: 12px 0px 0px 0px; background:url(UDP_light_purple_footer.gif) no-repeat }
.footer_light_pink { padding: 12px 0px 0px 0px; background:url(UDP_light_pink_footer.gif) no-repeat }
.footer_light_blue { padding: 12px 0px 0px 0px; background:url(UDP_light_blue_footer.gif) no-repeat }
.footer_bright_blue { padding: 12px 0px 0px 0px; background:url(UDP_bright_blue_footer.gif) no-repeat }
.footer_light_green { padding: 12px 0px 0px 0px; background:url(UDP_light_green_footer.gif) no-repeat }
.footer_light_orange { padding: 12px 0px 0px 0px; background:url(UDP_light_orange_footer.gif) no-repeat }

#footer ul { margin:0; padding:0; list-style:none; padding:8px 0 0 16px }
#footer li { color:#FFFFFF; font-size:10px; text-transform:uppercase; display:inline; margin:0 4px }
#footer li a { color:#FFFFFF; text-decoration:none; }

h1.gray
 {
	 color:#949597;
	 font-size:24px;
	 line-height:30px;
	 font-weight: lighter;
}

h3
 {
	 color:#949597;
	 line-height:20px;
	 font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.text {
       width: 525px;
       }

.text_left {
	float: left;
	width: auto;
	margin: 0;
	padding-right: 13px;
        color: #13488C;
	}
* html .text_right {
        
        }
	
.text_left ul{
	color: #949597;
	font-size: 12px;
	margin-top: 0;
	padding-top: 0;
         margin-left: 10px;
         padding-left: 10px;
	}

.text_left ul li
{
	color: #13488C;
	}

/* Table styles */
table.grid td
{
border-bottom: 1px solid #5D6BAC;
vertical-align: top;
}

td.grid_leftcolumn
{
border-right: 1px solid #5D6BAC;
vertical-align: top;
}

body.mystyle
{
background: #FFFFFF;
font-family:Helvetica, Arial, sans-serif;
color: #13488C;
font-size: 12px;
}

img
{
border: 0px solid #000000;
color: #13488C;
}

img.left
{
float: left;
}

img.right
{
float: right;
}