/* Yahoo's global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0 }
table {border-collapse:collapse; border-spacing:0 }
fieldset, img {border:0 }
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal }
ol, ul, li {list-style:none }
caption, th {text-align:left }
h1, h3, h5, h5, h6 {font-size:100% }
a{text-decoration:none;}
q:before, q:after {content:''}	

html{position: relative;height: 100%; background: transparent url(../images/bodypurplestrip.jpg) repeat-x 0 0;}
body{font: 9pt Verdana, Arial, Helvetica, sans-serif; line-height: 14pt; color: #666;min-height: 100%;height: 100%;}

/*Navigation*/
ul#mainNavigation{position: absolute; height: 112px; width: 300px;top: 0; margin: 5px 0 0 480px; padding: 0;}
ul#mainNavigation li{list-style: none; float: left; margin: 0 1px;}
ul#mainNavigation li a{display: block;outline:none;/*Removes dotted outline in Firefox*/color: #a196bb;padding: 50px 8px 5px 8px; font: bold 12pt "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; letter-spacing: -.5pt;}
ul#mainNavigation li a:hover{background: url(../images/navigationhoverbg.gif) no-repeat center 0; color: #685491; }
ul#mainNavigation li.selected a:hover{background: none;}
ul#mainNavigation li.selected{/*background-color: #a196bb;*/background: url(../images/navigationselectedbg.gif) no-repeat center 0;}
ul#mainNavigation li.selected a{/*color: #fff;*/color: #685491;}

/*Main layout and positioning*/
#wrapper {position:absolute; width: 100%; text-align: left; min-height: 100%;height: auto !important; height: 100%;}
#contents {margin: 0 auto; width: 768px; padding: 0 1em 80px 1em;}
img#bodybg{position: fixed; width: 20%; left: 0; top: 5px; z-index: 4;}
.hidden{text-indent: -9999px;}
div#mainContent {padding: 10px 20px 150px 180px;}
div#mainContent div#pageIntro{position: relative; top: 20px; width: 588px; height: 265px;}
img#mainImage{position: absolute;z-index: 3;right: -10px; top: 10px;}

/*Main content styles*/
div#mainContent a{border: 0 dotted #685491;border-bottom-width: 1px; color: #685491;}
div#mainContent p{margin: 5px 0 15px 0;}
div#mainContent p.documentationDownload{height: 50px;width: 280px;background-color: #f4f4f4;border: 1px solid #ddd;/*background: #f4f4f4 url(../images/documentbg.gif) no-repeat bottom right;*/ padding: 4px;}
div#mainContent p.documentationDownload img, div#mainContent p.documentationDownload a{display: block; float:left; margin: 5px;}
div#mainContent ul{margin: 10px 0 15px 30px;}
div#mainContent li{list-style: disc;}
div#mainContent img.sidePhoto{float: left; margin: 3px 0 0 -180px;}

/*Heading styles*/
div#mainContent h1 a{position:relative;display:block;z-index: 5;border: 0;text-indent: -9999px; color: #fff; width: 284px; height: 86px; margin: 15px 0 -50px -180px; background: url(../images/sianbryantlogo.gif) no-repeat;}
div#mainContent h2.introTextHeading{position: relative;z-index: 4;width: 400px; top:80px; left:-180px;line-height: 16pt; overflow: hidden;}
div#mainContent h4.introTextIntro{position: relative;z-index: 4;width: 400px; top:80px;left:-180px; margin-top: 5px; overflow: hidden;}
div#mainContent h3{margin: 25px 0 15px -180px; font: normal 13pt Verdana, Arial, Helvetica, sans-serif;letter-spacing: -.5pt; color: #685491;}

/*Footer and contents*/
#footer {width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; height: 180px; background: #685491 url(../images/footer.jpg) repeat-x 0 0;}
#footerContents {padding: 0 1em; margin: 0 auto;width: 768px; height: 180px;background: #685491 url(../images/footer.jpg) repeat-x 0 0;}/*Add footer bg to allow browser to scroll vertically without cutting off image*/
#footerContents div#info{position: relative; left: 10px; top: 70px; font: 9pt "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; color: #dad4e3;}
#footerContents div#info a{color: #dad4e3; border: 0 dotted #a196bb;border-bottom-width: 1px;}
#footerContents div#info a.linkableObjects{border: none; position: relative; top: 15px;}
#footerContents span.contactInfo{color: #a196bb;}