/* custom styles */
a {color:#36F; text-decoration:none; outline:0;}
a:hover {color:#555; text-decoration:underline;}
h1, h2, h3, h4, h5 {font-family:Georgia, Times, Times New Roman, serif; color:#333; line-height:1.2em;}
h2 {font-size:1.4em; margin-bottom:0;}
h2.lead {font-size:1.4em;}
h3 {font-size:1.3em;}
h4 {margin-bottom:0.5em; font:bold 1em arial,sans-serif; }
h5 {font-size:1em; margin-bottom:0;}
h6 {font-weight:normal;}
h1 span, h3 span {display:block; text-transform:none; font-size:80%; margin-top:0.5em;}
h1 span a:link, h3 span a:link {color:#36F;}
ul {list-style-type:square;}
small {font-size:80%;}
img {margin-bottom:0.5em;}

ul.navlist {width:100%; list-style:none; margin:0 0 1em 0;}
ul.navlist li {background:url(../img/bullet.gif) 0px 5px no-repeat; padding-left:20px; margin-bottom:0.1em;}

div.hr {clear:both; border:0; margin:1em 0; height:1px; background:#DDD;}
div.hr hr {display:none;}

table {}
tr.odd {background-color:#F9F9F9;}
td {vertical-align:top; text-align:left;}

/* general */
body {background:#EFEFEF; font-size:62.5%; margin-top:0;}
#wrap {background:#FFF; border:3px solid #DDD; padding:0 10px; font-size:1.2em;}
#main {overflow:hidden; background:url(../img/bg.jpg) repeat-y; margin-bottom:0.5em;}
.container {width:972px;} /* set overall width */
.content {padding:0 6px;}

/* header styles */
#header {background:#FFF; padding:10px 0; height:90px;}
#header div {margin:0; padding:0;}
#logo h1 {background:url(../img/logo.gif) no-repeat; position:relative; top:0; padding:0; margin:0;}
#logo h1 span {position:absolute; left:-1000em;}
#logo a {display:block; height:90px; width:230px;}
#strapline {font:bold 0.9em arial, sans-serif; position:relative;letter-spacing:-1px; text-align:center;}

/* primary nav styles */
#header-nav {border-top:1px solid #999; border-bottom:1px solid #999; background:#AAA; overflow:hidden; width:100%; margin-bottom:1.5em;}
#header-nav ul {list-style:none; margin:0;}
#header-nav li {height:36px; line-height:36px; float:left; border-right:1px solid #FFF;}
#header-nav li a {padding:0 15px; height:36px; line-height:36px; display:block; text-align:center; text-decoration:none; font-weight:bold; font-size:1.1em; color:#FFF;}
#header-nav li a:hover, #header-nav li a.current {background:url(../img/nav_bg_g.gif) repeat-x;}
#header-nav li a.active {background:#000; color:#fff;}
#header-nav div.rss {float:right; height:34px; display:inline;}
#header-nav div.rss img {position:relative; top:8px;}
#header-nav div.search {float:right; height:34px; line-height:34px; text-align:center; overflow:hidden;}
#header-nav div.search button, #header-nav div.search button img {vertical-align:middle; padding:0; border:0; background:none; cursor:pointer;}

/* boxes */
.box {padding:0; margin:0; background:#FFF; overflow:auto;}
.box img {border:1px solid #CCC;}
.box p, .box ul {margin-bottom:1.5em;}
.box p+p, .box p+ul {margin-top:-0.75em;}
.box p+div {margin-top:-0.75em;}
.box p.date {color:#555; font-weight:bold; font-size:0.9em; margin-bottom:0.375em;}
.box p.meta {font-size:0.8em; margin:0 0 0.75em 0;}
.box p.meta a {margin-right:10px; font-weight:bold;}

/* col1 specific styles */
.section {clear:both; height:28px; border-bottom:2px solid #888; margin:1em 0;}
.section h1, .section h2 {font-size:1.4em; padding:4px 0;}
.section h1 a:link, .section h1 a:visited {color:#222; text-decoration:none;}
.section h1 a:hover {color:#003BB0;}

#cont-col3 {padding-top:10px; text-align:center;}

/* footer styles */
#footer {margin-bottom:5px; border-top:1px solid #DDD; clear:both;}
#footer-nav a {margin-right:20px;}
#footer-nav {clear:both; text-align:center; overflow:auto; background:#FFF; list-style:none; padding:1em 0 0.6em 0; margin-bottom:0.75em; border-bottom:1px solid #DDD;}
#footer-nav p, #footer-nav img {margin-bottom:0;}
#footer-nav li {display:inline;}
#copyright {text-align:center; font-size:0.8em; color:#555; padding:0.75em 0 0;}

/* forms */
p.legend {margin-bottom:1em;}
p.legend em {color:#C00; font-style:normal;}

div.errors {margin:0 0 10px 0; padding:5px 10px; border:1px solid #FC6; background-color:#FFC;}
div.errors p {margin:0;}
div.errors p em {color:#C00; font-style:normal; font-weight:bold;}

form p.note {margin-left:170px; font-size:90%; color:#333; }
form p {margin-bottom:0.5em;}
form fieldset {margin:10px 0; padding:10px; border:none; background:#FFF;}
form legend {font-weight:bold; color:#666;}
form div {margin-bottom:0.75em;}
label {margin-right:10px; padding-right:10px; width:150px; display:block; float:left; text-align:right; position: relative;}
label.error, span.error {color:#C00;}
label em {position:absolute; right:0; font-size:120%; font-style:normal; color:#C00;}

input.text, input.title, textarea, select {margin:0; border:1px solid #AAA;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #555;}
input.text, input.title {width:auto; padding:0.3em 0.4em;}
textarea {width:262px; height:auto; padding:5px;}

input.error, textarea.error {border:1px solid red; background-color:#FEF;}
div.controlset label, div.controlset input {display:inline; float:none;}
div.controlset label.controlset {display:block; float:left;}
div.controlset div, div.buttonrow {margin-left:170px;}

/* useful classes */
.reset {margin:0; padding:0; border:0 !important; background:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.left {float:left; margin:0 1em 0 0;}
.right {float:right; margin:0 0 0 1em;}
.bottom {margin-bottom:0;}
.hb {margin-bottom:1em;}
.blocktext {overflow:auto; height:1%;}
.image {background:#F9F9F9; text-align:center; padding-bottom:0.5em;}
