@import url("./layout.css");

body,p,ul,li,ol,table,tr,td {color:#000; font:normal 12px/1.3 Verdana,Arial,Helvetica,sans-serif;}
body {background:#fff}

.pad5 {padding:4px;}
.orange {background:#EE943C;}

img,table {border:none;}

table {border-collapse:collapse;}

.c {margin-left:auto; margin-right:auto; text-align:center;}
.l   {text-align:left;}
.r  {text-align:right;}
.small {font:normal 10px Verdana,Arial,Helvetica,sans-serif;}
.p {cursor: pointer;}
.b  {font-weight:bold;}

a:link {color:#00F; background:transparent;} 
a:visited {color:#069; background:transparent;} 
a:link:hover {color:#009; background:#F5810F;}
a:link:hover img {background:transparent;}
a:active {color:#F03; background:transparent;}

p.nav,p.cap {font:bold 14px/1.2 Arial,Helvetica,sans-serif; text-align:center;margin-left:auto; margin-right:auto;}
p.nav {margin-top:3em; }

.nou {text-decoration:none;}

.sub {vertical-align:sub;}
.vm {vertical-align:middle;}
.vt {vertical-align:top;}

.nst,.nstl {list-style-type:none;}
.nstl {padding-left:0; margin-left:0;}

address {font-style:normal; margin-bottom:20px;}
acronym {cursor:help;}

h1 {font:bold 28px/1.4 Arial,Helvetica,sans-serif; background:#405F9E; color:#FFF; display:block; padding:3px; text-align:center;}
h2 {font:bold 22px/1.4 Arial,Helvetica,sans-serif; text-align:center; color:#000;}
h3, .kb li {color: #000; font:bold 16px/1.3 Arial,Helvetica,sans-serif; text-align:left;}
h4 {background:#FFF; color:#000; font:bold 14px/1.2 Arial,Helvetica,sans-serif; text-align:left;}
h3,h4 {margin-top:1.8em; margin-bottom:-0.6em; padding:0;}



h1.pico,h1.p {  background:#405F9E; color:#FFF; cursor:default;}
h2.pico,h2.p,h2.env { background:#ECF5FC; background-image:url("../h2p.png"); background-repeat: repeat-x;  color:#000; margin:40px 0 30px; cursor:default;} 

h1.env {background:#69f;}

h1.p {margin-top:0; clear:both;}


ul {list-style-position:outside; list-style-type:disc; line-height:1.4; text-align:left;}
ol {list-style-type:decimal; line-height:1.4; text-align:left;}

.gra {color:#888;}
.red {color:#D60000; background:transparent;} 
.wht {color:#FFF; background:transparent;}
.blu {background:#405F9E; color:#FFF;}
.blu tr, .blu tr td {color:#FFF;}
.ks2, .ks3, .ks4,.ks5 {color:#fff; border:1pt solid black; padding:2pt; font:bold 10pt Arial,Helvetica,sans-serif;}
.ks2 {background-color:#7bc618;}
.ks3 {background-color:#ff8429;} 
.ks4 {background-color:#00A5C6;}
.post16, .ks5 {background-color:#083194;}
.deg {background-color:#96f;}

.border {border:1pt solid black; padding:2pt; font-weight:bold}
.bord,.bo   {border:1pt solid black; padding:2pt;}

table.specs, table.specs2 {border:1px solid #CCC; padding:2px; font:normal 12px Arial,Helvetica,san-serif;}
table.tdbo td.nob , .nob {border:none;}

.toplt, .toprt, .botlt, .botrt {width:9px;height:9px;line-height:1px;overflow:hidden;}
.toplt {float:left;background-image:url("../tl.gif")}
.toprt {float:right;background-image:url("../tr.gif")}
.botlt {float:left;background-image:url("../bl.gif")}
.botrt {float:right;background-image:url("../br.gif")}
.bc,.bd {background:#C0DEFA;}  /* fc9 */
.bc,.cc,.nc, .ec {height:9px}
.nc,.nd {background:#d8e8ef;}
.be,.ce {padding: 5px 10px;}
.cc,.cd {background:#c99;}
.ec,.ed {background:#6B88C2;}

.fl {float:left; padding:10px;  margin:10px;}
.fr {float:right; padding:10px; margin:10px;}

.clear {clear:both;}
.pad10 {padding:10px;}


li {padding:2px 0; margin:2px 0;}
input, select, option {margin:4px 0;}


.phead a {padding:1px 15px;}
.nou {text-decoration:none;}

.m, .input, select, .pdf, .award, .email, .print {vertical-align:middle;}
.pdf,.award {width:30px; height:27px;}
.email, .print {width:20px; height:20px;}


.specs, .specs2 {border-collapse: collapse; table-layout:fixed;}
.specs tr, .specs2 tr {vertical-align:top;} 


#search {padding:10px 0; margin:0;  text-align:right;}
#search input {font-size: 11px; margin-bottom:5px; width:100%;} 

.t250 {text-indent:250px;}

#news {background:blue;}

h2.top,.ntm {margin-top:0;}


table.dis td, table.dis th {vertical-align:top;}

a.mlink {font-size:medium; text-align:center; text-decoration:none; font-weight:bold; text-decoration:none; display:block; margin-top:30px;}

.quote {width:250px; font-weight:bold; font-size:1.4em;}
.quote2 {width:300px; font-weight:bold; font-size:16px;}

p.one {font-weight:bold; font-size:120%;}

ul#aps, ul#sci, ul#tips {list-style-type:none; margin:0; padding:0; } 

.now {white-space:nowrap;}
.nrt {margin-left:360px; width:300px;}
.nlt {width:330px; float:left;}
.nsoft {border:1px solid #808080; padding:4px 6px; -moz-border-radius: 1em;}

#nnav {width:118px;  background:#DAEDFE; }
#nnav li {margin:0; padding:0; border:1px solid #9CF;} 
#nnav li a, #nnav li a:visited {padding:2px 5px; display:block; color:#00f; width:106px; margin:0; font-size:0.8em;}
#nnav li a:hover,#nnav li a#here  {color:#fff; background:#69c;}


h3.sci, .gap {margin-top:35px;}

address.train {font-size:14px;}
.tlist li {list-style:none; font-size:14px; font-weight:bold; margin:25px 0;}


.odd {background:#FBF9F9;}
.eve {background:#EBF5FF;}
.ruled {background:#ffc;}   

.half {width:45%;}
.dist {vertical-align:top; border:1px solid gray;} 


.box {background:#eee; padding:5px; width:260px; margin:0; border:1px solid gray; -moz-border-radius: 1em;}
.searchbox   {background:#DAEDFE; padding:5px; width:440px; margin-left:auto; margin-right:auto; text-align:center;border:1px solid #7F9DB9;  -moz-border-radius: 1em;}
hr.p {background-color:#9cf; color:#9cf;}

ul.wav li {
   list-style-type:none;
   font-weight:bold;
   line-height:1.5;
   font-size: x-small;    
   voice-family: "\"}\"";   
   voice-family: inherit;   
   font-size: small; }

span.poll {position:absolute; left:200px; vertical-align:middle;}

.tableheadbig, .tablehead, .tablehead th, .tablehead th a:link, .tablehead th a:visited {background:#405F9E; color:#FFF;}
.tableheadbig {font:bold 16px/1.3 Arial,Helvetica,sans-serif;}

#leftnav {text-align:center;}

#leftnav a, #leftnav a:visited { color:#fff; text-decoration:none; display:block; padding:0.4em; font-size: 0.8em; background:#6B88C2;}


#leftnav a:hover {background: #C0DEFA; color:#009;}

#leftnav dd { margin:0; padding:0; border-top:1px solid #405F9E; }
#leftnav dt { margin:0; padding:0.4em; font-weight:bold; background: #405F9E; color: #FFF;}

dl#leftnav {margin: 0;  padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}

.leftnavtop, .leftnavbot  {display:block; background:transparent; font-size:1px;}
 
.b3, .b7 { height:1px; margin:0 2px;}
.b4, .b8 {height:2px; margin:0 1px;}
.b2, .b3, .b4 { display:block; background:#405F9E;}  
.b6, .b7, .b8 { display:block; background:#6B88C2;}
.b3, .b4, .b7, .b8 {   border-left:1px solid #fff; border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }
  
  
.b1, .b5 {display:block; height:1px; background:#fff; margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
}

.b2, .b6 { height:1px; margin:0 3px; border-left:2px solid #fff; border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

input[type="submit"], input[type="button"] {-moz-border-radius: 1em;}

.order { width:101px; height:51px; opacity:1;}
.order:hover {opacity:0.7;}

.epix {width:60px; height:60px;}

.sbm {height:18px; width:18px; padding:2px; background:#FFF;}
a:link:hover .sbm {background:#FFF}

.input {border:1px solid #CCC;}
.width55 {width:55%}

.strike {text-decoration:line-through;}


h3 {margin-top:1.8em; margin-bottom:-0.6em; padding:0;}
h4 {margin-top:1.8em; margin-bottom:-0.6em; padding:0;}

 dt {font-weight:bold; margin-top:1.5em;}
 dd {margin-left:0;}
 
 a[rel~="external"],a[rel~="external"]:link:hover {background: url("http://www.picotech.com/images/ext.png") no-repeat 100% 0; padding: 0 15px 0 0;}

.hide {display:none;}
 
/* ################ */


@media print {

#page, #glue, #content {width:100%}
#left, #right, #nav,#kart,#foot {display:none;}
#logo h3 {display:block;}

body,p,li,table {color:#000; font:normal 10pt/1.2 "Times New Roman",serif;}

h1 {font:bold 18pt/1.3 Arial,Helvetica,sans-serif; text-align:center}
h2 {font:bold 14pt/1.3 Arial,Helvetica,sans-serif; text-align:center}
h3 {font:bold 12pt/1.2 Arial,Helvetica,sans-serif}
h4 {font:bold 10pt/1.2 Arial,Helvetica,sans-serif}

 .hid,p.nav {display:none;}
.yes span, .no span {display:block;}
a:link,a:visited,a:hover,a:active {visibility:visible; color:#000; background:#fff; text-decoration:none;}
.break {page-break-before:always;} 

.specs, .specs2, td,th {page-break-inside: avoid;}

a:link[href^="http://"]:after, a:visited[href^="http://"]:after { content: " (" attr(href) ") "; font-size: 9pt;}

table#courses {display:none;}

#logo, .yes, .no {background:none;}

}

@media handheld {
#nav, #right {display:none;}
}