@import "defaults.css";
@import "navigation.css";

#container {width: 800px; margin: 0 auto; text-align: center;}
#top {background-image: url(/images/layout/top.jpg); width: 800px; height: 187px;}
#mission {height: 220px; width: 555px; background: url(/images/headings/mission.jpg) top left no-repeat; text-align: left; padding: 60px 205px 0 40px; margin: 10px 0 0 0; overflow: hidden;}
#mission p {font-size: 0.8em; line-height: 1.8em; padding: 10px 25px 20px 0;}
p#footer, p#footer a {color: #FFF;}
p#footer {font-size: 11px; text-align: left; clear: both;margin: 10px 20px; clear: left;}

#features {background: url(/images/layout/features-main.gif) repeat-y 0 0;}
#features-top {background: url(/images/layout/features-top.gif) no-repeat; height: 25px; }
#features-bottom {background: url(/images/layout/features-bottom.gif) no-repeat; height: 25px;}

.triL {width: 250px; float: left; text-align: left; position: relative; height: 115px;}
.triL p {font-size: 0.75em; padding: 0 25px; text-align: left;}
.triL li {padding: 0 0 15px 0;}
.triL a {text-decoration: none;}
.triL img {margin: 0 0 0 25px;}
h2.triL {margin: 30px 0 5px 0; padding: 0; height: 25px; background: none;}
h2.triL img {margin: 0;}
h2#m {margin: 30px 25px 0 25px;}

p.headline {font-size: 13px;}
p.date {font-size: 11px; padding-top: 5px; color: #333; line-height: 11px;}

.drop {position: absolute; top: 90px;}
.drop150 {position:absolute; top: 150px;}

a.buttonSM {text-indent: -1000px; display: block; height: 30px; width: 100px; overflow: hidden; background-postion: 0 0;}
a.buttonSM:hover {background-position: 0 30px;}

a.learn {background-image: url(/images/buttons/learn.gif);}
a.news {background-image: url(/images/buttons/news.gif);}
a.next {background-image: url(/images/buttons/next.gif); margin-top: 15px;}

#middle {margin: 0 25px;}

#main {background: #FFF url(/images/layout/main.jpg) no-repeat bottom left; width: 640px; margin: 10px 0 0 0; padding: 0 80px 65px 80px; text-align: left; overflow: hidden;}
#main h1 {padding: 0; margin: 0 0 10px -80px;}

#sections li {border-top: 1px dotted #88BEE8; width: 258px; height: 150px; padding: 20px; margin: 10px; float: left; position: relative;}
#sections p {font-size: 1.0em;}
#sections h2 {padding: 5px 0; font-size: 1.75em; font-weight: normal; background: none;}
#sections a {text-decoration: none;}
#sections a:hover {color: #FF2D00;}

#quotes p {font-size: 0.9em; padding: 0; margin: 0; line-height: 1.8em; color: #18035B;}
#quotes span {padding: 0.3em 0; width: 720px;}
#quotes span {border-bottom: 1px dotted #18035B; border-top: 1px dotted #18035B;}

.clear {clear: left;}

ul.bullets {margin: 5px 0;}
.bullets li {list-style-type: disc; margin: 0 0 0 15px; padding: 2px 0;}

#box {border: 1px solid #CCC; width: 350px; padding: 5px; margin: 5px 0; background-color: #F0F0F0;}
#box input[type=image] {float: right;}

img.logo {float: left;}
img.map {margin: 0 0 10px 0;}
img.feature {margin: 0 15px 0 5px;}

#contactForm input[type=text] {width: 185px;}
#contactForm textarea {width: 500px;}
#contactForm input[type=text]:hover, #contactForm textarea:hover, #contactForm input[type=text]:focus, #contactForm textarea:focus {background-color: #e1eff9; color: #18035B;}

#subscribe {border: 1px solid #FF6E00; width: 200px; margin-left: 25px; background-color: #FFF; padding: 3px; height: 20px;}
#subscribe input[type=text] {width: 174px; padding: 2px 0; background-color: #FFF; float: left;}
#subscribe input[type=image] {float: right; padding: 0; margin: 0;}

#backgroundPopup {display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1;} 
#popup {display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ background:#FFFFFF; border:5px solid #CCCCCC; z-index:2; padding: 50px 25px;}
#popupClose{right:0px; top:0px; position:absolute; color:#FFFFFF; display:block; background-color: #CCCCCC; font-weight: bolder; font-size: 0.7em; padding: 5px 10px; cursor: hand;}