html, html * { font-size: 14px; line-height: 17px; }

body { color: #6a6956; font-family: Century Gothic, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center; margin: 0; padding: 0; list-style: circle; list-style-position: inside; background-color: #0080b6; }

div#body { width: 100%; margin: 0; padding: 0; background-image: url(../graphics/westlake_bg.jpg); }

div#container { position: relative; width: 1020px; margin: 0 auto; padding: 0px; }

div#logo { position: relative; text-align: left; z-index: 10; }

div#logo img.logo { margin-left : 40px; margin-top : 10px; }

div#site { text-align: right; position: absolute; right: 40px; z-index: 100; }

div#imageLeft { position: absolute; left: 640px; top: 87px; z-index: 20; }

div#imageRight { position: absolute; left: 789px; top: 43px; z-index: 15; }

div#menu { position: relative; z-index: 100; text-align: left; letter-spacing: -.01ex; padding: 30px 35px 0; }

div#header { position: relative; text-align: center; }

div#headerTop { position: relative; width: 1020px; text-align: center; z-index: 5; }

div#headerMasthead { position: absolute; left: 30px; height: 238px; overflow: hidden; text-align: center; z-index: 0; }

div#foundingMembers { background-image: url(../graphics/westlake_10.gif); background-repeat: no-repeat; padding: 25px 10px 15px; }

td.main { padding: 20px 30px 45px 35px; }

td#spotlight { padding: 50px 0; }

td.rightMenu { padding: 50px 45px 50px 10px; }

div#footer { width: 100%; margin: 0; padding: 0; }

div#footerContainer { position: relative; width: 1020px; margin: 0 auto; padding: 0px; }

div#stripe { position: absolute; top: -14px; }

div#footerContainer td.main * { color: #fff; font-size: 11px !important; line-height: 17px; padding-right: 0; }

div#footerContainer td.rightMenu { padding: 12px 40px 20px 0; }

div#footerContainer td.rightMenu * { color: #65a8c4; font-size: 11px; line-height: 17px; }

/* start styles for dropdown menus */

td.menuoff3, td.menuon3 { padding: 10px 15px 9px 10px; }

#menu td, #menu table span { font-family: Trebuchet MS,Verdana,Arial,Helvetica; font-size: 12px;}

/* start styles for font tags */

address { margin: 0px; padding: 0px; }

b, strong { font-weight: bold; }

small { font-size: 75%; }

p { color: #6a6956; font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 10px; }

/* UPDATED BY CDL 9/14/10 2:57pm  */
/*	h1 { color: #0056a7; font-size: 20px; line-height: 30px; font-weight: bold; margin: 0; padding: 5px 0 10px; } */

h1 { color: #0056a7; font-size: 20px; line-height: 23px; font-weight: bold; margin: 0; padding: 0px; }

h1zz { color: #0056a7; font-size: 20px; line-height: 30px; font-weight: bold; margin: 0; padding: 5px 0 10px; }

h2 { color: #272e27; font-size: 16px; line-height: 20px; font-weight: normal; margin: 0; padding: 5px 0 10px; }

h2.blog { color: #0056a7; font-size: 16px; line-height: 10px; font-weight: bold; margin: 0; padding: 10px 0 30px;  }

h2.blogzz { color: #0056a7; font-size: 16px; line-height: 20px; font-weight: bold; margin: 0; padding: 5px 0 10px; }

h3 { color: #212821; font-size: 14px; line-height: 18px; font-weight: normal; text-transform: uppercase; margin: 0; padding: 5px 0 10px; }

h4 { color: #000; font-size: 14px; line-height: 17px; font-weight: normal; margin: 0; padding: 5px 0; }

h5 { color: #000; font-size: 14px; line-height: 16px; font-weight: normal; margin: 0; padding: 5px 0; }

h6 { color: #000; font-size: 14px; line-height: 15px; font-weight: normal; margin: 0; padding: 5px 0; }

div { margin: 0px; padding: 0px; }

/* a:link { color: #1d9a9f; text-decoration: none; font-family: Century Gothic, Helvetica, sans-serif; font-size: 14px; line-height: 17px; } */
/* a:visited { color: #1d9a9f; text-decoration: none; font-family: Century Gothic, Helvetica, sans-serif; font-size: 14px; line-height: 17px; } */
/* a:hover { color: #000; text-decoration: none; font-family: Century Gothic, Helvetica, sans-serif; font-size: 14px; line-height: 17px; } */
/* a:active { color: #000; text-decoration: none; font-family: Century Gothic, Helvetica, sans-serif; font-size: 14px; line-height: 17px; } */

a { color: #1d9a9f; text-decoration: none; font-family: Century Gothic, Helvetica, sans-serif; font-size: 14px; line-height: 17px; }


a img { border: none; }


/**/

ul { padding: 0; margin: 0 5px 10px; }

/* ul li { padding: 0; margin: 2px; } */

/* start styles for horizontal rule */

hr { border-style: none; border-top: 1px #beb18c solid; background-color: transparent; height: 0; padding: 0; margin: 10px 0; }

/* start styles for input fields */

input { color: inherit; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 3px; padding: 2px 5px; }

select { color: inherit; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 3px; padding: 2px 5px; }

textarea { color: inherit; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 3px; padding: 2px 5px; }

input.submit { cursor: pointer; color: #000; width: 75px; float: right; margin: 10px 0; }

input#submit { width: 32px; height: 28px; margin: 0; padding: 0; }

td.imgblurb img { width: 100px; height: auto; background-color: #fff; border: 1px #666 solid; }

td.blurb { padding-bottom: 15px; }

td.formheaderrow h2 {
	font-family : Helvetica,sans-serif;
	font-size : 20px;
	font-weight : bold;
}

td.formheaderrow {
	font-family : Helvetica,sans-serif;
	font-size : 14px;
}

td.formquestion2col {
	width : 40%;
	font-family : Helvetica,sans-serif;
	font-size : 12px;
}

td.formquestion4col {
	width : 20%;
	font-family : Helvetica,sans-serif;
	font-size : 12px;
}

td.formanswer2col {
	width : 60%;
	font-family : Helvetica,sans-serif;
	font-size : 12px;
}

td.formanswer4col {
	width : 30%;
	font-family : Helvetica,sans-serif;
	font-size : 12px;
}

.input, .select, .textarea {
	width : 90%;
}

/* start styles for category menubars */

div#accordion { width: 100%; background-color: transparent; }

div#accordion h3 { color: #454545; border-bottom: 1px solid #787878; font-size: 12px !important; line-height: 16px !important; text-transform: capitalize; padding: 0 0 2px 15px; }

div#accordion h3 a { color: #454545; font-size: 12px !important; line-height: 16px !important; text-decoration: none; }

div#accordion div.subitem { color: #000; font-size: 12px !important; line-height: 16px !important; padding: 3px 0 4px 24px !important; }

div#accordion div.subitem:hover a, div#accordion div.subitem:hover, div#accordion div.subitem a:hover { color: #666; }

div#accordion div.subitem a { color: #000; font-size: 12px !important; line-height: 16px !important; text-decoration: none; text-transform: capitalize; }

h3.categorymain { border-bottom: 0px dotted #8c8c8c; }

h3.categorymain, h3.categorymain a { color: #000 !important; font-size: 14px !important; line-height: 14px !important; font-weight: bold; text-decoration: none; text-transform: uppercase; }

div.categorysub { border-bottom: 0px dotted #8c8c8c; padding: 5px 0; }

div.categorysub, div.categorysub a { color: #000 !important; font-size: 12px; line-height: 16px; text-decoration: none; }

div.categorysub:hover, div.categorysub a:hover { color: #666 !important; font-size: 12px; line-height: 16px; text-decoration: none; }

div.categorysubactive { border-bottom: 0px dotted #3f3c3c; padding: 5px 0; font-size: 12px; line-height: 16px; }

div.subitemactive { border-bottom: 0px dotted #3f3c3c; padding: 5px 0; font-size: 12px; line-height: 16px; padding: 3px 0 4px 24px !important; background-color: transparent; }

div.subitemactive, div.subitemactive a { color: #000 !important; font-size: 12px; line-height: 16px; text-decoration: none; background-color: transparent; }

div.categorysubactive, div.categorysubactive a { color: #000 !important; font-size: 12px; line-height: 16px; text-decoration: none; }

div.subitemactive:hover, div.subitemactive:hover a, div.subitemactive a:hover { color: #666 !important; }

/* start styles for border with dropshadow png */

td.pictop { font-size: 0; line-height: 0; background-image: url(../graphics/pic_02.png); background-repeat: repeat-x; background-position: center top; }

td.picleft { background-image: url(../graphics/pic_04.png); background-repeat: repeat-y; background-position: left top; }

td.picmain { border: 3px #fff solid; }

td.picright { background-image: url(../graphics/pic_06.png); background-repeat: repeat-y; background-position: right top; }

td.picbottom { font-size: 0; line-height: 0; background-image: url(../graphics/pic_08.png); background-repeat: repeat-x; background-position: center bottom; }

td#featuredb, td#featuredb * { font-size: 10px; line-height : 15px; }

.blurb h4 {
	margin : 0px; padding : 0px;
}

td#featuredb a { font-size: 12px; }

/* Scroller Box */
#scroller_container {
	position: relative;
	width: 150px;
	height: 50px;
	overflow: hidden;
}

#scroller {
	white-space: nowrap;
	line-height: 50px;
 	font-size: 50px;
}

/* styles for the weather */

td#todaysweatherimg { text-align: center; vertical-align: middle; }

td#todaysweatherimg img { width: 60px; height: 60px; }

td#todaysweather { vertical-align: top; padding: 0; }

td#todaysweather p.condition { color: #000; font-weight: bold; padding: 0; }

td#todaysweather p.highs { display: inline; color: #e41c33; padding: 0; }

td#todaysweather p.lows { display: inline; color: #1d9a9f; padding: 0; }

img.featuredimg  {
background-color:#F7F7F7;
width:100px;
}
a img {
border:medium none;
}

.schedulesbase {
	border-bottom : 1px dotted #C6C6C6;
	padding-top : 5px;
	padding-bottom : 5px;
}

.schedulesbase, .schedulesbase a {
	font-size : 11px;
}

select#dropdown { color: #090909; width: 100%; margin: 0; padding: 1px; }

div#dropdowncontainer { width: 195px; background-color: #fff; background-image: url(../graphics/select.jpg); background-position: top left; background-repeat: no-repeat; border-right: 1px #a7a9a8 solid; border-bottom: 1px #a7a9a8 solid; }

div#newslettercontainer { width: 195px; background-color: #fff; background-image: url(../graphics/select.jpg); background-position: top left; background-repeat: no-repeat; border-right: 1px #a7a9a8 solid; border-bottom: 1px #a7a9a8 solid; }

div#newslettercontainer input#email { background-color: transparent; border: none; border-style: none; border-width: 0px; }

p.dropdown { color: #090909; font-size: 12px; padding: 6px 0 0 6px; }

div#list { width: 194px; position: absolute; background-color: #fff; border-top: 1px #ddd solid; border-right: 1px #a7a9a8 solid; border-bottom: 1px #a7a9a8 solid; border-left: 1px #ddd solid; }

div#list table table { width: 100%; }

/* secure login box */

#sheet { 
	width:625px;
	height:350px;
	display:none;
	z-index: 500;
	-webkit-box-shadow: 0 0 30px #777; 
	-moz-box-shadow: 0 0 30px #777; 
	background: #f0f0f0;
}

#sheet, #sheet * {
	font-family: Arial, Helvetica, sans-serif;	
}

#sheet hr { width: 50%; text-align: left; border-style: none; border-top: 1px #ccc solid; background-color: transparent; height: 0; margin: 20px 0 15px; padding: 0; }	

/* pane layout */
#pane {
	padding:50px; 
	display:none;
	display: block; 
}

#pane * {
	color: #000;	
}

.description {
	text-align: left;
	font-size:11px;
	color:#000;	
	padding:10px 20px;
}

/* the form */
#myform {
	margin:5px 0;
}

#myform p {
	clear:left;	
}

label.label {
	display: block;		
	margin: 3px 0;
	color: #000;
	font-size: 12px;
	line-height: 16px;
}

label.checkBox {
	margin: 0;
	padding: 0;
	color: #000;
	font-size:12px;
	line-height: 5px;
}

#myform input {
	border:1px solid;
	border-color: #666 #818181 #818181 #666;	
	padding: 6px 5px;	
	font-size:15px;
	line-height: 15px;
	color:#555;
}

#myform textarea {
	border:1px solid;
	border-color: #666 #818181 #818181 #666;	
	display:block;
	width: 375px;
	height: 100px;
	overflow: auto;
	margin-bottom: 10px;
	padding: 6px 5px;	
	font-size:15px;
	line-height: 15px;
	color:#555;
}

#myform textarea#blurb {
	width: 500px;
}

#myform textarea#article {
	width: 504px;
	height: 200px;
}

#myform input#submit {
	font-size:14px;
	line-height: 20px;
	width: 75px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	border-style: none;
	padding: 6px 5px;	
	background-color: #666;
}

#myform input.checkbox { 
	margin: 0 5px;
	border-style: none;
}

input:focus {
	background-color:#fff;	
	color:#000;	
}

input[required] {
	font-weight:normal;		
}

/* validation error message */
.error {
	position: absolute;
	background-color:#E8FF6D;
	padding:4px;	
	color:#000;
	-webkit-box-shadow: #000 0 0 12px; 
	-moz-box-shadow: #000 0 0 12px;
	z-index: 500; 		
}

/* ..with a pure CSS arrow */
.error em {
	border:10px solid;
	border-color:#E8FF6D transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:10px;
	position:absolute;
	width:0;
	z-index: 500;
}

/* field with validation error */
.invalid {
	background-color: #cbfff2 !important;
}

.error, #calroot {
	z-index:10000;	
}

div#sheet div#pane div.description div#myFormRight {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #444;
	border-left: 1px #777 solid;
	width: 200px;
	height: 350px;	
}

/* Directory Styles */

#member_section h3, .featured_member h3 { font-size: 12px; line-height: 14px; font-weight: bold; padding: 2px 0 5px 0;}

.featured_member { border-bottom: 1px solid #AAAAAA; padding: 20px 0 5px;}

#alpha_links { cursor: pointer; font-size: 11px; }

#alpha_links a { font-size: 11px; }


.left { float: left; overflow: hidden; }
.right { float: right; }
.clear { clear: both; overflow: hidden; width: 100%; }