/* SET BODY ATTRIBUTES */ body {font: 13px/1.4em Arial, Helvetica, sans-serif; line-height:16px; color:#000; background-image:url(/images/fullbg.jpg); margin-top:0; padding:0;} * {margin:0; padding:0;} /* SITE STRUCTURE ------------------------------------------------------------- ---------------------------------------------------------------------------*/ #WRAPPER {width:850px; margin:-1px auto; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;} #sectionDivider {} #contentarea {width:812; margin:0; background-color:#C48853; background-image:url(/images/contentarea.gif); background-repeat:repeat-y;} #subcontentarea {width:850; margin:0; background-color:#C48853; background-image:url(/images/scontentarea.gif); background-repeat:repeat-y;} /* HEADER --------------------------------------------------------------------------- ---------------------------------------------------------------------------------------*/ #HEADER {background-image:url(/images/head.jpg); background-repeat:no-repeat; height:177px;} #Adspace {width:500px; margin:8px 0 0 35px;} /* Top Navigation -------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------*/ #Topnav {float:right; margin:152px 0 0 0;} /* the horizontal menu starts here */ div#Topnav {width:812px; font-size:16px; font-weight:bold; color:#FFF;} div#Topnav ul {margin:0;/* indents ul from edge of container */} div#Topnav li {float:right; list-style-type:none; padding:0 3px 0 0;} /*the first vertical line on the menu */ div#Topnav li:first-child {} /*sets the background of the menu items */ div#Topnav li:hover {} div#Topnav a {display:block; padding:0 20px 0 0; text-decoration:none; color:#fff;} div#Topnav a:hover {color:#C48853;} /* the horizontal menu ends here */ /* CONTENT -------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------*/ #MainContent {float:left; display:inline; width:570px; margin:-1px 0 10px 0; background-color:#fff;} #MainContent h1 {margin:0; font-size:20px; color:#000; font-weight:bold; text-align:center; margin-top:20px;} #MainContent h2 {margin:0; font-size:15px; color:#CC6633;} #MainContent h3 {margin:0; font-size:12px; color:#C48853;} #MainContent p {font-size:13px; margin:20px 10px 30px 20px; color:#000} #MainContent a, #MainContent a:link, #MainContent a:visited {color:#68370E; text-decoration:none;} #MainContent a:hover, #MainContent a:focus, #MainContent a:active {color:#0F2C3C; text-decoration:underline;} #SubContent {float:left; display:inline; display:inline; width:830px; margin:-1px 10px 10px; background-color:#fff;} #SubContent h1 {margin:0; font-size:20px; color:#C48853; font-weight:bold; margin:10px 0 10px; text-align:left;} #SubContent h2 {margin:0; font-size:13px; color:#003333;} #SubContent h3 {margin:0; font-size:12px; color:#C48853;} #SubContent h4 {margin:0; font-size:22px; color:#C48853; font-weight:bold; margin-top:10px; text-align:center;} td.btm {border-bottom:1px solid #C48853;} table.center {width:720; border:0; margin-left:50px; margin-right:50px; text-align:left; vertical-align:top;} .prdbold {margin:0; font-size:13px; font-weight:bold; color:#003333;} .orgbold {margin:0; font-size:13px; font-weight:bold; color:#C48853;} .beatclkbld {font-size:13px; margin:0; text-align:center; font-weight:bold; color:#003333;} .beatclktxt {font-size:13px; margin:0; text-align:center; color:#000;} .event {font-size:13px; margin:0; text-align:left; font-weight:bold; color:#993300;} #SubContent p {font-size:13px; margin-top:10px; margin-left:20px; color:#000;} #SubContent a, #SubContent a:link, #SubContent a:visited {color:#C48853; text-decoration:underline;} #SubContent a:hover, #SubContent a:focus, #SubContent a:active {color:#0F2C3C; text-decoration:underline;} /* Calendar -------------------------------------------------------------------- --------------------------------------------------------------------------------------- */ #calendar {width:740; background-color:#688988; margin-left:50px; margin-right:50px; text-align:center; vertical-align:top;} #calendar td {border:1px solid #F9E2C2;} #calendar p {font-size:13px; margin-top:10px; margin-left:20px; color:#000; text-align:center;} #calendar a, #calendar a:link, #calendar a:visited {color:#C48853; text-decoration:underline; text-align:center;} #calendar a:hover, #calendar a:focus, #calendar a:active {color:#0F2C3C; text-decoration:underline; text-align:center;} .maintxtwht {font:11px; color:#FFFFFF; text-align:center;} .calnum {font:10px; color:#FFFFFF; font-weight:bold; text-align:right;} /* GOOGLE CAL -------------------------------------------------------------------- --------------------------------------------------------------------------------------- */ #goowrap {width:750px; margin:20px auto;} /* RIGHT SIDE BAR -------------------------------------------------------------------- --------------------------------------------------------------------------------------- */ #Rightside {float:right; display:inline; width:350px; text-align:left; border:1px solid #333; margin:30px 10px 0 10px; } #Rightside h1 {font-size:18px; font-weight:normal; color:#4c6faa;} #Rightside p {font-size: 11px; line-height:12px; font-weight:normal; color:#FFFFFF; margin:15px 10px 5px 10px;} /* LEFT SIDE BAR -------------------------------------------------------------------- --------------------------------------------------------------------------------------- */ #Leftside {float:left; display:inline; width:256px; height:442px; text-align:left; background-color:#fff; margin:-1px 10px 15px 8px;} #Leftside p {font-size:13px; font-weight:normal; color:#000; margin:5px 10px 20px 10px; text-align:left;} #Leftside a, #Leftside a:link, #Leftside a:visited {color:#68370E; text-decoration:none;} #Leftside a:hover, #Leftside a:focus, #Leftside a:active {color:#0F2C3C; text-decoration:underline;} #Leftside h2 {font-size:10pt; font-weight:bold; color:#68370E; margin:10px 10px 2px 10px; text-align:left;} #Leftside h3.month {background:url(/images/thismth.jpg) no-repeat top left; margin:0; width:256px; height:36px;} #Leftside h3.events {background:url(/images/events.jpg) no-repeat top left; margin:0; width:256px; height:36px;} #Leftside h3.special {background:url(/images/special.jpg) no-repeat top left; margin:0; width:256px; height:36px;} /* FOOTER ---------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------*/ #Footer {width:850px; font-size:11px; font-weight:normal; color:#FFF; background-color:#A7571A; border-top:1px solid #fff; text-align:right;} #Footer p {font-weight:normal; color:#fff; padding:10px 10px 0;} #Footer a, #Footer a:link, #Footer a:visited {color:#fff; text-decoration:none;} #Footer a:hover, #Footer a:focus, #Footer a:active {color:#68370E; text-decoration:none;} #Footer h3 {font-size:9pt; font-weight:normal; color:#B9723A; padding:0 10px 10px 0;} #Footer h3 a, #Footer h3 a:link, #Footer h3 a:visited {color:#B9723A; text-decoration:none;} #Footer h3 a:hover, #Footer h3 a:focus, #Footer h3 a:active {color:#B9723A; text-decoration:none;} .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}