/* CSS Document */
/***********************************************************************
	Official University of Houston-Downtown stylesheet for the UHD website 
	This stylesheet should be attached to all official UHD web pages.  
	Last Updated: August by Sarah Gonzales 2008
 
 CONTENTS: 
 
  	CLASSES
  	----------
	hypernav, 
	
	HTML TAGS
   	----------
	a, abbr, acc_assist, dd, dt, em, html, img, label, li, ol, p, td, th, ul
 
	IDs
	---------
	CONTENT, CONTENT WRAPPER, FOOTERS, HEADERS, QUICKLINKS, NAVIGATION LEFT, NAVIGATION MAIN MENU (BLUE BAR), SEARCH
	
/************************************************************************/

/* Added for accessibility - allows user to skip navigation and go directly to page content */
#acc_assist {
	display: none;
	}
.skiplink {
	display: none;
	}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color: #f8f7db;
	background-image: url(/images/background.gif);
	background-repeat: repeat-x;
	}


/* ========     PAGE WRAPPER    ======== */
#wrapper {
	background-color:#FFFFFF;
	border:1px solid #333333;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

/* ========     PAGE WRAPPER 2 column GOLD    ======== */
#wrapper_2col { 
   /*background-color:#FEDA94;*/
	background: url("/images/backgrounds/background_goldwhite.gif") repeat;
	border:1px solid #333333;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}

/* ========     PAGE WRAPPER 2 column BLUE    ======== */
#wrapper_2col_blue {
	/*background-color:#3C7CAD;*/
	background: url("/images/backgrounds/background_bluewhite.gif") repeat;
	border:1px solid #333333;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}

/* ========     PAGE WRAPPER 2 column DARK BLUE    ======== */
#wrapper_2col_bluedark {
	/*background-color:#003399;*/
	background: url("/images/backgrounds/background_bluedarkwhite.gif") repeat;
	border:1px solid #333333;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
	
/* ========     PAGE WRAPPER 2 column TAN    ======== */
#wrapper_2col_tan {
	/*background-color:#CA8F42;*/
	background: url("/images/backgrounds/background_tanwhite.gif") repeat;
	border:1px solid #333333;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
	
/* ========     PAGE WRAPPER 2 column TAUPE    ======== */
#wrapper_2col_taupe {
	/*background-color:#61524E;*/
	background: url("/images/backgrounds/background_taupewhite.gif") repeat;
	border:1px solid #333333;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}

/* h1 - h6, p, unordered list, ordered list, cite styles and global link styles. IE6 hacks follow the general styles. */

h1 {
	color: #666666;
	border-bottom:1px solid #CCCCCC;
	font-size:140%;
	float:left;
	width:98%;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 2px;
	margin-left: 1%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}


* html h1 { margin-left: .2%;} /*Fix IE6, H1 tags too far to right. */
/*
* html h1 {
	margin:20px 0px 10px 2%;
	float:none;
	clear:both;
	width:82%;
}
*/	
h2 {
	color: #666666;
	font-size:120%;
	padding: 0px 0 0px 0px;
	margin: 20px 0% 10px 1%;
}


h3 {
	font-size:110%;
	padding: 0px 0 0px 0px;	
	margin: 20px 0% 10px 1%;
}

h4 {
	font-size:100%;
	padding: 0px 0 0px 0px;	
	margin: 20px 0% 10px 1%;
	text-transform:uppercase; 
}

h5 {
	font-size:100%;
	color: #D63647;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0 0px 0px;	
	margin: 20px 0% 10px 1%;
}

h6 {
	font-size:100%;
	color: #666666;
	font-weight: bold;
	padding: 0px 0 0px 0px;	
	margin: 20px 0% 10px 1%;
}

p {
	font-size:100%;
	clear:both;
	line-height: 115%;
		margin-top: 6px;
		margin-right: 0%;
		margin-bottom: 0px;
		margin-left: 1%;
		padding-top: 0px;
		padding-right: 2%;
		padding-bottom: 0px;
		padding-left: 0px;
}

 /*Properties of items inside of a table*/
td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height: 110%;
}

cite {
	font-size:110%;
	padding: 0px 0 0px 0px;
	margin: 10px 10px 0px 14px;
	display:block;
	}

.red {
	color: #D63647;
	font-weight: bold;
	font-style: italic;
	}

ul{
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 56px;
	padding-right: 6px;
}

li{
	margin:2px 0px 2px 12px;
	padding:0px 0px 0px 0px;
}

ul li.redbullets {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(/images/bullet_red.gif);
	float: none;
	}

ol{
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 56px;
	padding-right: 6px;
}

dl {
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 56px;
	padding-right: 6px;
}


dt {
	margin:2px 0px 2px 12px;
	padding:0px 0px 0px 0px;
	}

dd {
	padding:0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 18px;
	}

img {
	padding:1px;
	border:1px solid #999999;
	margin: 0;
}

img.floatLeft { 
    float: left; 
	margin-bottom:0;
	margin-right:12px; /* used to be 6px, modified 11/17/09 by SG */
	margin-top:0;
	margin-left: 0;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}


img.noBorder {
	float: none; 
	display: inline;
	margin: 0;
	padding-bottom: 1px;
	border: 0;
}

img.NoStyle {
	 padding: 0 0 0 0; 
	 border: none; 
	 margin: 0 0 0 0;
     }  

img.noBorderFloatRight {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: -20px;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 0;
	clear: none;
	}



/*
* html img{
margin:0px 20px 4px 6%;
}
*/


* html img{
margin:0px 20px 4px 0%; /*Eric updated 2% to -0.5% to fix position of image on computing/index.html center image*/
}


.feature_txt {
	font-size: 100%;
	padding:5px;
}	


/* Breadcrumb Style */


.breadcrumb {
	color:#333333;
	font-size:75%;
	font-weight:normal;
	text-transform: none;
	line-height:72%;
	width:90%;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	text-transform: uppercase;
	}

.breadcrumb_title {
	color:#333333;
	font-size: 85%;
	font-weight:900;
	}

img.breadcrumb {
	border: 0;
	}
	
a.breadcrumb:link {
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}
	
a.breadcrumb:active {
	color:#666666;
	text-decoration:none;
	}

a.breadcrumb:hover {
	text-decoration:underline;
	}

a.breadcrumb:visited {
	color: #CC3333;
	text-decoration:none;
}

/* Global link behaviors. */

a:link {
	color:#005596;
	text-decoration:underline;
	margin:0;
	padding:0;
	
}

a:visited {
	color:#990000;
	text-decoration:underline;
	margin:0;
	padding:0;
}

a:hover {
	color:#990000;
	text-decoration:underline;
	margin:0;
	padding:0;
}

a:active {
	color:#005596;
	text-decoration:underline;
	margin:0;
	padding:0;
	outline: none;
}

/* ========    HEADERS     ======== */
/* Header styles. IE6 hacks follow the general styles. */

/* topheader applies to the standard UHD template, topheader_ac is the header for the academic template */
#topheader {
	float: left;
	margin: 0px;
	width: 100%;
	background-color: #000000;
	padding-top: 5px;
	padding-bottom: 1px;
}

/* topheader_ac applies to the academic UHD template */		
#topheader_ac {
	float: left;
	margin: 0;
	width: 100%;
	height: 66px;
	background-color: #000000;
	padding-top: 0;
	padding-bottom: 1px;
}

#toputilities {
	width: 40%;
	float: right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0;
}

* html #toputilities {
margin:0 .25% 0 0;
padding: 0px ;
}

#toputilities_ac {
	width: 40%;
	float: right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0;
}

#offleft {
 position:absolute;
top:0;
left:-3000px;
width:500px;
}


#offleft p{display: none;}


 
 
#uhdlogo {
	margin:18px;
	padding-bottom: 10px;
	float: left;
	border:none;
    }

#uhdlogo_academic {
	margin:0;
	padding-bottom: 2px;
	float: left;

	border:none;
    }


#logo_printfriendly {
   display: none;
}
 

legend {
display:none;
}

#searchwrap form, input, select, option {
	margin: 0px;
	padding: 0px;
	}

#qlskipwrap {
	border:1px solid #999999;
	padding: 1px;
	float: none;
	display:block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

* html #qlskipwrap {
margin: 0px 0px 10px;
padding: 0px;
}

#qlnkwrap {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 100%;
}
#qlnkwrap #quicklinks {
	margin: 0px;
	padding: 0px;
}

#qlnkwrap label {
display: none;
}

#qlnkwrap form, input, select, option {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}
#searchwrap {
	float: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#searchwrap #query {
}


#uhdlinks {
	padding: 0px;
	clear: both;
	font: bold 0.85em Arial, Helvetica, Verdana, sans-serif;
	font-weight:900;
	display:block;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

* html #uhdlinks {
	margin: 4px 0px 8px;
	padding: 0px;
	text-align: right;
}

#uhdlinks a {
	text-decoration: none;
	color: #CCCCCC;
	font-weight: bold;
}

a.quick_links_bolder  {font-size: 13px; font-weight: bolder;}

#uhdlinks a:link {
	text-decoration: none;
	color: #CCCCCC;
}

#uhdlinks a:hover {
	text-decoration: underline;
}

#uhdlinks a:active {
text-decoration: underline;
color: #CCCCCC;
}

#uhdlinks ul {
margin: 0px;
padding: 0px;
list-style: none;
}

* html #uhdlinks ul {
margin: 0px;
padding: 0px;
}

#uhdlinks li {
display: inline;
margin: 0px 9px 0px 0px; /*was 0 15 0 0 with span translation*/
padding: 0px;
}

* html #uhdlinks li {
margin: 0px 7px 0px 0px; /* was 0 10 0 0 */
padding: 0px;
}

*:first-child+html #uhdlinks li { margin: 0px 7px 0px 0px; }

#uhdlinks .skipnav a {
padding-left: 10px;
padding-bottom: 5px;
}
 
#uhdlinks_ac ul {
margin: 0px;
padding: 0px;
list-style: none;
}

* html #uhdlinks_ac ul {
margin: 0px;
padding: 0px;
}

#uhdlinks_ac li {
display: inline;
margin: 0px 28px 0px 0px; /*was 0 15 0 0 with span translation*/
padding: 0px;
}

* html #uhdlinks_ac li {
margin: 0px 27px 0px 0px; /* was 0 10 0 0 */
padding: 0px;
}

*:first-child+html #uhdlinks_ac li { margin: 0px 27px 0px 0px; }

#uhdlinks_ac .skipnav a {
padding-left: 10px;
padding-bottom: 5px;
}

.uonline_graphic { margin-bottom: .2em;}

/* ========      NAVIGATION MAIN MENU (BLUE BAR)      =============== */

#global {
	color:#FFFFFF;
	background-color:#406f9d;
	float: left;
	clear: both;
	width: 100%;
	font-size: 110%;
	text-align: center;
	background-image: url(/images/navigation/navigation_bluebgd.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #406f9d;
	border-bottom-color: #406f9d;
	position: relative;
	padding: 0;
	
}

* html #global {
margin: 0px;
padding: 0px;
}


/* ========      NAVIGATION MAIN MENU (BLUE BAR)      =============== */
/* Navigation styling for standard template */
#mainmenu {
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #406f9d;
	border-bottom-color: #406f9d;
	position: relative;
	height: 30px;
	line-height: 31px;
}

* html #mainmenu {
margin: 0px;
padding: 0px;
}
		
/* ================================================================ 
		This copyright notice must be untouched at all times.
		
		The original version of this stylesheet and the associated (x)html
		is available at http://www.cssplay.co.uk/menus/final_drop3.html
		Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
		This stylesheet and the associated (x)html may be modified in any 
		way to fit your requirements.
		=================================================================== */
/* style the outer div to give it width */

.menu {
	background-image: url(/images/navigation/navigation_bluebgd.jpg);
	background-repeat: repeat-x;
	height: 30px;
	line-height:31px;
	font-size: .8em;
	background-color: #406F9D;
	z-index:600;
	position:relative;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0px;
	list-style-type:none;
	color: #ecead1;
	padding-left:24px;  /*was 4px*/
	font-weight: bold;
	margin:0px; 
	width: auto;
	}

* html .menu ul {margin-left: 24px; padding-left: 0;} /* padding-left 24 made ie6 #footer #address go off page*/
		
/* style the sub-level lists */
.menu ul ul {width:10em;text-align: left;font-weight: normal; z-index:600; 	position:relative;}
		
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	margin: 0px;
	}

/* style the sub level list items */
.menu ul ul li {display:block;width:10em;height:auto;position:relative;line-height:1em;  z-index:600; }
		
/* style the links for the top level */
.menu a, .menu a:visited {display:block; float:left; height:100%; font-size:12px; text-decoration: none; color: #ecead1; padding:0 1.2em;}
		
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	color:#ecead1;
	width:8em;
	height:100%;
	line-height:1em;
	padding:0.2em 1em;
	background-image: url(/images/navigation/nav.png);
	text-decoration: none;
	}

.menu ul table ul a, .menu ul table ul a:visited  {width:10em; width:10em; 	text-decoration: none;}
		
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {left:-1px;}
.menu ul ul table ul.left {margin-left:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative; text-decoration: none; padding:0 1.2em;}
		
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}

/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}
		
/* style the level hovers */

/* first */
.menu a:hover {color:#fff; text-decoration: none;}
.menu :hover > a {color:#fff; 	text-decoration: none;}

/* second */
.menu ul ul a:hover{color:#fff;background:#4080b0;padding:0.2em 1em;}
.menu ul ul :hover > a {color:#fff;background:#4080b0;padding:0.2em 1em;}

/* third */
.menu ul ul ul a:hover {background:#ddd;}
.menu ul ul ul :hover > a {background:#ddd;}

/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}	
		

/*Changed for jaws/tab accessibilty -- hiddent changed to -999em */
/* 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:30px;left:0;width:14em;}*/
.menu ul ul {left: -999em; position:absolute;height:0;top:30px;width:14em;}


		
/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}
		
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}
			

/*changed for jaws/tab accessibility -- visible changed to left: 0*/
/* 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; height:auto; padding-bottom:3em;}*//* background:transparent url(../images/trans.gif);*/    
.menu ul li:hover ul, .menu ul a:hover ul {left: 0; height:auto; padding-bottom:3em;}


		
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
		
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;}
		
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


 
 
 
/* ========      NAVIGATION AUDIENCE PATH HOME PAGE      =============== */
		
#audience_nav {
	padding:0px 0px 215px 0px;
	margin:0px;
	float: left;
	width: 262px;
	height: 350px;
	background-color: #FEDA94;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;

	}
			
#audience_nav ul {
	padding-top: 80px;
	color: #666666;
	white-space: nowrap;
	margin: 0px;
	text-align: right;
	font-size: .8em;
	font-weight: bold;	
	}
		
#audience_nav li {
	list-style-type: none;
	display: block;
	padding: 10px;
	}
		
#audience_nav li a {    
	text-decoration: none; /* leftside navigation audience path text color */
	color: #666666;
	}
		
#audience_nav li a:link {
	color: #666666;
	}

/*		
#audience_nav li a:visited {
	color: #666666;
	}
*/
		
#audience_nav li a:hover {
	color: #3399cc;
	}
		
#audience_nav li.trio {
	margin-top:15px;
	color:#7c7c7c;
	font-size:0.9em;
	text-transform: uppercase;
	font-weight:normal; 
	}

#audience_nav li.trio a {color:#000000;}
#audience_nav li.trio a:hover {color:#7c7c7c;}
#audience_nav li.trio a:visited {color:#000000;}



 

/* Style used for home page featured and textual content */

#screen {float: left;}

#lowerlevel {
	padding: 0px; 
	}
	
#lowerlevel a{font-size:75%; color:#005596; text-decoration:none; padding-bottom:8px;}
#lowerlevel a:hover{font-size:75%; color:#000000; text-decoration:underline;}
		
#lowerlevel h2{
	font-size:1em;
	color:#595959;
	border-bottom:solid 1px #cccccc;
	margin-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	}		
#home_news {
	width:660px;
	margin-left: 15px;
	}
		
#news {
	width:320px;
	float:left;
	margin-right: 20px;
	margin-bottom:20px;
}
		
#events {
	width:320px;
	float:left;
	margin-bottom:20px;
}

/*   style for calendar events red bullet */
#events2 img {float:left;
margin: 8px 6px 0 0;
border: none;}
				
/* ========       NAVIGATION LEFT    ========== */
 

/* Style used where a leftside navigation appears */
#side {
	width:200px; 
	float:left;
	}
	
	/* ========      Inquire, Visit, Apply    ======== */
.toplinks {
	margin-right:20px; 
	margin-bottom:120px; 
	}

#side li.trio {
	color:#7c7c7c; 
	margin-bottom:20px; 
	width: 180px; 
	text-transform: capitalize; 
	font-weight:normal; 
	display:block;
	padding-right: 5px;
	} 
 
#side li.trio a {
	color:#000000; 
	text-decoration:none;
	}
#side li.trio a:visited {
	color:#000000;
	}
#side li.trio a:hover {
	color:#7c7c7c;
	}
 
 /*  */
 
 #side #subMenu.bluedarkna li.trio {
	color:#7c7c7c; 
	margin-bottom:20px; 
	width: 180px; 
	text-transform: capitalize; 
	font-weight:normal; 
	display:block;
	padding-right: 5px;
	} 
 
 /* special Inquire/visit/apply link colors for bluedarknav templates */
 #side #subMenu.bluedarknav li.trio a { color: #FFFDE1;}	
 #side #subMenu.bluedarknav li.trio a:link{ color: #FFFDE1;}	
 #side #subMenu.bluedarknav li.trio a:visited { color: #FFFDE1;}	
 #side #subMenu.bluedarknav li.trio a:hover { color: #7c7c7c;}

/* A few IE bug fixes 
		* { margin: 0; padding: 0; }
		* html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }*/
		
						
						 /* BEGIN NEEDED FOR NAVIGATION ACCORDIAN */ 
						     /*  handles submenu positioning */ 
						 
						
					/*	ul, li {
							padding:0; 
							margin:0;
							}
					*/		
						/* END NEEDED FOR NAVIGATION ACCORDION */	

#subMenu { 
	width: 200px; 
	margin:0; 
	padding:0px;  
	font-weight: normal; 
	padding-top:100px; 
	text-align: right; 
	padding-bottom: 50px; 
	/* text-transform: capitalize; */
	/* background-color: #61524e; */
	}

/* GOLD leftside navigation */		
#subMenu.goldnav {
	background-color: #FEDA94;
	}

/* BLUE leftside navigation */		
#subMenu.bluenav {
	background-color: #3C7CAD;
	}

/* DARK BLUE leftside navigation */		
#subMenu.bluedarknav h3.head a {
	background-color:#336699;
	border-bottom:1px solid #003399;
}

/* TAN leftside navigation */		
#subMenu.tannav {
	background-color: #ca8f42;
	}

/* TAUPE leftside navigation */		
#subMenu.taupe {
	background-color: #61524E;
	}
	
	
/* positions submenu links */	
ul.goldnav,
.goldnav ul {
 	margin: 0;
	padding: 0;  
    } 
	
ul.bluenav,
.bluenav ul {
 	margin: 0;
	padding: 0;  
	color: #fffde1;
    } 
	
ul.bluedarknav,
.bluedarknav ul {
 	margin: 0;
	padding: 0;  
	color: #fffde1;
    } 
 
ul.tannav,
.tannav ul {
 	margin: 0;
	padding: 0;  
	color: #fffde1;
    } 
	
ul.taupenav,
.taupenav ul {
 	margin: 0;
	padding: 0;  
	color: #fffde1;
    } 
	
/* Some list and link styling */

/* GOLD left nav styling */
#subMenu  li { 
	width: 200px; 
	padding:0; 
	margin:0; 
	list-style-type: none; 
	display: inline; 
	}
#subMenu  ul li {
	padding: 0;
	width: 200px;
	margin: 0;
	}
#subMenu  ul li a { 
	font-family: Arial, Helvetica, sans-serif; 
	display:block; 
	color: #666666; 
	text-decoration:none; 
	font-size: 85%; /*was 60%*/
	padding-right:20px; 
	width: 180px;  
	}
#subMenu  ul li a:hover {
	color: #000000; 
	font-size: 85%; 
	display:block; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:underline;
	}
	
#subMenu.bluedarknav  ul li a:hover {
	color: #7c7c7c; 
	}	
	

/* BLUE left nav styling */
#subMenu.bluenav  ul li a { 
	color: #fffde1; 
	}
#subMenu.bluenav  ul li a:hover { 
	color: #000000; 
	}

/* DARK BLUE left nav styling */
#subMenu.bluedarknav  ul li a { 
	color: #fffde1; 
	}
	
/* TAN left nav styling */
#subMenu.tannav  ul li a { 
	color: #fffde1; 
	}
#subMenu.tannav  ul li a:hover { 
	color: #000000; 
	}
	
/* TAUPE left nav styling */
#subMenu.taupenav  ul li a { 
	color: #fffde1; 
	}
#subMenu.taupenav  ul li a:hover { 
	color: #000000; 
	}
	
/* Header links styling */

#subMenu h3.head {
     padding:0; 
	 margin:0;   
}

#subMenu  h3.head a {
	color: #fffde1;
	display:block;
	border-bottom: 1px solid #61524e;
	background: #7d716e;
	text-decoration: none;
	font-size:85%;	 /*was 75%*/
	padding:5px;
	padding-right:20px;
	font-weight: bold;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif; 
	}
	
	
 
	
	

#subMenu h3.head a:hover {
	color: #000000;		
	}
	
/* BLUE left nav styling */		
#subMenu.bluenav h3.head a  {
	background:#5F94BC;
	border-bottom: 1px solid #3c7cad;
	color:#FFFDE1;
	}

/* DARK BLUE left nav styling */			
#subMenu.bluedarknav h3.head a  {
	background:#336699;
	border-bottom: 1px solid #3c7cad;
	}	
	
/* TAN left nav styling */
#subMenu.tannav h3.head a  {
	background:#d4a364;
	border-bottom: 1px solid #ca8f42;
	}

/* TAUPE left nav styling */
#subMenu.taupenav h3.head a  {
	background:#7D716E;
	border-bottom: 1px solid #61524E;
	}
			
/* GOLD left nav styling */
#subMenu.goldnav h3.head a  {
	background:#FFFFCC;
	border-bottom: 1px solid #FEDA94;
	color:#666666;
	}
				


#subMenu h3.head a:hover  {	
  color: #000000;
   } 

#subMenu h3.selected a  {	
  color: #000000;
   }
#subMenu h3.selected a:link  {	
  color: #000000;
   }
#subMenu h3.selected a:hover  {	
  color: #000000;
   } 

 



/*
#subMenu h3.selected a { 
	background: #61524e;
	color: #ffffff;	
	}
#subMenu h3.selected a:hover { 
	color: #7D716E;
	} 
#subMenu.taupenav h3.selected a:hover {
	color: #999999;
	} */

/* ========    FOOTER      ======== */
#address {
	width: 400px; 
	padding-left:1%;
	text-align:left;
	float:left;
	/*
	border-style:solid;
	border-width:1px;
	*/
	}
	
 
#footer {
	margin-top:0px;
	clear:both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e7e7;
	background-color: #ffffff;
	background-image: none;
	font-size: .85em;
	color: #999999;
	padding-top: 10px;
	padding-bottom:20px;
	height: 40px;
	/*
	border-style:solid;
	border-width:1px;
	*/
	}
	

		
#footer a {
	color: #999999; 
	text-decoration:none;
	}

#footer a:visited {
	color: #999999; 
	text-decoration:none;
	}
	
#footer a:hover {
	color: #999999; 
	text-decoration:underline;
	}
	

#footer_links {
	width: 400px; 
	text-align:right; 
	float:right;
	padding-right:1%;
	/*
	border-style:solid;
	border-width:1px;
	*/
	}		

#footer p {
	margin: 0; 		/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}


/* Left Column Section */

#left_col {
	float:left;
	clear:left;
	width:200px;
	overflow:hidden;
	background-color: #FEDA94;
	margin: 0;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	/*padding-left: 2%;  */
	text-align: right;
}

#left_col_blue {
	float:left;
	clear:left;
	width:200px;
	overflow:hidden;
	background-color: #3C7CAD;
	margin: 0;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	text-align: right;
}

#left_col_tan {
	float:left;
	clear:left;
	width:200px;
	overflow:hidden;
	background-color: #CA8F42;
	margin: 0;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	text-align: right;
}

#left_col_bluedark {
	float:left;
	clear:left;
	width:200px;
	overflow:hidden;
	background-color: #003399;
	margin: 0;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	text-align: right;
}


#left_col_taupe {
	float:left;
	clear:left;
	width:200px;
	overflow:hidden;
	background-color: #61524E;
	margin: 0;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	text-align: right;
}
/* Middle Column Section 2 column layout */

#main_col {
	float:left;
	width:780px;
	overflow:hidden;
	margin: 0px;
	padding-top: 0%;
	padding-right: 1%;
	padding-bottom: 0%;
	padding-left: 1%;
	background-color: #FFFFFF;
}

/*IE6 Fix for print icon going outside/below main_col in 2col template*/
* html #main_col {margin-left: 0px; margin-right: -30px; width: 790px;}


.main_col img{
float:left;
clear:none;
 padding:1px;
border:1px solid #999999;
}

* html .main_col img{
margin:20px 20px 4px 10px;
}

#main_col_homepage {
	float:left;
	width:715px;
	overflow:hidden;
	margin: 0px;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	background-color: #FFFFFF;
}



/* Right Column Section */

.right_col {
float:right;
width:21%;
margin:.5% 3% 0% 0%;
padding:0px 0px 0px 0%;
overflow:hidden;
}

* html .right_col {
width:22%;
margin:.5% .5% 0% 0%;
padding:0px 0px 0px 0px;
}


.right_3col {
float:right;
width:160px;
margin:.5% 3% 0% 0%;
padding:0px 0px 0px 0%;
overflow:hidden;
}

* html .right_3col {
width:160px;
margin:.5% .5% 0% 0%;
padding:0px 0px 0px 0px;
}

.right_3col img{ 
	margin:10px 5px 4px 0px;
	padding:1px; 
}



/* ========      Last Updated and Last Modified Text      =============== */
.last {
	font-size: 0.8em;
	text-align: right;
	padding-right: 2%;
	color: #b9b8b8;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 4px;
	}


/* Style used for search box styling and textual content appearing inside the search box */
#wrdSearch {
	font-size: .7em;
	font-weight: bold;
	color:#000000;
	background-color: #a7a7a7;
	padding: 1px;
	border: 0;
	width: 158px;
	}
	
 

/* SideCallout produces the style used for featured content on the page */

.sideCallout {

	background-color:#FFFFCC;
	border: 1px solid #D9AF5A;
	font-size: 85%;
	margin-left: 1%;
	margin-right: 1%;
	padding: 1px;
	width: 170px;
	}

/* ========      HYPERNAV    ======== */
/* Style used to define spacing of small headings directly above search box and next to Quicklinks (Emergency Info, etc) */

		.hypernav {
			padding-bottom:5px; 
		}

/* ========      QUICKLINKS    ======== */
/* Quicklinks style (upper right corner of header) and also controls the links within the popup box */
		
#quicklinks {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	position: absolute;
	display:none;
	width: 686px;
	height: 353px;
	z-index: 598;
	background-image: url(../images/quicklinks_bck.jpg);
	background-repeat: no-repeat;
	color:#fecb66;
	text-align: left;	
	}
		
#quicklinks_content {
	margin-left:30px;
	margin-top:45px;
	}
		
#quicklinks h2 {
	font-size:1.25em;
	color: #fecb66;
	font-weight: bold;
	margin: 0px;
	padding:0px;
	font-variant: small-caps;
	text-transform: uppercase;
	}
#quicklinks h2 .large {
	font-size:1.2em;
	}
		
#quicklinks ul {font-size:1.1em;
	list-style-type: none;
	padding:3px;
	margin:3px;			
	}
		
#quicklinks ul li{
	list-style-type: none;
	padding:0px;
	margin:0px;
	line-height: 105%;
	display: block;
	}
		
#quicklinks ul li a {
	color:#fecb66; 
	text-decoration:none;
	font-weight: normal;
	display: block;
	}
		
#quicklinks ul li a:hover {
	color:#ffffff; 
	text-decoration:underline;
	}

/* Quicklinks styling of closebox (lower righthand corner within the popup box) */			
#toggle_quicklinks2 {
	color:#fecb66;
	font-size: 1em;
	padding: 3px;
	border: 1px solid #fecb66;
	position:relative;
	left:1px;
	}		
	
/* Style used for headings inside Quicklinks popup menu (Information for:, Primary Navigation, etc.) */		
.headnav {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 120%;
	margin-left:0px;
	}
	


/**** Three Column Template -- moved to uhd_3_cols.css ****/
 

/*** table styles with class name uhdtable specified  ***/
/*** table styles without class name appears below. ***/
table.uhdtable { 
  /*  text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 260px;
	background-color: #fafafa;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	list-style-position:inside; */
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 1%;
padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 0px;
	 
   }
 
table.uhdtable {
    text-align: left;
    vertical-align:top;   
    }
table.uhdtable th {
    text-align: left;
    vertical-align:top;  
    }
table.uhdtable td {
    text-align: left;
    padding: 0.1em 0.5em;
    border: 1px solid #666666;
   }
table.uhdtable thead th {
     text-align: left;
    }
table.uhdtable th.Corner {
    text-align: left;
     }

table.uhdtable ul { 
     margin: 0px;
     padding: 0px;
	 font-size:100%;
	 font-weight:400;
	 margin-top: 0px;
	 margin-right: 6px;
	 margin-bottom: 0px;
	/*margin-left: 56px;*/
	 padding-right: 6px;
	 padding-left: 6px;
     }

table.uhdtable ul li.redbullets {
	 list-style-type: none;
	 list-style-position: outside;
	 list-style-image: url(/images/bullet_red.gif);
	 }
	
	
table.uhdtable ol { 
    margin: 0px;
    padding: 0px;
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-right: 6px;
	padding-left: 6px;
}

table.uhdtable dt { 
    margin: 0px;
    padding: 0px;
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-right: 6px;
	padding-left: 6px;
}

 
	
	 
table.uhdtable li {
    margin:2px 0px 2px 12px;
	padding:0px 0px 0px 0px;

}

table.uhdtable p {
	font-size:100%;
	clear:both;
	line-height: 110%; 
	margin-right: 0%;
	margin-bottom: 0px; 
	padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 0px;
}

table.uhdtable blockquote {

 margin: 0;
}


/***  Same table style without class name specified ***/

/*** style for table added to templates ***/
table { 
  /*  text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 260px;
	background-color: #fafafa;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	list-style-position:inside; */
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 1%;
padding: 0px;
    text-align: left;
    vertical-align:top;   
    }
table th {
    text-align: left;
    vertical-align:top;  
    }
table td {
    text-align: left;
    padding: 0.1em 0.5em;
   /* border: 1px solid #666666;*/
   }
table thead th {
     text-align: left;
    }
table th.Corner {
    text-align: left;
     }

table ul { 
     margin: 0px;
     padding: 0px;
	 font-size:100%;
	 font-weight:400;
	 margin-top: 0px;
	 margin-right: 6px;
	 margin-bottom: 0px;
	/*margin-left: 56px;*/
	  padding-right: 6px; 
	 padding-left: 6px;
     }

table ul li.redbullets {
	 list-style-type: none;
	 list-style-position: outside;
	 list-style-image: url(/images/bullet_red.gif);
	 }
	
	
table ol { 
    margin: 0px;
    padding: 0px;
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-right: 6px;
	 padding-left: 6px;
}

table dt { 
    margin: 0px;
    padding: 0px;
	font-size:100%;
	font-weight:400;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-right: 6px;
	padding-left: 6px;
}

 
	
	 
table li {
    margin:2px 0px 2px 12px;
	padding:0px 0px 0px 0px;

}

table p {
	font-size:100%;
	clear:both;
	line-height: 110%; 
	margin-right: 0%;
	margin-bottom: 0px; 
	padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 0px;
}

table blockquote {

 margin: 0;
}
	
	
	
	
/*****************************************************************************************************/
/*****************************************************************************************************/

/*** This script is for Quicklinks if javascript turned off and header is normal ***/
/***  Same script w/ adjustments appears below for Quicklinks if javascript turned off and header is academic ***/


/* ================================================================ 
		This copyright notice must be untouched at all times.
		
		The original version of this stylesheet and the associated (x)html
		is available at http://www.cssplay.co.uk/menus/final_drop3.html
		Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
		This stylesheet and the associated (x)html may be modified in any 
		way to fit your requirements.
		=================================================================== */
		
/*****************************************************************************************************/
/*****************************************************************************************************/
#quicklinksnoscript {
	float: left;
	clear: both;
	width: 200px;
	padding: 0;
	margin: 0; 
    margin-left: 148px; 
 	line-height: 19px;
	top: -28px; /*35*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:.8em; 
}

* html #quicklinksnoscript {
  margin-left: 78px; 
  padding : 0px; 
  font-size: .8em; 
  width: 150px;
  top: -27px;
 
}

/* style the outer div to give it width */
/* style the outer div to give it width */
.noscriptmenu {
	 
	clear:both;
	background-color: Transparent; /*bg for word Quicklinks that appears in within uhdlinks/quicklinks divs */
	height: 30px;
	line-height:31px;
	font-size: .8em; 
	z-index:999;
	position:relative;
	margin-left: 225px;
    height: 10px;
    top: -32px; 
	 
	}
/* remove all the bullets, borders and padding from the default list styling */
.noscriptmenu ul {
	padding:0px;
	list-style-type:none;
	color: #ecead1;
	padding-left:4px;
	font-weight: bold;
	margin:0px; 
	width: auto; 
	} 
		
/* style the sub-level lists */
.noscriptmenu ul ul {width:10em;text-align: left;font-weight: normal; z-index:999; position:relative;}
		
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.noscriptmenu ul li {
	float:left;
	margin: 0px; 
	}

/* style the sub level list items */
/*.noscriptmenu ul ul li {display:block;width:10em;height:auto;position:relative;line-height:1em;  z-index:999; }*/
		
/* style the links for the top level  THIS AFFECTS word Quicklinks within uhdlinks/quicklinks divs */
.noscriptmenu a, .noscriptmenu a:visited {display:block; float:left; height:100%; font-size:12px; text-decoration: none; color: #ecead1; padding:0 1.6em;}
		
/* style the sub level links */
.noscriptmenu ul ul a, .noscriptmenu ul ul a:visited {
	display:block;
	color:#000000;
	width:10em;
	height:100%;
	line-height:1em;
	padding:0.2em 1em;
	/*background-image: url('/images/quicklinks_bck.jpg');*/
	background-color:  #5F5A59; /* background color for ul -- instead of  using .jpg*/
	text-decoration: none;
 	}

.noscriptmenu ul table ul a, .noscriptmenu ul table ul a:visited  {width:10em; width:10em; 	text-decoration: none;}
		
/* style the table so that it takes no part in the layout - required for IE to work */
.noscriptmenu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.noscriptmenu ul ul table {left:-1px;}
.noscriptmenu ul ul table ul.left {margin-left:2px;}
.noscriptmenu li:hover {position:relative;}
* html .noscriptmenu a:hover {position:relative; text-decoration: none; padding:0 1.6em;}
  
/* second */
/* Background for rollover could go here (background-color or background-image)  --  set font style here */
.noscriptmenu ul ul a:hover{padding:0.2em 1em; }  
.noscriptmenu ul ul :hover > a {padding:0.2em 1em; }  

  
/* hide the sub levels and give them a positon absolute so that they take up no room */
/*This will show border around whole quicklinks area*/
/* Set width TOP here to fight IE6/7 links disappearing */
.noscriptmenu ul ul {visibility:hidden;position:absolute;height:0;top:15px;left:0;width:auto; /*border-style:double;border-width:thin; border-color:red;*/}
		 
			
/* make the second level visible when hover on first level list OR link */
.noscriptmenu ul li:hover ul, .noscriptmenu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; /* background:transparent url(../images/trans.gif);*/}
		
		
		
		/*****************************************************************************************************/
/*****************************************************************************************************/

/*** This script is for Quicklinks if javascript turned off and header is academic ***/
/***  Same script appears above in uhd_base.css for Quicklinks if javascript turned off and header is normal ***/


/* ================================================================ 
		This copyright notice must be untouched at all times.
		
		The original version of this stylesheet and the associated (x)html
		is available at http://www.cssplay.co.uk/menus/final_drop3.html
		Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
		This stylesheet and the associated (x)html may be modified in any 
		way to fit your requirements.
		=================================================================== */
		
/*****************************************************************************************************/
/*****************************************************************************************************/
#quicklinksnoscript_ac {
	float: left;
	clear: both;
	width: 200px;
	padding: 0;
	margin: 0; 
    margin-left: 206px; 
 	line-height: 19px;
	top: -29px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:.8em; 
}

* html #quicklinksnoscript_ac {
  margin-left: 109px; 
  padding : 0px; 
  font-size: .8em; 
  width: 150px;
  top: -27px;
 
}
	

/* style the outer div to give it width */
.noscriptmenu_ac {
	 
	clear:both;
	background-color: Transparent; /*bg for word Quicklinks that appears in within uhdlinks/quicklinks divs */
	height: 30px;
	line-height:31px;
	font-size: .8em; 
	z-index:999;
	position:relative;
	 margin-left: 199px; 
    height: 10px;
    top: -32px; 
	 
	}

/* remove all the bullets, borders and padding from the default list styling */
.noscriptmenu_ac ul {
	padding:0px;
	list-style-type:none;
	color: #ecead1;
	padding-left:4px;
	font-weight: bold;
	margin:0px; 
	width: auto; 
	} 
		
/* style the sub-level lists */
.noscriptmenu_ac ul ul {width:10em;text-align: left;font-weight: normal; z-index:999; position:relative;}
		
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.noscriptmenu_ac ul li {
	float:left;
	margin: 0px; 
	}

 /* style the links for the top level  THIS AFFECTS word Quicklinks within uhdlinks/quicklinks divs */
.noscriptmenu_ac a, .noscriptmenu_ac a:visited {display:block; float:left; height:100%; font-size:12px; text-decoration: none; color: #ecead1; padding:0 1.6em;}
		
/* style the sub level links */
.noscriptmenu_ac ul ul a, .noscriptmenu_ac ul ul a:visited {
	display:block;
	color:#000000;
	width:10em;
	height:100%;
	line-height:1em;
	padding:0.2em 1em;
 	background-color: #5F5A59; /* background color for ul -- instead of  using .jpg*/
	text-decoration: none;
 	}
		
/* style the table so that it takes no part in the layout - required for IE to work */
.noscriptmenu_ac table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.noscriptmenu_ac ul ul table {left:-1px;}
.noscriptmenu_ac ul ul table ul.left {margin-left:2px;}
.noscriptmenu_ac li:hover {position:relative;}
* html .noscriptmenu_ac a:hover {position:relative; text-decoration: none; padding:0 1.6em;}
	 
/* second */
/* Background for rollover could go here (background-color or background-image)  --  set font style here */
.noscriptmenu_ac ul ul a:hover{padding:0.2em 1em; }  
.noscriptmenu_ac ul ul :hover > a {padding:0.2em 1em; }  
 
/*This will show border around whole quicklinks area*/
/* Set width TOP here to fight IE6/7 links disappearing */
.noscriptmenu_ac ul ul {visibility:hidden;position:absolute;height:0;top:15px;left:0;width:auto; /*border-style:double;border-width:thin; border-color:red;*/}
		 	
/* make the second level visible when hover on first level list OR link */
.noscriptmenu_ac ul li:hover ul, .noscriptmenu_ac ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; /*background:transparent url(../images/trans.gif);*/}
		
 
 
 
 /***********************************************/
 /* Styles for equal length 2 column templates */

#navigation_gold, #navigation_blue, #navigation_bluedark, #navigation_tan, #navigation_taupe {
width: 200px;
float:left; 
}

#navigation_gold { 
background-color: #FEDA94;   
}
 
#navigation_blue { 
background-color: #3C7CAD;  
}

#navigation_bluedark { 
background-color: #336699;  
}

#navigation_tan { 
background-color: #ca8f42; 
}
 
#navigation_taupe { 
background-color: #61524E; 
} 

#container {
clear:both;
width:1000px;
margin:0px auto 0px auto;
}

#centre {
width:800px;
float:left;
background-color: #ffffff;
}


/***text only for eservices***/

#eserv_text_only {
    position: relative; 
    color: red; 
    height: 8px;
    margin-top: -16px;
    margin-right: 205px;
    }
    
* html #eserv_text_only {margin-top: -15px; margin-right: 200px;}
    
*:first-child+html #eserv_text_only {margin-top: -15px;  margin-right: 200px;}

/* Text for the code view */
pre {
	background:#F7F7F9 none repeat scroll 0 0;
	border:1px dashed #B3B6D5;
	padding:10px;
}
xmp, pre, plaintext {
	display:block;
	font-family:-moz-fixed;
	margin:1em 0;
	white-space:pre;
}