/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Layout & Body */	

* {		margin: 0;		}

html{	height: 100%;		}

body	{
	height: 100%;
	background: #E0E8E9 url(../pdf/graphics/background_bluegradient.jpg) repeat-x; 
	}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTAINER - holds and centers everything */	

#container { 
	width: 800px; /* centers it on the page */
	margin:0 auto; /* centers it on the page */
	margin-top: 10px;
	border: 0px solid #000000;
	height:auto !important; /* for modern browsers */
	margin-bottom: 20px;
	}
	


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* BANNER - top area containing masthead search box, logos, navigation */	

#banner{ 
	clear: both;
	height: auto;
	width:100%;
	text-align: center; /* centers it on the page */
	border-bottom: 0px solid #83A3C2; 
	}

#banner img {
	vertical-align: middle;
	}

.masthead	{
	width: 800px; 
	margin:0 auto; /* centers it on the page */
	height: 70px;
	background: url(../pdf/graphics/background_banner_roundedcorner.png) repeat-x;
	}

.uiclogo {
	background-color: ;
	height: 40px;
	margin: 0;
	width: 250px; 
	float:left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	border: 0px solid blue;
	}

.uiclogo img{
	float: right;
	}

.ucatlogo {
	height: 40px;
	margin: 0;
	width: 450px; 
	float: right;
	padding-top: 20px;
	}

.header-and-search {
	width: 800px; 
	background-color: #FFFFFF;
	border-bottom: 0px solid yellow;
	}

.search {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 25px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	border: 0px solid yellow;
	color: #000000;
	}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* NAVBAR */	

#navigation	{
	width: 800px; 
	height: 1px;
	background-color: #4D7BA9;
	}
	
#navbar_center {	
	width: 100%; 
	padding: 0px;
	padding-left: 1px;
	height: 1px;
	}

.navbar_center {	
	width: 900px; /* centers it on the page  */
	margin: 0px auto; /* centers it on the page */
	height:auto !important; /* for modern browsers */
	padding: 0px;
	}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTENT */	

#content { 
	float: left;
	width: 800px;
	border-right: 0px solid #000000;
	min-height:400px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:400px; /* for IE5.x and IE6 */
	background-color: #FFFFFF; 
	}

#content p{
	margin-bottom: 1em;
	}

#content ul{
	margin-left: 2em;
	margin-bottom: 1em;
	}

#content li{
	margin-top: .4em;
	margin-bottom: .4em;
	}

#content a:link {text-decoration: none; color: #1B64B6;}
#content a:visited {text-decoration: none; color: #1B64B6;}
#content a:active {text-decoration: none; color: #FFAA00;}
#content a:hover {text-decoration: underline; color: #D00000;}

.content_container_tokeepeverythingstraight {
	width: 760px; 
	margin:0 auto; /* centers it on the page */
	height:auto !important; /* for modern browsers */
	}

.content_main {
	min-height:200px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.3em;
	margin-top: 5px;
	margin-bottom: 40px;
	background-color: #FFFFFF; 
	}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* HEADERS */	

.H1box{
	float: left;
	width: 450px;
	border: 0px dotted red;
	padding-top: 15px;
	padding-left: 15px;
	}

H1 { /* header for page name */
	color: #042B52;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	text-align: left;
	border: 0px dotted blue;
	}

H2 { 
	color: #042B52;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .01em;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height:1em;
	width: 100%;
	text-align: left;
	}

H3 { 
	color: #042B52;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0em;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height:1em;
	width: 100%;
	text-align: left;
	}

H6 	{ /* only for accessibility */
	position: absolute;
	left: -999em; /* hide this */
	}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* FOOTER */	

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	text-align: center;
	}