/******* html tags *******/
body {  padding: 0px; font-size: 10pt; color: #111;font-family: verdana, arial, helvetica, sans-serif;  margin: 0px;  background:#c2e6f5 url(images/bg.jpg) center top repeat-x; font-size:12px;}
input { margin: 2px 8px 0px 8px; }
label { color: blue; font-size: 9pt; }
a a:active, a:link, a:visited { color: blue; text-decoration: underline; }
a:hover { color: #0000a5;  }

img{ border:none;}
a{ border:none;}

h2{ text-transform:uppercase; font-size:16px; margin:15px 0px 6px 0px;}
p{ margin-bottom:13px; line-height:1.3;}
ul{margin-bottom:13px; }
ul li{ margin-bottom:3px; line-height:1.3;}
ul li ul{ margin-top: 10px;}

.cb{ clear:both;}

td{ vertical-align:top; padding:5px 10px 5px 0px;}

.inner{ padding:10px; margin:0;}

#mission{ margin:10px 0px 0px 0px; padding:20px 40px 0px 40px;}
#mission .point{ color:#0000FF; margin-bottom:10px; line-height:1.3;}
#mission .point span{ padding:1px 5px 1px 0px; background:#fff; font-weight:bold;}

/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

.post{ margin-bottom: 40px;}

#body{ background:#fff; margin:0px auto 30px auto; padding:10px 10px 0px 10px;}

#main { width: 1000px; margin:50px auto 0px auto; background:#fff; border:solid 1px #8ec4da; margin-bottom:20px;}

#header{ padding:10px 0px; background:#fff;}

#menu{ background:#e4e8ff;  height:40px;}
#menu ul{ list-style:none; margin:0; padding:0;}
#menu ul li{ float:left; height:40px;}
#menu ul li a{ display:block; width:166.66px; text-align:center; line-height:40px; font-size:14px; text-decoration:none; border:1px solid #0000ff; border-left:none; border-right:none; text-transform:capitalize;}
#menu ul li a:hover{ background:#0000ff; color:#e4e8ff;}
* html #menu ul li a{ display:inline-block;}

#main #sidebar{ float:right; width:270px;}
#main #sidebar .photo{ margin-bottom:10px; text-align:right;}
#main #sidebar h3{ font-size:14px; padding-left:10px;}

#main .body{ float:left; width:680px;}
#main .sites .site{ float:left; width:236px; height:179px; text-align:center; }

.divide{ border-top:1px solid #8ec4da; margin:30px 0px; clear: both;}

.information {}
.information td{ padding:4px 10px;}

.employee{ margin:0px 0px 30px 0px;}
.employee .photo{ float:left; width:200px; height:200px; margin-top:16px;}
.employee .text{ float:left; margin-left:20px; width:440px;}
.employee .text h2{ margin:13px 0;}

#sponsors a { padding-bottom:20px; display:block;}
#sponsors td{ vertical-align:top; text-align:center;}


#footer { font-size: 10px; background:#fff; padding:0px 40px 10px 40px; text-align:right; }
#footer a { padding-bottom:20px; display:block;}
#footer td{ vertical-align:top; text-align:center;}


#contact_form{}
#contact_form .field{ margin-bottom:10px;}
#contact_form .field label{ display:block; width:190px; line-height:30px; text-transform:capitalize; font-size:12px; }
#contact_form .field input.input{ padding:3px 5px; width:300px;}
#contact_form .field textarea.input{ padding:3px 5px; width:300px; font-size:12px; height:250px;}
#contact_form .field input.submit{ height:30px; width:200px;}
#contact_form .field input{ margin: 0;}

.error,
.notice, 
.success    { padding: .8em; margin: 5px 0; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


table{ width: 100%;}
td{ vertical-align: top;}

table{ width:100%; border-collapse:collapse; margin-bottom:10px;}


.navigation{ height: 30px; overflow: hidden;}

#content{ width: 700px;}