/*
  My name is Joe Hardy
  I designed this CSS
  With a little help from alistapart.com and other good friends
  
  ... and, if I may humbly state ...
  it makes NECU look like even more of a trainwreck than it did before
*/

/* common styles */
body { margin : 0px; font-family : Verdana; font-size : 11px; }
#header { margin-bottom : 20px; }
#textlogo {  }
#textlogo span { visibility : hidden; font-size : 10px; }
#imglogo {  }
#header .colouredbars { height : 12px; } /* RIP Elliot Smith */
blockquote { margin-left : 10px }
* html #header .content, * html #container { height:1%; /* So IE plays nice */ }
#header .content { overflow : hidden; margin:0 100px; padding-right:145px; background : #f9c12a url(Images/headerbackground.gif); margin : 7px 0px 7px 0px; height : 84px; }
#textlogo { margin-top : 0px; width:100%; border-right:145px solid transparent; margin-right:-145px; float:left;}
#imglogo { width:145px; float:left; margin-right:-145px; }

#container { min-width : 620px; overflow : hidden; margin : 0 30px; padding-right : 285px; /* The width of the rail */ }
#content { background : white url(Images/bodybackground.gif) no-repeat right bottom; width:100%; border-right:285px solid white; margin-right:-285px; float:left;}
#rightside { border-left : white solid 40px; width:245px; float:left; margin-right:-285px; }

#navbar { background : #e9e9e9 url(Images/navbaroff.gif) repeat-x; height : 21px; }
#navbar .links, #navbar .sep { float : right; }
#header ul.links { background : #e8d98e url(Images/navbaron.gif) repeat-x; width :500px; list-item-type : none; margin : 0px; }
#header ul.links li { font-size : 11px; display : inline; padding-left : 12px; }
#header ul.links li a { color : #62510F; padding-top : 4px; padding-bottom : 4px; text-decoration : none; }
#header .firstbar { background-color : #01425e; }
#header .secondbar { background-color : #890038; }
#header img { border : 0 }
#navbar a:hover { text-decoration : underline !important; }

.links, .links ul { padding: 0; margin: 0; list-style: none; }
.links ul { width : 150px;border : solid 1px #999; border-width : 0px 1px 1px; padding-top : 2px !important }
.links a { text-transform : lowercase; display: block; }

.links li { float: left; }
.links li ul { position: absolute; z-index : 300; left: -999em; background : #fff5dc; padding : 5px; }
.links li ul li { text-transform : lowercase; padding-left : 0px !important; float : none; }
.links li ul li a {  padding : 0px !important; font-size : 10px; line-height : 140%; }
.links li:hover ul { left: auto; }
#navbar li:hover ul, #navbar li.sfhover ul { left: auto; }


#content {  }
#content p { line-height : 150%; font-size : 9pt; }

#rightside { }

.roundedbox { background : #fcfcf5; border : #d1d1d1 solid 1px; margin : 10px 0px 10px 0px; }
.roundedbox .top, .roundedbox .bottom, .roundedbox .top * , .roundedbox .bottom * { position : relative; height : 7px; }
.roundedbox .top, .roundedbox .bottom {  }
.roundedbox .top { top : -1px; left : -1px; }
.roundedbox .bottom { top : 1px; left : -1px; }
.roundedbox .top { background : url(Images/roundedtopleft.gif) no-repeat; }
.roundedbox .bottom { background : url(Images/roundedbottomleft.gif) no-repeat; }
.roundedbox .top .right { right : -2px; background : url(Images/roundedtopright.gif) no-repeat top right; }
.roundedbox .bottom .right { right : -2px; background : url(Images/roundedbottomright.gif) no-repeat top right; }
.roundedbox .text { padding : 4px 10px 4px 10px; font-size : 13px; }

h2, h3, h4 { font-family : Verdana; letter-spacing : -2px; font-weight : normal; color : #AD8E12; border-left : 5px solid #eee; padding-left : 5px; }
h2 { font-size : 15pt; }
h3 { font-size : 14pt; }
h4 { font-size : 12pt; }

.filterbox, .alertbox { padding : 10px; background-color : #fff5dc; margin-bottom : 20px; font-size : 10px; line-height : 160%; color : #555; }
.filterbox .header, .alertbox .header { font-weight : bold; font-size : 11px; margin-bottom : 4px; color : #888; }
.alertbox ul { margin : 0px; padding : 0px; list-style-position : outside; list-style : none; }
.alertbox li { padding : 0px; padding-left : 10px; background : transparent url(Images/alertboxli.gif) no-repeat left 50%; margin : 0px; }
.alertbox dt { font-weight : bold; }
.alertbox dt a { color : #333;  }
.alertbox dd { margin : 0px 0px 9px 0px; }

.filterbox { border : solid 2px #ccc; width : 350px; }

.testimonial { background : white url(Images/testimonialbackground.gif) repeat-x 0px 9px; height : 92px; margin-bottom : 5px; }
.testimonial .content { position : relative; z-index : 101; margin-top : -90px; left : 30px; margin-right : 30px; padding : 10px; font-family : "Georgia", serif; color : #444; font-style : italic; font-size : 12px; line-height : 160%; }
.testimonial cite { display : block; font-size : 11px; }
.testimonial .left { background : transparent url(Images/testimonialleft.gif) no-repeat; position : relative; }
.testimonial .right { background : transparent url(Images/testimonialright.gif) no-repeat top right; position : relative; top : 9px; height : 100px; }

div.moretestimonials { text-align : right; margin : 0px; padding : 3px 6px 12px 0px; }
div.moretestimonials a { color : blue; text-decoration : none; }

#hometitle { border : 0 }

table.infotable { border-collapse : collapse; border : #777 solid 1px; margin-left : 10px; }
table.infotable td, table.infotable th { padding : 4px; vertical-align : top; }
table.infotable td p { margin : 0px; }
table.infotable th { text-align : left; background-color : #eee; }