/*  
CSS Code and Design copyright 2007 to Sullivan+Wolf Design. All Rights Reserved. 
Copying and/or re-using this code, its sub-code or derivatives without written permission is a violation of copyright law.
Visit us at SullivanandWolf.com
 */


a, p, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, td, body, html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #47538A; }
*html a, p, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, td, body, html { }
body { padding: 0px; margin: 0px; background-color: #ffffff; background-image: url(../bg.gif); background-position: left top; background-repeat: repeat-x; }
p { font-size: 100%; }
h1 { font-size: 160%; font-weight: bold; color: #47538A; margin-bottom: 6px; }
h2 { font-size: 140%; margin-top: 6px; margin-bottom: 6px; padding-left: 12px; color: #000000; }
h3 { font-size: 120%; color: #666666; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }
ul { list-style-type: square; }
li { font-size: 100%; }
td { }
sup { padding-top: 4px; }
input, textarea { padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 3px; }
textarea { overflow: auto; }
input, select { vertical-align: middle; }
div { margin: 0px; }
/*Layout */

/* CSS Document */
#container { width: 100%; border-top-width: 14px; border-top-style: solid; border-top-color: #000000; }
#masthead { width: auto; height: 100px; text-align: left; display: block; }
#masthead h1 { margin-top: 48px; margin-left: 220px; float: left; display: inline; text-align: left; height: auto; width: auto; }

#topnav { background-image: url(../topnav-bg.gif); background-repeat: repeat-x; text-align: left; vertical-align: bottom; /*was top*/ height: 22px; width: auto; display: table; background-position: center top; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 36px; }
#topnav img { vertical-align: middle; }
#topnav a { font-family: Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #47538A; height: auto; width: auto; padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 6px; text-decoration: none; }
#topnav a:hover { color: #FFFFFF; background-color: #CF6C1A; }

.inputDiv, .inputDiv input {margin-bottom: 12px; font-size: 120%; vertical-align:middle;}
.inputKey {display:block; float: left; width: 80px;}

#middle { margin-bottom:12px; width: 840px;/*	margin-left: 136px;*/ }
#footer { background-color: #FFFFFF; background-image: url(../bg-footer.gif); height: 72px; background-repeat: repeat-x; background-position: left top; float: left; display: block; width: 100%; overflow: visible; white-space: nowrap; }
#footerlogo { margin-left: 16px; margin-top: 13px; }
#footerright { width:auto; text-align: center; margin-top: -12px; display:block; padding-left: 150px; }
#footerleft { float:left; width:300px }
#copycolumn { display: table; margin: 0px; padding: 0px; height: auto; display: block; float:left; text-align: left; }
#copycolumn img { margin: 0px; padding: 0px; }
#content { width: 560px; text-align: left; background-image: url(../copy-bg.gif); background-repeat: repeat-y; margin-top: -15px; margin-right: 0px; margin-bottom: -12px; margin-left: 0px; min-height:460px; padding-right: 24px; padding-left: 24px; background-color: #FFFFFF; }
*html #content { Xwidth: 608px; }
#copybottom { background-image: url(../copy-bottom.gif); background-repeat: no-repeat; margin: 0px; height: auto; Xwidth: 608px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left; }
#leftcolumn { height: auto; width: 179px; z-index: 2; float: left; margin-top: 48px;/*	margin-right: -179px;*/ }
#buildbench { background-image: url(../buildbench.png); background-repeat: no-repeat; height: 142px; width: 179px; margin-top: 12px; margin-bottom: 12px; vertical-align: bottom; font-size: 10px; text-align: center; }
#buildbench a { width: 120px; display: block; padding-top: 100px; text-align: right; margin-left: 30px; }
#sidenav { background-color: #FFFFFF; width: 179px; background-image: url(../sidenav-bg.jpg); background-repeat: repeat-y; background-position: left bottom; padding: 0px; height: auto; text-align: left;/*	position: relative;
	left: -179px;
	z-index: 2;
	top: 16px;
	float: left;
	margin-right: -179px;*/ }
#sidenavtop { background-image: url(../sidenav-top.gif); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 32px; width: 179px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #47538A; }
#sidenavbottom { background-image: url(../sidenav-bottom.gif); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 11px; width: 179px; background-color: #FFFFFF; }
#sidenavbottom img { margin: 0px; }
.sidenavheader { padding-top: 10px; margin-left: 6px; display: block; height: auto; width: auto; padding-left: 6px; }
#logo { vertical-align: middle; position: absolute; left: 22px; top: 21px; z-index: 1; }
#bottomnav { padding: 0px; width: auto; display: inline; margin-left: 36px; background-repeat: repeat-x; background-position: left top; }
#bottomnav img { vertical-align: middle; }
#bottomnav a.bottomnav { padding-top: 4px; padding-bottom: 5px; }
#searcharea { float: right; height: auto; width: auto; margin-top: 12px; margin-right: 24px; margin-bottom: 0px; font-size: 90%; display: inline; }
#sw { float: right; }
#sw a { font-size: .8em; color: #666666; text-decoration: none; margin-right: 24px; }
a { font-size: 100%; }
a:link { /*	text-decoration: none;*/
	color: #273EA9; }
a:visited { /*	text-decoration: none;*/
	color: #47538A; }
a:hover { text-decoration: none; color: #FF6600; }
a.nolines { text-decoration: none; }
a.whitelinks:link, a.whitelinks:visited { color: #FFFFFF; }

#sidenav a { display: block; clear: right; width: auto; height: auto; color: #47538A; margin-bottom: 1px; text-decoration: none; }
#sidenav a.level1 { font-weight: bold; font-size: 10px; display: block; width: auto; padding-top: 1px; padding-bottom: 1px; padding-right: 4px; padding-left: 16px; margin-left: 1px; }
#sidenav a.level2 { font-size: 9px; display: block; width: auto; padding-top: 1px; padding-bottom: 1px; padding-right: 4px; padding-left: 24px; margin-left: 1px; }
*html #sidenav a.level2 { font-size: 9px; }
#sidenav a:hover { color: #FFFFFF; background-color: #CF6C1A; }
a.bottomnav { font-family: Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #47538A; background-image: url(../bottomnav-bg.gif); padding-right: 6px; padding-left: 6px; background-repeat: repeat-x; background-position: center bottom; text-decoration: none; }
a.orangetext:link, a.orangetext:visited { color: #CC610A; text-decoration: none; }
.rowHEADER { color: #FFFFFF; background-color: #000000; padding-left: 6px; font-weight: bold; }
.rowHEADERsmall { color: #FFFFFF; background-color: #000000; padding-left: 6px; font-weight: bold; font-size: 60%; }
.rowHEADERbgrad { color: #000000; background-color: #BFD5FF; padding-left: 6px; font-weight: bold; background-image: url(../bottomnav-bg.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 11px; margin: 0px; height: 21px; width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; display: table-cell; vertical-align: middle; }
.rowHEADERorangegrad { color: #000000; background-color: #FFB372; padding-left: 6px; font-weight: bold; background-image: url(../bg-orangegrad.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 11px; margin: 0px; height: 21px; width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; display: table-cell; vertical-align: middle; }
.rowHEADERgreengrad { color: #000000; background-color: #8CE8A1; padding-left: 6px; font-weight: bold; background-image: url(../bg-greengrad.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 11px; margin: 0px; height: 21px; width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; display: table-cell; vertical-align: middle; }
.rowHEADERsilvergrad { color: #000000; background-color: #CCCCCC; padding-left: 6px; font-weight: bold; background-image: url(../bg-silvergrad.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 11px; margin: 0px; height: 21px; width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; display: table-cell; vertical-align: middle; }
.rowHEADERyellowgrad { color: #000000; background-color: #EAED01; padding-left: 6px; font-weight: bold; background-image: url(../bg-yellowgrad.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 11px; margin: 0px; height: 21px; width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; display: table-cell; vertical-align: middle; }
.rowFIRST { background-image: url(../input-shadow.gif); background-repeat: no-repeat; background-position: -6px 0px; }
.rowA { color: #000000; background-color: #FFFFFF; padding-left: 4px; }
.rowAsmall { color: #000000; background-color: #FFFFFF; padding-left: 4px; font-size: 60%; }
.rowB { color: #000000; background-color: #CED6FC; padding-left: 4px; }
.rowC { color: #000000; height: 2px; display: block; }
.tableLINES { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C0C0C0; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; }
.tableLINES2 { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CED5FD; border-right-color: #CED5FD; border-bottom-color: #CED5FD; border-left-color: #CED5FD; background-color: #CED5FD; }
.tablelines3 { border: 1px solid #CED6FC; background-color: #FFFFFF; }
.copyright { font-size: 80%; color: #666666; padding-left: 16px; }
.inputbox { background-image: url(assets/input-shadow.gif); background-repeat: no-repeat; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #666666; font-size: 100%; }
.smalltext { font-size: 80%; }
.orangetext { color: #CC610A; }
.redtext { color: #FF0000; }
.callout { background-color: #FFFF99; background-color: #CCCCCC; display: block; padding: 12px; height: auto; width: 80%; border: 1px solid #000000; margin-bottom: 16px; font-weight: bold; color: #333333; background-image: url(../bg-callout.jpg); background-repeat: repeat-y; background-position: center top; }
.calloutoption { background-color: #FFFF99; height: 22px; width: 22px; border: 1px solid #000000; font-weight: bold; color: red; margin: 1px; vertical-align: middle; display: block; text-align: center; padding: 2px; }
.hspace12 { margin:10px; }
.hspace6 { margin-right: 6px; margin-left: 6px; }
.thumbs { height: 210px; width: 160px; border: 1px solid #333333; text-align: center; margin-top: 8px; margin-right: 8px; overflow: hidden; background-image: url(../bg-th.gif); background-repeat: repeat-y; background-position: center top; float:left; }
.thumbs img { vertical-align: middle; border: 1px solid #333333; }
.thumbs a { text-decoration: none; }
.thumbgroup { display:table; height:auto; width:510px; border: 1px solid #4853A0; padding-top: 2px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; margin: 0px; }
*html .thumbgroup { width:536px; }
.thumbgroup2 { margin: 0px; text-align: left; padding-top: 4px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; color: #FFFFFF; background-color: #666666; width:530px; }
*html .thumbgroup2 { width:536px; }
.tdleftrule { border-left-width: 1px; border-left-style: solid; border-left-color: #CED6FC; }
.nosee { display: none; }
.noprint {  }
.tableLINES {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=140, Strength=3); background-color: #CCCCCC; }
.photos {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=140, Strength=3); border: 1px solid #000000; }
.searchbox {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=140, Strength=3); font-weight: bold; font-size: 80%; }
