/*
LAYOUT CSS
---------------------------------------------------------------------------
I have done these as classes mainly rather than ids so these can just be kept
for layout, then if you want to add graphics/styling you can add multiple
graphical classes to a div eg. div class="main white" etc
*/

div {  }
html { height:100%; }

body { }
a img { border:0; outline:none; }

#container { width:1000px; margin:0 auto;  }

.header { position:absolute; width:1000px; height:120px; padding-top:20px; top:0;  }

#nav { position:absolute; top:110px; margin-top:0 0 0 -500px; background-color:#0A3660; height:30px; padding-left:10px;  width:989px; border-top:1px solid #092E53; border-left:1px solid #092E53; font-size:.7em; }
#nav ul { margin:0; padding:0; list-style-type:none; z-index:3; }
#nav ul li { float:left; margin-top:4px; color:#1F9EDF; padding:5px; margin-left:1px; }
#nav ul li ul { display:none; position:absolute; padding:0; list-style-type:none; background-color:#092E53; width:160px; padding:10px; margin-top:5px; }
#nav ul li ul li { width:160px; margin:0 0 5px 0; padding:0; }
#nav ul li a { color:#1F9EDF; text-decoration:none; display:block; }
#nav ul li a:hover { color:#fff; }

.strip_header { position:absolute; top:140px; width:1000px; }
.header_pic { float:left; width:800px; height:260px; }
.newsletter { float:left; width:160px; height:220px; padding:20px; }
.latestdownloads { float:left; width:160px; height:220px; padding:20px; }

.main { float:left; width:1000px; margin-top:390px; background-color:#fff; padding-bottom:40px; }
.column_full { width:700px; margin:20px 40px 0 40px; display:inline; float:left; }
.column_main { width:520px; margin:20px 40px 0 40px; display:inline; float:left; }
.column_side { width:180px; margin:20px 20px 0 0; display:inline; float:left; }
.wide { width:360px; }

.column_main table {font-size:.8em;}

.footer { background-color:#e5e5e5; float:left; width:960px; padding:20px; }
.footer cite { float:left; width:960px; margin-top:40px; text-align:center; }
.footer_links { float:left; margin:0; padding:0; list-style-type:none; width:200px; }

/* GRAPHIC VISUAL STYLES */

.bg { background:#042546 url('../images/mainbg.png') repeat-x; font-family:Arial, Helvetica, sans-serif; }

#logo { width:176px; height:70px; z-index:2; margin-left:20px; }



.header { z-index:1; background:url('../images/headerbg2.png'); }
.header blockquote { z-index:2; position:absolute; top:20px; left:580px; color:#3591E3; font-weight:bold; }

.header_pic { background:#f5f5f5; }


#rss { z-index:4; left:50%; position:absolute; top:7px; margin-left:345px; color:#f90; width:200px; }
a[rel=alternate] {  }
a:hover[rel=alternate] {  }

.newsletter { background:#333 url('../images/newsletter_bg.jpg'); }
.newsletter legend { color:#3591E3; width:160px; font-size:1.6em; padding:0;  }
.newsletter label { font-weight:bold; display:block;}
.newsletter fieldset { border:0; padding:0; margin:0; color:#fff; font-size:.7em;}
.newsletter input[type=button] { text-transform:capitalize; font-size:1em; }

.latestdownloads { background:#333 url('../images/newsletter_bg.jpg'); }
.latestdownloads h3 { color:#3591E3; width:200px; font-size:1em; padding:0;  }

ul.downloads { margin:0; list-style-type:none; padding:0; }
ul.downloads li { margin-bottom:10px; font-size:11px; }
ul.downloads li a { padding-top:8px; background:url('../images/pdf_icon.png') no-repeat; height:22px; display:block; padding-left:40px; text-decoration:none; }
ul.downloads li a:hover { text-decoration:underline; }
ul.downloads em { color:#999; }

.light { color:#fff; }
.dark { color:#333; }



.main p { font-size:.8em; margin-bottom:1em; line-height:1.2em; }
.main ul,.main ol { font-size:12px; color:#666; margin:20px 0; line-height:1.2em; }
.main li { margin-bottom:10px; }
.main ol ol { list-style-type:lower-latin; }
.main ol ol ol { list-style-type:lower-roman; }
.main p a { color:#0A3660; }

h1 { color:#0A3660; margin:0 0 1em 0; }
h2 { color:#3591E3; margin:0 0 1em 0; font-size:1.2em; }
h3 { color:#0A3660; margin:0 0 1em 0; font-size:1em; }
h3 a { color:#0A3660; text-decoration:none; }
h3 a:hover { text-decoration:underline; }

address { font-size:.8em; font-style:normal; margin:20px 0; }
abbr { border:0; font-weight:bold; display:block; float:left; width:40px; }

.widget { background-color:#f5f5f5; padding:10px; -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; margin:20px 0; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.widget ul { list-style-type:none; padding:0; margin:0; }
.widget ul li { margin-bottom:10px; }
.widget ul li a { color:#1F9EDF; text-decoration:none; font-size:.85em; }
.widget ul li a:hover { text-decoration:underline; }
.widget h3,.widget h4 { margin-top:0; }

.blue { background-color:#003; }
.blue h4 { color:#209EDF; font-size:.8em; font-weight:normal; margin:0; }
.blue p { color:#fff; font-size:.7em; }
.blue p a { color:#fff; text-decoration:none; }
.blue p a:hover { text-decoration:underline; color:#209EDF; }

#hometn { overflow:hidden; width:520px; float:left; }
#hometn .left { float:left; margin:20px; }
#hometn .right { float:right; margin:20px; }

.home_footer { width:940px; margin-top:40px; overflow:hidden; }
.creds { float:left; margin:20px 0 20px 40px; }
img.logo { text-align:center; margin-right:40px; }

.little_images {  margin-top:20px; }
.little_images p { margin:0px; text-align:center; }
.little_images cite { text-align:center; width:100%; }
p.note { margin:0 0 20px 0; }

#glossary { background:#f5f5f5 url('../images/icons/1248440068_accessories-dictionary.png') no-repeat 20px 20px; padding:10px 20px 10px 100px; -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; margin:20px 0; border-left:1px solid #ccc; border-top:1px solid #ccc; }
#glossary p { margin-top:0; }
#glossary h2 { margin-bottom:10px; }
#applications { background:#f5f5f5 url('../images/icons/1248440098_application-x-desktop.png') no-repeat 20px 20px; padding:10px 20px 10px 100px; -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; margin:20px 0; border-left:1px solid #ccc; border-top:1px solid #ccc; }
#applications p { margin-top:0; }
#applications h2 { margin-bottom:10px; }

.pic { margin:10px 10px 0 0; float:left;  }
.pic img { -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; }

.datebox { width:60px; background-color:#f5f5f5; border:1px solid #ccc; -moz-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em; float:left; margin-right:20px; padding:10px; }
.datebox p { margin:2px; text-align:center; }
p.day { font-size:1em; }
p.month { font-size:1.6em; text-transform:uppercase; }
p.year { font-size:.7em; }

.story { overflow:hidden; margin-top:20px; }
.story h2 { margin-top:0; margin-bottom:10px; }
.story h2 a { color:#1F9EDF; text-decoration:none; }
.story h2 a:hover { text-decoration:underline; }

#tree a { color:#1F9EDF; text-decoration:none; }
#tree a:hover { text-decoration:underline; }

form#contactform { margin-top:20px; }
form#contactform fieldset { border:0; padding:0; margin-bottom:10px; }
form#contactform p {  }
form#contactform p span { margin-left:5px; font-size:.85em; }
form#contactform label { color:#272422; display:block;  }
form#contactform em { color:#f00; }
form#contactform input[type=text] { border:1px solid #ccc; background-color:#fff !important;  }
form#contactform input.norm { width:430px; }
form#contactform input.small { width:150px; }
form#contactform textarea { border:0; border:1px solid #ccc; width:430px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; height:60px; }
form#contactform label.error { color:#f00; font-style:italic; }

.staff { overflow:hidden; margin-bottom:40px; padding:20px; background:#f5f5f5; -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; margin:20px 0; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.staff .img { float:left; width:110px; }
.staff .desc { float:right; width:340px; padding:0; }
.staff .name { font-weight:bold; margin:0; }
.staff small { font-size:.7em; margin-top:0; }
.staff a { color:#1F9EDF; text-decoration:none; }
.staff a:hover { text-decoration:underline; }
.desc h2 { margin-bottom:10px; }
.desc p { margin:0 0 5px 0; }

.footer { background:#011A30 url('../images/footerbg.png') repeat-x; }
.footer cite { font-size:.6em; color:#10548E; font-style:normal; letter-spacing:.5em; }
.footer_links { color:#1F9EDF; font-size:.7em; }
.footer_links li { margin-bottom:.2em; }
.footer_links a { color:#1F9EDF; text-decoration:none; }
.footer_links a:hover { text-decoration:underline; }

/* BUTTONS */

a.rounded { font-size:.85em; background-color:#666; padding:2px 10px; color:#fff; text-decoration:none; -moz-border-radius:7px; -webkit-border-radius:7px; }
a.rounded:hover {  background-color:#ccc; }

.aerial { margin-top:-27px; }
.map { margin-bottom:20px; float:left; }