/* 	Style sheet: main.css
	Site: OTL
	Author: Chris Lamb
	---------------------------------------------------------------------------------------
*/
/*********** Global reset of values ***********/
* {	margin:0;	padding:0;}

/*********** Core styles ***********/
body {
	font: 76% Verdana, Helvetica, Arial, sans-serif; 
	margin: 0;
	background: #231F20 url(../images/body-bkg.jpg) left top repeat-x;
	text-align: center;
	color: #333;
}
h1 {
	font-size: 1.8em;
	padding-bottom: 2px;
}
h2 {margin: 25px 0 15px 0;	font-size: 1.4em;}
h3 {margin: 10px 0;	font-size: 1.3em;}
h3 {margin: 5px 0; font-size: 1.15em;}
h4 {margin: 2px 0; font-size: 1.1em;}
h5 {margin: 2px 0; font-size: 1em;}

#content p {line-height: 1.5em;	margin: .8em 0;}

#content a {color: #C83C05;}
#content a:hover, #content a:focus {color: #A71930; text-decoration: none;}
#content a:active {color: red;}
#content a:visited {color: #8e2800;}
#content ul, #content ol {
	line-height: 1.6em;
	margin: .8em 0 .8em 1.5em;
}
table {margin: .8em 0;	background-color: #FFF;}
caption {
	padding: 4px;
	font-weight: bold;
	text-align: left;
	color: #C83C05;
	border-top: 1px solid #C83C05;
}
th {
	padding: 4px;
	text-align: left;
	border-bottom: 1px solid #C83C05;
}
td {
	padding: 4px;
	border-bottom: 1px solid #AAA;
}
hr {
	color: #C83C05;
	height: 1px;
	background-color: #C83C05;
	border: none;
	margin: 1em;
}
#content blockquote {margin: 5px 40px;}
#content blockquote p {line-height: 1.6em;}

dt {font-weight: bold;  float: left; width: 100px; clear: left;}
dd {padding-bottom: 4px;}

/*********** Layout styles ***********/
.offleft {position: absolute; left: -99em;}
.offleft a:focus {position: absolute; left: 99em; background-color:#FFF; padding: 2px; color: #C83C05;}

#wrapper {
	margin: 0 50px;
	text-align: left;
}
#banner {background: url(../images/banner.jpg) right top no-repeat;}
#banner img { padding-right: 200px; background: url(../images/logo-bkg.jpg) right top no-repeat;}

/** Main Nav Bar **/
#nav {
	background: #111 url(../images/nav-bkg.jpg) left top repeat-x;
	padding: 16px 30px;
	list-style-type: none;
	border: 1px solid #2E2E2E;
	border-top: none;
}
#nav li {display: inline; border-left: 1px solid #252525;}
.navlast {border-right: 1px solid #252525;}
#nav a {color: #FFF; padding: 16px; text-decoration: none;}
#nav a:hover, #nav a:focus {background: #282828 url(../images/nav-hi.jpg) left top repeat-x;}

/*********** Main Content Area ***********/
#content {
	padding: 20px;
	background-color: #FFF;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
/*********** Right Column ***********/
#right_col {
	padding: 0 10px;
	border-left: 1px solid #999;
	float: right;
	width: 200px;
	background-color: #EEE;	
}
#right_col h2 {margin: 5px;}
#right_col li {padding: 4px 0;}

#prevnext {font-size: .9em; margin-top: 20px; padding-top: 4px; border-top: 1px solid #999;}

/*********** Footer ***********/
#footer {color: #FFF; font-size: .85em; padding: 5px 0 20px 5px; clear: both;}
#footer p {margin: .5em 0;}
#footer ul {margin-top: 20px; list-style-type: none;}
#footer li {display: inline; padding-right: 8px;}
#footer a {color: #FFF; text-decoration: none;}
#footer a:hover, #footer a:focus { text-decoration: underline;}

/*********** Individual styles ***********/
.bold {font-weight: bold;}
.small {font-size: .8em;}
#content .aspdf {
	background: #DFDFDF url(../images/aspdf.gif) left center no-repeat; 
	border: 1px solid #333;
	float: right;
	padding: 4px 4px 4px 24px;
	font-size: .8em;
	margin-top: -30px;
}
.tbl_highlight {font-weight: bold; background-color: #DFDFDF;}
.anchors {padding: 0 0 4px 20px; border-bottom: 1px solid #CCC;}
.space {padding-top: 10px; margin-top: 35px; border-top: 1px solid #CCC;}
.uppercase {text-transform: uppercase;}