/* CSS Document */

table.contentpaneopen {width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px;}
table.contentpane td {margin: 0px; padding: 0px;}
.inputbox {padding: 2px; border:solid 1px #cccccc; background-color: #ffffff;}
.contentpagetitle {font-size: 13px; font-weight: bold; color: #cccccc; text-align:left;}
table.searchinto {width: 100%;}
table.searchintro td {font-weight: bold;}
table.moduletable {width: 100%; margin-bottom: 5px; padding: 0px; border-spacing: 0px; border-collapse: collapse;}
table.moduletable th {color: #666; text-align: left; padding-top: 4px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase;}
table.moduletable td {font-size: 11px; padding: 0px; margin: 0px; font-weight: normal;}
.sectiontableheader {font-weight: bold; background: #f0f0f0; padding: 4px;}
.sectiontableentry1 {background-color : #fff;}
.sectiontableentry2 {background-color : #f9f9f9;}
.small {font-size: 11px; font-weight: bold;}
.createdate {height: 15px; padding-bottom: 10px; color: #999; font-size: 11px; font-weight: bold;}
.modifydate {height: 15px; padding-top: 10px; color: #999; font-size: 11px; font-weight: bold; }
table.contenttoc {border: 1px solid #ccc; padding: 2px; margin-left: 2px; margin-bottom: 2px;}
table.contenttoc th {color: #666; text-align: left; padding-top: 2px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase;}
a.mainlevel {display: block; vertical-align: middle; color: #1a538f; text-align: left; text-decoration: none; font-size: 14px; margin-top: 10px;}
a.mainlevel:hover {color: #000;}
a.sublevel:link, a.sublevel:visited {padding-left: 1px; vertical-align: middle; font-size: 11px; font-weight: bold; color: #f60; text-align: left;}
a.sublevel:hover {color: #fc0; text-decoration: none;}
h1, .componentheading {color: #1a538f; font-size: 18px; margin-top: 0; font-weight: bold; text-align: left;}
.contentheading {display: none;}
.moduletable th {display: none;}

html {height: 100%; margin-bottom: 1px;}
body {margin: 0; padding: 0; background-color: #fff; color: #000; text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 14px;}
/* for browsers that don't properly implement inheritance */
p, li, ul, ol, textarea, input, select {font-family: Verdana, Helvetica, sans-serif; font-size: 14px;}
p, li, ul, ol {text-align: left; }
img {border: 0;}
td {vertical-align: top; padding: 0; margin: 0; text-align: left;}
form {margin: 0; padding: 0;}

p, h1, h2, h3 {margin: 1em 0; text-align: left;}
h1 {font-size: 18px; margin-top: 0;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 12px;}

a {color: #33c;}
a:hover {text-decoration: none;}

.left {float: left; margin: 0 10px 10px 0;}
.center {text-align: center;}
.right {float: right; margin: 0 0 10px 10px;}
.caption {font-size: 10px; text-align: center;}
.border {border: 1px solid #333;}
.alt {display: none;}
.contact {color: #c00;}
#contact-table td {padding: 0 3px 3px 0;}

#main {width: 713px; margin: 0 auto; position: relative;}
#photos {margin-bottom: 10px; }
#content {margin-left: 205px; background: url(/images/content-background.gif) repeat-y;}
#content2 {background: url(/images/content-bottom.gif) no-repeat bottom; padding: 1px 20px 20px 20px; height: 100%;}

#nav {position: absolute; top: 235px; left: 0; width: 195px; background: url(/images/nav.gif) repeat-y;}
#nav1 {background: url(/images/nav-top.gif) no-repeat;}
#nav2 {background: url(/images/nav-bottom.gif) no-repeat bottom; padding: 1px 18px; height: 100%;}
#footer, #synotac {text-align: center; color: #666; margin: 1em 0;}
#synotac a {color: #666;}