@import "default.css";

body { background: #f3f9ff; color: #003099; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; text-align: center; padding-top:0px}

a,:link,:visited {color: #003099;}
a:hover { text-decoration: underline !important; }
a.important { text-decoration: underline !important; }


p { padding: .5em 0; }
p.pagepic { text-align: center; }
p.pagepic img { border: solid 1px #6aace4; } 
p.copyright {text-align: right;}

td,th { vertical-align: top; }


h1,h2,h3,h4,h5,h6 {
 font-family: Arial, Helvetica, sans-serif;line-height:130%}



h1 {
 padding: .5em 0;
 color: #003099;
 font-size: 20px;
 font-weight: normal;
}
h2 {
 padding: .2em 0;
 font-size: 14px;
 font-weight: bold;
}
h3 {
 padding: 3px 5px;
 font-size: 15px;
}
h4 {
 padding-top: 3px;
 font-size: 12px;
}



#logo {
 padding: 0;
 height: 125px;
 margin-left: 35px;
}
#container {
 width: 752px;
 margin: 7px auto 0;
 text-align: left !important;
 border: solid 1px #e5f2ff;
 background-color: #e5f2ff;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 750px;
}
html>#container {
 width: 750px;
} 
#header {
 background: url(images/bg-keyboard.jpg) top left no-repeat;
}
#home #header {
 background: url(images/bg-keyboard-home.jpg) top left no-repeat;
}


#content {
 background: url(images/bg-content.gif) top left no-repeat;
 margin-top: 7px;
 min-height: 300px;
}
#content2 {
 float: left;
 width: 580px; 
 background: url(images/bg-middlebar.gif) bottom left repeat-y;
}

.leftpic{margin-right:10px;float:left;}


#content a h2{text-decoration:none}



#subbar1 {
 float: left;
 width: 170px;
}
#home #subbar1,
#inner2 #subbar1 {
 width: 186px;
}


#subbar2 {
 float: left;
 width: 195px;
 border: solid 1px #aee1ff;
 background-color: #c0e7ff;
 border-bottom: none;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 193px;
}
html>#subbar2 {
 width: 193px;
} 

#subbar3 {
 float: left;
 width: 158px;
 font-size: 11px;
 padding: 0 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 118px;
}
html>#subbar3 {
 width: 118px;
} 

#subbar3 h3 {
padding: .5em 0;background-color: transparent;color: #389bcc;}
#subbar3 p {margin-top:0; padding-top:0}
#subbar3 a {text-decoration:underline}
#subbar3 a:hover {color:#000}


#mainbar {
 float: left;
 width: 564px;
 margin-left: -1px;
 border-left: solid 1px #aee1ff;
 min-height: 320px;
}



#mainbar .wrap {padding: 5px 25px;}
#mainbar .wrap a {text-decoration:underline}	

#mainbar1 {
 float: left;
 width: 406px;
}

#mainbar2 {
 float: left;
 width: 385px; 
}
	#mainbar2 .wrap {padding: 0 35px 0 25px;}
	#mainbar2 .wrap a {text-decoration:underline}
	#mainbar2 .wrap h2 a {text-decoration:none}
	#mainbar2 .wrap h3 a {text-decoration:none}
	#mainbar2 h3 {
	 margin: 1em 0;
	 background-color: #b0dcf8;
	}
	#mainbar2 ul {
	 padding-top: .5em;
	 margin-top: 0;
	 padding-bottom: .5em;
	 margin-bottom: 0;
	}

#mainbar3 {
 float: left;
 width: 385px;
}
	#mainbar3 .wrap {padding: 0 35px 0 25px;}
	#mainbar3 .wrap a {text-decoration:underline}
	#mainbar3 .wrap h2 a {text-decoration:none}
	#mainbar3 .wrap h3 a {text-decoration:none}
	#mainbar3 h3 {
	 margin: 1em 0;
	 background-color: #b0dcf8;
	}
	#mainbar3 ul {
	 padding-top: .5em;
	 margin-top: 0;
	 padding-bottom: .5em;
	 margin-bottom: 0;
	}

#mainbar4 {
 float: left;
 width: 385px;
}
	#mainbar4 .wrap {padding: 0 35px 0 25px;}
	#mainbar4 .wrap a {text-decoration:underline}
	#mainbar4 .wrap h2 a {text-decoration:none}
	#mainbar4 .wrap h3 a {text-decoration:none}
	#mainbar4 h3 {
	 margin: 1em 0;
	 background-color: #b0dcf8;
	}
	#mainbar4 ul {
	 padding-top: .5em;
	 margin-top: 0;
	 padding-bottom: .5em;
	 margin-bottom: 0;
	}

ul.links {
 padding-top:30px;
 margin: 0;
 list-style: none;
 font-family: Arial, Helvetica, sans-serif;
}


#nav {
 padding: 5px 0 5px 170px;
 background-color: #6accff;
 color: #003099;
}
#nav li {
 padding: 0 7px;
 display: inline;
}
#nav li a {
 color: #003099;
 font-size: 14px;
}
#nav li a:hover,
#nav li a.on {
 text-decoration: underline;
}


 

#subnav {
 width: 100%;
 padding: 20px 0;
}

#subnav li {
 float: left;
 width: 100%;
}

#subnav li a {
 overflow: hidden;
 display: block;
 width: 100%;
 padding: 0 0 0 35px;
 font-size: 12px;
 color: #003099;
}

#subnav li a:hover,
#subnav li a:focus,
#subnav li a.selected,
#subnav li a.on {width: 100%; background: url(images/hover.png) repeat; text-decoration: none !important;}

#subnav2 { padding: 20px 0 70px 0; margin-left: 14px; list-style:none; }
#subnav2 li  {margin-bottom:8px}
#subnav2 li a  { font-size: 13px; color: #003099;line-height:100%}
#subnav2  li a:hover,#subnav2  li a.on { text-decoration: underline;}

#subnav3 { padding: 20px 0 70px 0; margin-left: 14px;}
#subnav3 li  {margin-bottom:8px}
#subnav3 li a  { font-size: 13px; color: #003099;line-height:100%}
#subnav3  li a:hover,#subnav2  li a.on { text-decoration: underline;}


/* Contact table */

#contact {
 font-size: 1em;
}
#contact td {
 vertical-align: top;
 padding: 5px 0 5px 5px;
}
#contact td.label {
 width: 95px;
}
#contact td.field {
 width: 145px;
}
#contact input.text,
#contact textarea,
input.button {
 border-width: 1px;
 border-style: solid;
 border-top-color: #666;
 border-right-color: #ccc;
 border-bottom-color: #ccc;
 border-left-color: #666;
}
#contact input.text {
 width: 135px;
}
#contact textarea {
 width: 385px;
 height: 80px;
}
input.button {
 float: right;
 margin-right: 10px;
 width: 60px;
 border-color: #ccc #666 #666 #ccc;
 background-color: #e6e6e6;
}


.rowwrap {
 background: url(images/bg-home-thumbs.gif) bottom center;
 margin: 10px 0 10px 0;
}
dl {
 float: left;
 width: 197px;
 border-top: solid 1px #66cbff;
 padding: 13px 10px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 177px;
}
html>dl {
 width: 177px;
} 
dl.last {
 margin-left: 12px;
}
dl dt {
 padding: 2px 0;
 font-size: 14px;
 color: #003099;
 font-family: Arial;
}
dl dd {
 padding: 2px 0;
 color: Black;
 font-size: 11px;
}
dl dd img {
 float: left;
 margin: 5px 7px 0;
 border: solid 1px #66cbff;
}

table.publications{width:300px}
table.publications td {font-size:10px;text-align:center;border:1px;line-height:120%;padding-bottom:6px}
table.publications td img {margin-bottom:6px}
table.publications td a:hover{color:#000}

#footer {
 clear: both;
 width: 100%;
 padding-top: 7px;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 9px;line-height:140%
}
#footer p {padding: 10px 35px; background-color: #96dbff;line-height:200%; text-align:right;}
#footer a.on {text-decoration:underline}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 
.clearfix { display: inline-block;}
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */


/* Cross-fader */

.fade-box {
 position: absolute;
 top: 0;
 left: 0;
 width: 150px;

}
#crossfade-container {
 position: relative;
 margin: 0;
 width: 100px;
 height: 150px;
}
.fade-box p {
 color: #006fb2;
 font-size: 92%;
 padding: 5px;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#C0E7FF;
}
#box-2,#box-3,#box-4 {

}

div.strapline {
	font-size: 1.2em;
	font-style: italic;
}