html
	{
		height: 100%;
		
	}

body {
	margin: 0;
	padding:0;
	border:0;			
	background:#ffffff;   
	font-size: 96%;
	font-family: arial, helvetica, sans-serif;
	color: #444444;
	height: 100%;
}

#page
	{
		position: relative;
		min-height: 100%;
}

	* html #page
	{
		height: 100%;
	}
    
a:link {
    color:#369;
}



a:hover {
	color:#369;
	text-decoration:underline;
}

.title a {
    color:#54B247;
	text-decoration:none;
}

.title a:hover {
    color:#54B247;
	text-decoration: underline;
}

h1 {
	font-size: 1.5em;

}

h1, h2, h3 {
	margin:0 0 0.5em 0;
	padding:0;
	color: #003e6e;
}

img {
	border: 0;

}

p {
	padding: 0;
	margin: 0;

}


	
#header {
	width:100%;
	background: #0098A5;
}
	

#header img {
	padding: 0;
	height: 118px;
	margin: 0;
	display: block;
}

	

.indentmenu{
font: Arial;
font-weight: bold;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #001d2a; /*dark purple border*/
border-width: 1px 0;
background: #008CD2;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: right;
color: #eeeeee; /*text color*/
padding: 5px 11px;
padding-top: 8px; /*shift text down 1px for selected and active item*/
padding-bottom: 8px; /*shift text down 1px for selected and active item*/
text-decoration: none;
border-right: 1px solid #001d2a; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: #ffffff;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #f5f5f5 !important; /*text color of selected and active item*/
padding-top: 8px; /*shift text down 1px for selected and active item*/
padding-bottom: 8px; /*shift text down 1px for selected and active item*/
background: #30A4DC;
}



.page {
padding-top: 0px;
	width: 100%;
	background: #ffffff;
	display: block;
}


#content {
	margin-left:20%;
	padding: 0.8em 2em 3em 0em;
	background: #fff;
	min-height:330px; 
	}

#content p {
	line-height: 1.25em;
}
		
.nav { 
	width:17%;
	float:left;
	background: #fff;
	
	}
	

.nav ul { 
	list-style: none;
	padding:0 ;
	margin: 1em 1em 0 1em;
}

.nav ul li {
	padding:0 0 0 0;
}


.glossymenu{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	border: 1px solid #467FDE;
	border-bottom-width: 0;
}

.glossymenu li a{
	background: #A9C7F2 url(../images/glossyback.gif) repeat-x bottom left;
	color: black;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;

}

.glossymenu li a:visited, .glossymenu li a:active{
	color: black;
}

.glossymenu li a:hover{
	background-image: url(../images/glossyback2.gif);
}

#footer {
	clear:both;
	float:left;
	color: #000;
	background: #ddd;
	text-align: center;
	width:100%;
	font-size: 0.8em;
	border-top:1px solid #000;
	position: absolute;
	margin-top:20px;
	bottom: 0;
}

#footer p {
	padding:10px;
	margin:0;
}

#footer a{
	font-size:1.2em;
	color: #000;
	font-weight: bold;
	
	}


.urbangreymenu{
margin: 0px 0px 0 0px;
border: 1px solid #C4D7E0;
border-bottom-width: 0;
border-right-width: 0;
border-left-width: 0;

/*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 1.0em Verdana;
color: white;
background: #206793 url(../images/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 0.9em Arial;
color: black;
background: #FFFFFF url(../images/urbanbg.gif) repeat-x bottom left;
display: block;
padding: 5px 0;
padding-top: 7px; /*shift text down 1px for selected and active item*/
padding-bottom: 7px; /*shift text down 1px for selected and active item*/

padding-left: 7px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: black;
background: #FFFFFF url(../images/urbanbghover.gif) repeat-x bottom left;
padding-top: 7px; /*shift text down 1px for selected and active item*/
padding-bottom: 7px; /*shift text down 1px for selected and active item*/
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=3);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.hotpressbox{


background: #E9F0F3;
margin-bottom: 15px;
padding: 5px;
overflow: hidden;
}












.submenu ul{
list-style-type: none;
margin: 0;
padding:;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.submenu ul li{
padding-bottom: 0px;/*bottom spacing between menu items*/

}

.submenu ul li a{
font: normal 0.9em Arial;
color: black;
background: #fff url(../images/urbanbgover.gif) repeat-x bottom left;
display: block;
padding: 5px 0;
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 6px; /*shift text down 1px for selected and active item*/
padding-left: 23px; /*link text is indented 8px*/
text-decoration: none;
}

.submenu ul li a:visited{
color: black;
}


.submenu ul li a:hover{
font: normal 0.9em Arial;
color: black;
background: #fff url(../images/greenbg.gif) no-repeat bottom left;
display: block;
padding: 5px 0;
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 6px; /*shift text down 1px for selected and active item*/
padding-left: 23px; /*link text is indented 8px*/
text-decoration: none;

}



.medium_font		{ font-size:medium; }
.large_font			{ font-size:large; line-height: 1.5em; }
.x_large_font		{ font-size:x-large; line-height: 1.5em; }



/* Font size changer interface style */
.font_sizer a 		{ text-decoration:none; color:black; }



.dropmenu{

}

.dropmenu a.menuitem{

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}




.dropmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 9px;
right: 20px;
}








.dropmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.dropmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.dropmenu div.submenu ul li{

}

.dropmenu div.submenu ul li a{

}

.dropmenu div.submenu ul li a:hover{

}


.topmenu {padding:0 0 0 0; margin:0; list-style:none; height:38px; background:#E9E8E8 url(../images/pro_15_0.gif); border:1px solid #000; border-width:0 0px; border-bottom:1px solid #000; border-top:1px solid #000; font-size: 0.9em;}
.topmenu li {float:left;}
.topmenu li a {display:block; float:left; height:38px; line-height:38px; background:url(../images/pro_15_0.gif); color:#fff; text-decoration:none; font-family:verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer;}
.topmenu li a b {float:left; display:block; background:url(../images/pro_15_0.gif) right top; padding:0 14px 0 7px; font-weight: normal;}
.topmenu ul li a.current {color:#D6E0F4; background:url(../images/pro_15_2.gif);}
.topmenu ul li a.current b {background:url(../images/pro_15_2.gif) no-repeat right top;}
.topmenu li a:hover {color:#ffffff; background: url(../images/pro_15_1.gif);}
.topmenu li a:hover b {background:url(../images/pro_15_1.gif) no-repeat right top;}
.topmenu li.current a:hover {color:#D6E0F4; background: url(../images/pro_15_2.gif); cursor:default;}
.topmenu li.current a:hover b {background:url(../images/pro_15_2.gif) no-repeat right top;}


.topmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}

.MenuText  {
	font-family: verdana;
  	color: #000000;
  	background-image: 
	url('../images/menubg.gif');
  	color: #ffffff;

}

.MenuLeft  {
  	background-image: 
	url('../images/menuleft.gif');
	height: 40px;
	width: 10px;
	
}

.MenuRight  {
  	background-image: 
	url('../images/menuright.gif');
	height: 40px;
	width: 10px;
	
}

.anchorlinks li {
	padding: 3px;

}

.onlinelinks li {
	padding: 6px;

}