@charset "utf-8";
/* CSS Document */



html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
} 

body {
	background: #DDDDDD;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
} 

p {
	font-size: 1em;
	margin: 1em 0em 1em 0em;
	padding: 0em;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.6em;
	margin: 0em 0em 0.4em 0em;
	padding: 0em;
	padding-top:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	}
h3 {
	font-size: 1.2em;
	margin: 0em 0em 0.4em 0em;
	padding: 0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #3366cc;
	text-transform:uppercase;
}




ul {
	margin: 1em 0em 1em 2em;
	padding: 0em;
}



a:link {
	color: #555555;
	text-decoration: underline;
}

a:visited {
	color: #555555;
	text-decoration: underline;
}				

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

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

/*------------------------------------------------------------*/
div#skiplinks {
	position: absolute;
	top: -100px;
}


/*--------------------------------------------------------------*/
div#header {
width:100%;
}

div#header a {
	vertical-align: middle;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:0.7em;
	text-transform:uppercase;
}

div#header a:link, div#header a:visited {
	color: #000000;
}

div#header a:hover, div#header a:active {
	color: #000000;
}

div#header img {
	vertical-align:middle;
	padding: 0px;
	margin: 0px;
}

div#header ul {
    list-style-image: url('images/ott_yellowarrow.gif');
	background: url(images/ott_yellowfiller.jpg) #cccccc repeat;
	list-style-type: square;
	margin: 0px;
	padding: 2px 30px 5px 260px;
	text-align: left;
	vertical-align: middle;
	height:38px;


/*	background:#004175;*/

}
div#header li {
	
/*	display: inline;
	padding: 10px 10px 10px 30px;
	vertical-align: middle;
	font-weight: bold;*/
	
float: left;
display: block;
/*width: 100px;*/
height: 38px;
padding-left: 10px; /* the width reserved for the background image */
background: url(images/ott_yellowarrow.gif) no-repeat 0px 0px; /* the "bullet"... adjust these numbers to taste */
padding-left:20px;
padding-right:25px;
white-space:nowrap;
vertical-align: baseline;

}

div#header li a{

}


/*-------------------------------------------------------------------*/

div#container {
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background: #ffffff;
}


/*------------------------------------------------------------*/

div#content {

	min-height: 200px;
	width: 93%;
	clear:both;
	margin-left:30px;
	margin-right:30px;
	margin-bottom: 0px;
}
/*--see columns.css for column layouts--*/

/*------------------------------------------------------------*/

div#addressbar {
	background: url(images/ott_blueband.gif);
	font-size: 85%;
	clear:both;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color:#FFFFFF;

}




div#addressbar p {
text-decoration:none;
font-weight:normal;
padding-top:0.7em;
margin-left:30px;

}

div#addressbar a {
color:#FFFFFF;

}

/*------------------------------------------------------------*/


#copyright {
	background: url(images/ott_blueband.gif);
	font-size: 76%;
	clear:both;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 3px 0px 20px 0px;
	color:#FFFFFF;

	}
	
#copyright p{

text-decoration:none;
font-weight:normal;
margin-left:30px;
}	


/*====================*/


#skip, div#accessibilityLinks {
position:absolute;
left: -1000px;

	font-size: 80%;

	color:#fff;

}

div#pageLink{
	display:none;
	
				
}

div#sharethis {
height:30px;	
}