/* global properties ***********************************************************************/ * {padding:0; margin:0; outline:none; font-family:Georgia, Times New Roman, serif; border:none; outline:none} body {position:relative; font-size:12px; color:#ffffff; background:url(../images/body_background2.jpg)100% 0 fixed; text-align:center; height:100%;} html {position:relative; height:100%; background-color:#4d3d2c; background:url(../images/body_background2.jpg)100% 100% fixed;} a{color:#c17818; text-decoration:underline;} a:hover{color:#ffffff; text-decoration:none;} p {line-height:13px; padding: 0 15px 10px 15px;} tr {line-height:18px; } td {font-size:13px;} sup{color:#c17818;} h2{font-size:14px; color:#c17818;} div {padding:0;} ul { padding-left:22px; } li { /*list-style-image:url(../images/bullet.png);*/ /*line-height:20px;*/ line-height:16px; list-style-image:url(../images/bullet.gif); list-style-position:outside; } /* common class ***********************************************************************/ .clear{clear:both; height:0;} .hide{display:none;} /* common properties ***********************************************************************/ #headerContainer{margin: 0 auto; width:951px;} #bodyContainer{ margin: 0 auto; padding:0; width:951px; height:auto;} #bodyContainer #mainBody{text-align:left; margin: 0 auto; padding:0; width:951px; height:auto;} #bodyContainer #mainBody .main{width:951px; height:100%; padding:0;} #bodyContainer #mainBody .bgLeft{float:left; width:31px; height:747px;} #bodyContainer #mainBody .bgRight{float:right; width:20px; height:747px;} #bodyContainer #mainBody .bgLeftMenu{float:left; width:31px; height:895px;} #bodyContainer #mainBody .bgRightMenu{float:right; width:20px; height:895px;} #bodyContainer #mainBody .photoArea{ background:url(../images/body_background.jpg) repeat-y;float:left; width:900px; height:747px;} #bodyContainer #mainBody .menuArea{ float:left; width:900px; height:895px;} #bodyContainer #mainBody .eventsArea{ } #bodyContainer #events{text-align:left; margin: 0 auto; padding:0; width:951px;} #bodyContainer #events .photoArea{ background:url(../images/body_background.jpg);float:left; width:900px; height:747px;} #bodyContainer h1{font-size:13px; color:#c17818;} #bodyContainer #eventsColumn1 p{padding-left:0;} #bodyContainer #eventsColumn2 p{padding-left:0;} #container .portfolioHeader{background:url(../images/header_portfolio.gif) no-repeat; width:951px; height:63px; } #container .portfolioDetailHeader{background:url(../images/header_portfolio_detail.gif) no-repeat; width:951px; height:63px; } #directionsContent{background:url(../images/body_background.jpg) repeat-y;float:left; width:900px; height:747px; } #directionsContent .column1{float:left; padding-left:20px; width:415px;} #directionsContent .column2{ float:right; padding-left:10px; padding-right:40px; width:415px;} #directionsContent p{padding:0 10px; line-height:15px; margin-bottom:2px;} #directionsContent h1{font-size:14px; padding-left:10px;} #directionsContent ul { padding-left:24px; } #directionsContent li { list-style-image:url(../images/bullet.gif); list-style-position:outside; margin-bottom:1px !important 8px; } #eventsContent {background:url(../images/body_background_menu.jpg);float:left; width:900px; height:890px; } #eventsContent .column1 {float:left; padding-left:38px; width:415px;} #eventsContent .column2 {float:right; padding-left:10px; padding-right:20px; width:415px;} #eventsContent h1 {color:#CCCCCC;} #homeContent { } #aboutContent {background:url(../images/body_background.jpg);float:left; width:900px; height:747px; } #boxes{width:900px; height:300px;} #boxes .box1{float:left; padding-left:18px; height:300px; width:278px;} #boxes .box1 div {background:url(../images/box_border_bottom1.png) no-repeat; width:278px; height:90px;} #boxes .box1 p{width:250px; padding:0 15px 0 15px;} #boxes .box2{float:left; padding-left:8px; height:300px; width:280px;} #boxes .box2 div {background:url(../images/box_border_bottom2.png) no-repeat; width:278px; height:90px;} #boxes .box2 p{width:250px; padding:0 15px 0 15px;} #boxes .box3{float:left; padding-left:8px; height:300px; width:281px;} #boxes .box3 div {background:url(../images/box_border_bottom3.png) no-repeat; width:278px; height:90px;} #boxes .box3 p{width:250px; padding:0 15px 0 15px;} #headerRed{width:951px; height:33px; padding:30px 0 0 0; float:left; text-align:center; clear:both;} #headerRed ul{ width:951px; padding:0;} #headerRed li{display:inline; padding:0; } #aboutOver{ background:url(../images/menu_home_over.gif); background-repeat:no-repeat; width:60px; height:33px;} /************************footer**************************************************/ #footer {clear:both; background:url(../images/footer_background.png); background-repeat:no-repeat; width:951px; height:71px; text-align:center; position:relative; padding-left:10px; padding-top:0;} #footer p{font-size:11px; color:#c17818; text-align:center;} #footer a{color:#fff; text-decoration:underline; padding:0 5px;} #footer a:hover{text-decoration:none;} #footer #footerText { float:left; vertical-align:middle; text-align:center; padding: 31px 0 0 30px; } /******************************form****************************************/ .contactForm {float:right; padding-left:10px; padding-right:40px; width:415px;} .contactForm p {line-height:13px; padding: 0;} form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */ font:100% arial,sans-serif; margin: 0; padding: 0; min-width: 500px; max-width: 600px; width: 540px; } form p {padding-bottom:10px; } form fieldset { /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ /* border-color: #1f1f1f; border-width: 1px; border-style: solid;*/ padding: 0; /* padding in fieldset support spotty in IE */ margin: 0; } form fieldset legend { font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border */ } form label { display: block; /* block float the labels to left column, set a width */ float: left; width: 100px; padding: 0; margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */ text-align: left; } form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */ text-decoration:underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */ } form input { /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */ background-color:#1f1f1f; color:#fff; border:1px solid #696969; width:237px; /* set width of form elements to auto-size, otherwise watch for wrap on resize */ height:16px; margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */ } form textarea { /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */ background-color:#1f1f1f; color:#fff; border:1px solid #696969; width:237px; height:100px; margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */ } form input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */ } form input#submit { padding-top:22px; margin-left:168px; /* set margin-left back to zero on reset button (set above) */ width:81px; height:32px; border:none; background:none; } textarea { overflow: auto; } form small { display: block; margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */ padding: 1px 3px; font-size: 88%; } form .required{font-weight:bold;} /* uses class instead of div, more efficient */ form br { clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */ }#hours { text-align: center; margin: 10px; }