﻿form { margin:0px; }
body { background:#EAF1F7 url(/image/main-bg-tile.jpg) repeat-x;  text-align:center; margin:0px; padding:0px; font-family:Arial; }
#logo { float:left; }
#welcome { float:right; margin-top:100px;  font-size:12px; color:#fff;  }
#welcome a { color:#fff; }
#wrapper { width:966px; margin:0px auto; text-align:left; }
#body-top { background: #FFFFFF url(/image/trad-title_no-shadow-top.gif) no-repeat; height:13px;  }
#body { background: #FFFFFF url(/image/trad-title_no-shadow-repeat.gif) repeat-y; margin-top:10px; }
#body-bottom { background: #FFFFFF url(/image/trad-title_no-shadow-bottom.gif) no-repeat;  height:15px;  }
#navigation { width:272px; margin-right:20px; float:left; }
#navigation ul { list-style-type:none; padding:0px; margin:0px; width:272px; margin-left:10px; margin-top:15px; margin-bottom:20px; }
#navigation ul li { height:42px; width:227px;  }
#navigation ul li a { display:block; height:42px; width:227px; text-align:center; padding-top:14px; font-size:14px; text-decoration:none; color:#6B83A7; margin:0px; background:url(/image/btn-leftnav-off.jpg); }
#navigation ul li a:hover { color:#6B83A7; height:42px; width:227px; background:url(/image/btn-leftnav-on.jpg); }
#content { width:650px; float:left; font-size:13px; color:#0065B2; text-align:justify; margin-top:10px; }
.clear { clear:both; }
.navigation-header { text-align:center; }
.navigation-header .title-image { padding-top:10px; padding-bottom:0px; }
#footer { margin-bottom:40px; }
#footer-navigation { color:#748491; font-size:11px; text-align:center; margin:20px 0px; }
#footer-navigation a { color:#748491; text-decoration:none; }
#footer-navigation a:hover { text-decoration:underline; }
#copyright { text-align:center; font-size:11px; color:#748491; }
#copyright a { color:#748491; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }

h1 { font-family: Times New Roman; font-size:18px; font-weight:normal; margin-top:5px; color:#868C6A; text-transform:uppercase;}
h2 { font-family: Times New Roman; font-size:17px; color:#4B6387; margin:10px 0px; padding:10px 0px; border-top:1px solid #D5DADE; border-bottom:1px solid #D5DADE; }
h4 { color:#0065B2; font-size:12px; margin-bottom:0px; padding-bottom:0px; }

.association  { text-align:center; margin-top:10px; }
.association img { border-width:0px; margin-top:10px; }

.bio-list { margin-top:10px; font-size:12px; }
.bio-list .bio-item { float:left; margin:12px; text-align:center; width:130px; height:200px; }
.bio-list .bio-item img { border: 1px solid #AAA; }

#bio-photo { float:left; width:160px; text-align:center; }
#bio-photo img { border: 5px solid #ECF2F8; margin:5px; }
#bio-photo ul { list-style-type: none; margin:0px; padding:0px; }
#bio-photo ul li { margin-top:5px; font-size:14px; }
#bio-detail { float:left; margin-left:15px; width:450px; }
#bio-detail h1 { margin-bottom:0px; padding-bottom:0px; }
#bio-detail h2 { border-width:0px; font-style: italic; font-weight:normal; margin:0px; padding:0px; margin-top:5px;}
#bio-detail h3 { background-color: #ECF2F8; padding:5px; font-size:14px; margin-top:0px; }
#bio-content { margin-top:20px; }
#bio-email { margin-top:20px; }
#bio-email-wrapper { border:1px solid #BCC2C8; }
.toggle-button { background-color: #ECF2F8; width:120px; border:1px solid #ECF2F8; margin-top:10px; height:30px; cursor:pointer; }

.pretty-form { padding:10px;  }
.pretty-form tr {}
.pretty-form .label { width:105px; font-size:12px; font-weight:bold; text-align:right; }
.pretty-form .extra-wide { width:170px; }
.pretty-form .label-text { font-size:12px; font-weight:bold; }
.pretty-form .right { text-align:right; }
.pretty-form .alternate { background-color: #fafafa; }
.pretty-form input { padding:4px; border:1px solid #b1b1b1; background:url(/image/input-background.gif) no-repeat top left; vertical-align:middle; font-size:12px;}
.pretty-form input.checkbox, .pretty-form span.checkbox input { border-width:0px; }
.pretty-form select { padding:3px; font-size:13px; }
.pretty-form textarea {padding:4px; border:1px solid #c4c4c4; vertical-align:middle; font-size:12px;}
.pretty-form label:hover {border-bottom:1px dashed #ccc; cursor:pointer;}
.pretty-form input.button { background:none; background-color:#EFEFEF; }
#success, .success { padding:10px; border:1px solid #007700; background-color: #EEFFEE; font: 12px Arial; color:#007700; margin:10px 0px; }
#error { padding:10px; border:1px solid #770000; background-color: #FFEEEE; font: 12px Arial; color:#770000; margin:10px 0px; line-height:18px; }
.required { color:#FF0000; font-size:14px; }