/* Main CSS for DEFT */
/* Stuart Robinson for BAMPS */

/* -- MASTER SETUP -- */

html, body	{
	background: url(../../images/bg.gif) repeat-x #fdfdfd fixed;
	color:#000;
	font:100% "Trebuchet-ms", Verdana, Helvetica, sans-serif;
	height:100%;
	margin:10px 0 0 0;
	padding:0;
	text-align: justify;
}
img	{border:0}
form, select, input{margin:0;padding:0}
a:link, a:visited{color: #6983a8; text-decoration: none; font-weight:bold}
a:hover, a:active{text-decoration: underline}
address {font-style:normal}
h1, h2, h3, h4, h5, h6 {font-size: 1em}
blockquote {background: #efefef; border: solid 1px #999; font-weight: bold; font-size: 1.2em;  padding: 10px; margin: 10px}

/* -- LAYOUT -- */

/* container */
#container {width: 770px; margin-left: auto; margin-right: auto; height: 100%; font-size: .70em; padding: 0 0 50px 0}
#box {clear: both;border-left: 1px solid #aeaeae; border-top: 1px solid #aeaeae; border-right: 3px solid #aeaeae; border-bottom: 3px solid #aeaeae; background: #fbfbfb; padding: 5px; width: 760px}

#leftcol {float: left; width: 230px; padding: 22px 0 0 0; background:url(../../images/navback.gif) repeat-x}
#rightcol {float: left; width: 500px; padding: 5px 5px 30px 10px; line-height: 1.5em;; margin: 20px 0 0 0}
#rightcol h1 {color: #6c83a2; font-size: 1.4em;margin-top: 0}
#rightcol h2 {font-size: 1.2em}
#rightcol ul {list-style:disc}

#footer {padding: 10px 0 15px 15px; line-height:1.8em} 
/* -- ELEMENTS -- */

/* site select */
ul.site {float: right; padding: 0; margin: 0 20px 0 0; list-style:none}
ul.site li {display: inline; margin: 0 10px 0 0; text-align: center; padding: 3px 3px 0 3px}
ul.site li.sel {border: 1px solid #aeaeae; border-bottom: 1px solid #fff;  background: #fff}
#leftcol ul.site{float:none; margin: 0 0 0 18px}
#leftcol ul.site li {padding: 3px 3px 1px 3px}
#leftcol ul.site li.sel {border-bottom: 1px solid #aeaeae}

/* nav */
ul.nav {margin: 5px 0 0 8px;  width: 190px;padding: 0;color: #1d1d1d;font-size: 1.1em; list-style: none}
ul.nav li {border-bottom: 1px dotted #b5ae95}
ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited {padding: 5px 0 5px 10px;color: #6983a8;display: block}
ul.nav li a:hover {text-decoration:underline}
* html ul.nav li { 
    height: 1px; 
    }
ul.subnav {margin: 0 0 5px 15px;padding: 0;color: #1d1d1d;font-size: .90em; list-style: none}
ul.subnav li {border-bottom:none}
ul.subnav li a:link, ul.subnav li a:active, ul.subnav li a:visited {padding:1px}

/* -- ACCESIBILITY SPECIFIC -- */

#skiplink a, #skiplink a:hover, #skiplink a:visited{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden} 
#skiplink a:active, #skiplink a:focus{position:static;width:auto;height:auto}

/* -- USEFUL CLASSES -- */

.clr {clear: both;overflow:hidden}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /* clearfix for FF */
.la {text-align: left}
.ra {text-align: right}
.ca {text-align: center}
.fl {float: left}
.fr {float: right}
.b {font-weight: bold;line-height: 30px; font-size:12px}
.ob {font-size:2em;font-weight:bold; color:#FF9900}
