/* CSS style sheet for Communitech, by David Janik-Jones, http://www.esolutionsgroup.ca *//* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ *//* All web site content copyright 2005, Communitech *//* Started: May 10, 2005 *//* This design is not a template. You may not reproduce it elsewhere without the designer's or owner's written permission. However, feel free to study the CSS and use whatever techniques you learn from it elsewhere. Daddy says hi to Cal and Luke *//* ----- BASIC ELEMENTS ----- */body {	background: url(/images/bkgnd_main.gif) top left repeat-y #ffffff;	padding: 0; margin: 0; 	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;}/* p {	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;	margin: 0;	text-align: left;	padding-bottom: 14px;} */a:link, a:visited {	font-weight: normal;	text-decoration: underline;	color: #37598A;}a:hover, a:active {	text-decoration: none;	color: #37598A;}/* li {	list-style-type: square;	font: 10px/13px Arial, Helvetica, Verdana, sans-serif;	color: #8A8A8A;	margin: 0;	padding: 0px 12px 7px 0px;} */.none { }.popuptitle { font-weight: bold; font-size: 14px; color: #333333; }.gray { color:Gray; }/* ----- COMMON CONTAINERS ON ALL PAGES ----- */#main {	width: 890px;	/* margin: auto auto; */	position: relative;}/* left column main containers */#leftcolumn {	width: 160px;	position: absolute; top: 122px; 	left: 0;	z-index: 20;}#leftcolumntop {	height: 25px; background: url(/images/leftcol_top.gif);}#leftcolumnmiddle, #lcmhome {	background: url(/images/bkgnd_leftcol.gif) top right repeat-y;}/* this style left alone June 24 not removing <p> like the others due to UL/LI/LI issue */#leftcolumnmiddle p, #lcmhome p {	font: 10px/13px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left;}#leftcolumnmiddle a img {	border:0px;	margin-left:-10px;}#leftcolumnmiddle .image a:link {	border:0px;	margin-left:-10px;}#leftcolumnmiddle a:link, #leftcolumnmiddle a:visited {	font-weight: normal;	text-decoration: none;	color: #FFF;	padding-left: 10px;}#leftcolumnmiddle a:hover, #leftcolumnmiddle a:active {	text-decoration: none;	color: #FFF;	padding-left: 10px;}#leftcolumnbottom {	height: 24px; background: url(/images/leftcol_bottom.gif);}/* special class added to make the home page left column links appear blue not white October 20, 2005 -- djj and kl */#lcmhome a:link, #lcmhome a:visited {	font-weight: normal;	text-decoration: underline;	color: #37598A;}#lcmhome a:hover, #lcmhome a:active {	text-decoration: none;	color: #37598A;}/* centre content area column */#content {	width: 590px;	position: absolute; top: 0; 	left: 150px;	text-align: left;}#w570 {	width: 570px;	margin: auto auto;}/* these styles were added to fix LI issue July 11, 2005 so that the left nav div LI styledid not override the LIs within the main content areas, and also they needed their own link stylesbut apparently they are not working */#content ul li {	list-style-type: square;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;	margin: 0;	padding: 0px 12px 7px 0px;}#w570 ul li {	list-style-type: square;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;	margin: 0;	padding: 0px 12px 7px 0px;}#content ol li {	list-style-type: decimal;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;	margin: 0;	padding: 0px 12px 7px 0px;}#w570 ol li {	list-style-type: decimal;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;	margin: 0;	padding: 0px 12px 7px 0px;}/* this was added July 20 to fix links issues within content areas */#content a:link, #content a:visited, #w570 a:link, #w570 a:visited, #text a:link, #text a:visited {	font-weight: normal;	text-decoration: underline;	color: #37598A;}#content a:hover, #content a:active, #w570 a:hover, #w570 a:active, #text a:hover, #text a:active {	font-weight: normal;	text-decoration: none;	color: #37598A;}/* right column main containers */#rightcolumn {	width: 160px;	position: absolute; top: 122px; 	left: 730px;	z-index: 20;}#rightcolumntop {	height: 25px; background: url(/images/rightcol_top.gif);}#rightcolumnmiddle {	background: url(/images/bkgnd_rightcol.gif) top right repeat-y;	/* this was rightcolumnmiddle p style -- removed June 24 TESTED AND OK */	font: 10px/13px Arial, Helvetica, Verdana, sans-serif;	color: #333333; text-align: left; /* changed this from #8A8A8A Sept 6, 2005 */}#rightcolumnbottom {	height: 24px; background: url(/images/rightcol_bottom.gif);}/* right column for special events section */#rightcolumnspecial {	width: 160px;	position: absolute; 	top: 205px; 	left: 730px;	z-index: 20;}#rightcolumnspecialtop {	height: 25px; background: url(/images/rightcol_top.gif);}#rightcolumnspecialmiddle {	background: url(/images/bkgnd_rightcol.gif) top right repeat-y;	/* this was rightcolumnmiddle p style -- removed June 24 TESTED AND OK */	font: 10px/13px Arial, Helvetica, Verdana, sans-serif;	color: #333333; text-align: left; /* changed this from #8A8A8A Sept 6, 2005 */}#rightcolumnspecialbottom {	height: 24px; background: url(/images/rightcol_bottom.gif);}/* a small box to hold content in the right and left columns */#columnbox {	background-color: #FFF;	margin: 3px 10px 0px 10px; padding: 8px 7px 7px 7px;}/* a small DARK BLUE box to hold content in the right and left columns */#columnbox2 {	background-color: #ADBBCF;	margin: 3px 10px 0px 10px; padding: 8px 7px 0px 7px;}/* search and navigation banner at top of each page 18px high */#search {	height: 16px; overflow: hidden;	position: relative;	background-color: #DCE2EA;	/* this was search p style -- removed June 24 TESTED AND OK */	font: 9px Arial, Helvetica, Verdana, sans-serif; color: #848587;	padding: 6px 10px 0px 0px;	text-align: right; text-transform: uppercase;}#search a:link, #search a:visited {	text-decoration: none;	color: #848587;}#search a:hover, #search a:active {	text-decoration: underline;	color: #848587;}#searchbox {	position: absolute; top: 1px; left: 10px;	height: 18px; overflow: hidden;	/* this was searchbox p style -- removed June 24 TESTED AND OK */	font: 9px Arial, Helvetica, Verdana, sans-serif; color: #848587;	text-transform: uppercase; padding-top: 4px;}#searchfield {	font: 9px Arial, Helvetica, Verdana, sans-serif; color: #848587;	height: 9px; vertical-align: middle; margin-top: -3px; margin-left: 10px;}#searchbutton {	font: 9px Arial, Helvetica, Verdana, sans-serif; color: #37598A; font-weight: bold;	vertical-align: middle; margin-top: -3px; margin-left: 5px; 	background-color: #FFF;	border: 1px solid #37598A;}/* logo banner area 74px high */#banner {	height: 70px; margin: 0 9px 0 9px;}/* ----- NAV BAR with tabs and LI rollover technique moving background image with ON/over state ----- */#nav {	height: 27px; border-bottom: 2px solid #FFF;	margin: 0 9px 0 9px;	overflow: hidden;}#navtab1 a {		display: block; width: 68px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_1.gif) 0 0 no-repeat;		text-decoration: none;}#navtab1 a:hover {	background-position: 0px -27px;}#navtab1on {		display: block; width: 68px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_1.gif) 0px -27px no-repeat;		text-decoration: none;}#navtab2 a {		display: block; width: 96px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_2.gif) 0 0 no-repeat;		text-decoration: none;}#navtab2 a:hover {	background-position: 0px -27px;}#navtab2on {		display: block; width: 96px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_2.gif) 0px -27px no-repeat;		text-decoration: none;}#navtab3 a {		display: block; width: 100px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_3.gif) 0 0 no-repeat;		text-decoration: none;}#navtab3 a:hover {	background-position: 0px -27px;}#navtab3on {		display: block; width: 100px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_3.gif) 0px -27px no-repeat;		text-decoration: none;}#navtab4 a {		display: block; width: 49px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_4.gif) 0 0 no-repeat;		text-decoration: none;}#navtab4 a:hover {	background-position: 0px -27px;}#navtab4on {		display: block; width: 49px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_4.gif) 0px -27px no-repeat;		text-decoration: none;}#navtab5 a {		display: block; width: 96px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_5.gif) 0 0 no-repeat;		text-decoration: none;}#navtab5 a:hover {	background-position: 0px -27px;}#navtab5on {		display: block; width: 96px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_5.gif) 0px -27px no-repeat;		text-decoration: none;}#navtab6 a {		display: block; width: 55px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_6.gif) 0 0 no-repeat;		text-decoration: none;}#navtab6 a:hover {	background-position: 0px -27px;}#navtab6on {		display: block; width: 55px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_6.gif) 0px -27px no-repeat;		text-decoration: none;}#navtab7 a {		display: block; width: 88px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_7.gif) 0 0 no-repeat;		text-decoration: none;}#navtab7 a:hover {	background-position: 0px -27px;}#navtab7on {		display: block; width: 88px; height: 27px; margin: 0; padding: 0; float: left;		background: url(/images/tab_7.gif) 0px -27px no-repeat;		text-decoration: none;}/* footer 46px high */#footer {	height: 34px; background: url(/images/bkgnd_footer.gif);	border-top: 2px solid #FFF;	/* this was footer p style -- removed June 24 TESTED AND OK */	font: 10px/12px Arial, Helvetica, Verdana, sans-serif;	color: #FFF; text-align: left; padding: 12px 10px 0px 25px;}#footer a:link, #footer a:visited {	text-decoration: none;	color: #FFF;}#footer a:hover, #footer a:active {	text-decoration: underline;	color: #FFF;}/* ----- HOME PAGE CONTAINERS ONLY ----- */#flash {	height: 193px; margin: 0 9px 0 9px;	border-bottom: 2px solid #FFF;}#topofcontent {	height: 16px; margin: 0 9px 0 9px;	background:  url(/images/bkgnd_topofcontent.gif) top center no-repeat;}#homecontent {	background:  url(/images/bkgnd_homecontent.gif) top center repeat-y;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}#homecontent td {	font-size: 12px;}	/* for table holding content in middle of content area on homepage */.bluebottom {	border-bottom: 1px solid #6680A5;	padding-bottom: 12px;	}.blueleft {	border-right: 1px solid #6680A5;	padding: 12px 12px 0px 0px;}.bluemiddle {	border-right: 1px solid #6680A5;	padding: 12px 0px 0px 12px;}.blueright {	padding: 12px 0px 0px 12px;}/* ----- CONTENT PAGE STYLES ----- */#breadcrumb {	height: 46px; margin: 0 9px 0 9px;	background: url(/images/bkgnd_breadcrumb.gif) top left repeat-x;	/* this was breadcrumb p style -- removed June 24  TEST AND OK*/	font: 11px Arial, Helvetica, Verdana, sans-serif; color: #848587;	padding: 11px 13px 0px 13px;}#breadcrumb a:link, #breadcrumb a:visited {	text-decoration: none;	color: #848587;}#breadcrumb a:hover, #breadcrumb a:active {	text-decoration: underline;	color: #848587;}#text {	margin: -10px 9px 0 13px;	position: relative;	/* this was text p style -- removed June 24 TESTED AND OK */	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #000;	padding: 0px 0px;}/* added to fix LI issue July 11, 2005 */#text li {	list-style-type: square;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;	color: #000;	margin: 0;	padding: 0px 12px 7px 0px;}/* these styles are for the bottoom of the text pages that have that two column, two colour table */#textcolumns {	border-top: 1px solid #6680A5; width: 518px;	margin: 0px 5px 0px 5px; margin-bottom: 13px;	background: url(/images/bkgnd_textcolumns.gif) top left repeat-y;}#ltc {	width: 239px; float: left;	padding: 5px 10px;}#rtc {	width: 239px; float: right;	padding: 5px 10px;}/* these table styles are for the main events page */#toprow {	background-color: #8899B2;	padding: 5px; font: 13px Arial, Helvetica, Verdana, sans-serif; color: #FFF; font-weight: bold;}#oddrow {	padding: 5px 0px; background-color: #FFF;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #767676;}#evenrow {	padding: 5px 0px; background-color: #DCE1E8;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #767676;}/* this div holds the event details logo on the right side of the event details page next to the title */#eventtype {	width: 136px; height: 40px;	position: absolute; top: 0; left: 410px;	z-index: 15;}/* this div defines the grey background for the three column events information */#event3col {	background-color: #EFEEEF; padding: 6px; margin: 10px;}.grey {	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #9D9D9D;}/* ----- TYPOGRAPHY ----- */h3 {	font: 16px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left; margin-bottom: 6px;	font-weight: bold;}.heading {	color: #37598A;}.columntitle {	font: 12px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left; padding: 0px 12px;	text-transform: uppercase; font-weight: bold;}.subhead {	font: 12px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left; padding-bottom: 3px;	font-weight: bold;}.largesubhead {	font: 24px Arial, Helvetica, Verdana, sans-serif;	color: #37598A;}.bluebold {	font: 12px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left;	font-weight: bold;}/* ----- IMAGES ----- */.homeinset {	padding: 0px 10px 5px 0px;}/* ----- LEFT MENU FLYOUTS USING CSS ----- */#leftcolumnmiddle ul {	margin: 0; padding: 0; 	list-style: none; width: 150px;	border: 0px solid #37598A;}#leftcolumnmiddle ul li {	position: relative;}/* added #leftcolumnmiddle from here down July 25, 2005 */#leftcolumnmiddle ul li ul {	position: absolute;	left: 149px; /* would be 149 with a border */	top: -1px; display: none;}/* here */#leftcolumnmiddle ul li a {	display: block;	width:134px;	text-decoration: none;	color: #004C86; background: #004C86; /* IE6 bug -- required */	padding: 5px;	border: 1px solid #004C86; border-bottom: 0;}#leftcolumnmiddle li:hover ul, #leftcolumnmiddle li.over ul { 	display: block;}/* here #37598A  #DBDFE5*/#leftcolumnmiddle ul li a:hover { 	color: #004C86; background: #DBDFE5;}#leftcolumnmiddle li ul li a {	display: block;	width:134px;	text-decoration: none;	color: #004C86; background: #004C86; /* IE6 bug -- required */	padding: 5px;	border: 1px solid #004C86; border-bottom: 0;}/* Fix IE. Hide from IE Mac \*/* html #leftcolumn ul li { float: left; height: 1%; }* html #leftcolumn ul li a { height: 1%; }/* End */.white { color: #FFF; }/* ----- FORMS ----- */#formrow {	margin-left: 12px; margin-bottom: 8px; width: 90%;}#formwords {	width: 116px; text-align: right; margin-right: 5px;	font: 11px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; float: left; padding-top: 4px;}#formfield {	font: 11px Arial, Helvetica, Verdana, sans-serif; color: #848587;}/* ----- MISCELLANEOUS STYLES ----- */.graphicbutton {	margin-left: 5px; margin-right: 5px;}/* ----- HACKS USED ----- *//* float hack from http://www.positioniseverything.net/easyclearing.html */.Clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}/* Hides from IE-mac \*/* html .Clearfix {height: 1%;}/* End hide from IE-mac *//*------- Extra ----------*/.close{	font-size:10px;	color:#ffffff;}.close{	font-size:10px;	color:#ffffff;}.divPopup{	padding:0px;	margin:0px;	position:absolute; 	z-index: 10;	clear:both; 	top: -30px; 	left: -4px;	width: 550px; 	border: 1px solid #37598A;	background-color: #C4CEDC;	height:1200px;	overflow:visible;}.divHeader{	background-color: #37598A;	color:#ffffff;	font-weight:bold;}.divBody{	background-color: #ffffff;	}.title{	font: 16px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left; margin-bottom: 6px;	font-weight: bold;}.sectiontitle{	font: 12px Arial, Helvetica, Verdana, sans-serif;	color: #37598A; text-align: left; 	font-weight: bold;	border-bottom:1px solid #37598A;}/*----------------------------------------------------------------------------------------------Form Controls Formatting----------------------------------------------------------------------------------------------*/.formdropdown {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 0px;	width: 95%;}.formdropdown60 {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 0px;	width: 60%;}.formdropdown0 {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 0px;}.formbox60 {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 1px;	width: 60%;}.formbox0 {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 1px;}.formbox {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 1px;	width: 95%;}.formboxdate {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 1px;	width: 110px;}.formboxphone {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	border: 1px solid #999;	padding: 1px;	width: 40px;}.button {	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;	text-align: center;	padding-left: 4px;	padding-right: 4px;	background:#dddddd;		border-left: 1px solid #949494;	border-top: 1px solid #949494;	border-right: 1px solid #4e4e4e;}.toprow {	background-color: #8899B2;	padding: 5px; font: 13px Arial, Helvetica, Verdana, sans-serif; color: #FFF; font-weight: bold;}.oddrow {	padding: 5px 0px; background-color: #FFF;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #767676;}.evenrow {	padding: 5px 0px; background-color: #DCE1E8;	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #767676;}#vSummary ul{	padding-left:0px;	width: 100%;	border: 0px;	list-style-type:disc;	list-style-position:inside;	position: static;}#vSummary ul li{	float:none;	position: static;	color:Red;}#Form1{	margin-top: -10px;}/*----------------------------------------------------------------------------------------------Membership search tab Formatting----------------------------------------------------------------------------------------------*/#rolltabs{	padding: 0px;	margin-left: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 11px;	color: #ADBBCF;}#rolltabs li{	list-style: none;	margin: 0;	display: inline;	padding-right:2px;}#rolltabs li a{	border: 1px solid #CCC;	background: #ADBBCF;	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	color: #ffffff;	padding: 2px;	display:inline;	line-height: 30px;}#rolltabs li a:link, #rolltabs li a:visited{	color: #ffffff; 	padding: 2px;	line-height: 30px;	text-decoration: none;}#rolltabs li a:hover{	color: #000;	background: #37598A;	border: 1px solid #CCC;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	color: #ffffff;	padding: 2px;	line-height: 30px;}#rolltabs li a.current{	background: #37598A;	padding: 2px;	line-height: 30px;}.gridHeader{	background-color: #37598A;	color: #ffffff;	font-weight: bold;}/*----------------------------------------------------------------------------------------------Membership A-Z Formatting----------------------------------------------------------------------------------------------*/a.letter:link{	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #37598A;	text-decoration: none;	font-size: 11px;}a.letter:visited{	color: #37598A;	text-decoration: none;	font-size: 11px}a.letter:active{	color: #37598A;	text-decoration: none;	font-size: 11px}a.letter:hover{	color: #37598A;	text-decoration: underline;	font-weight: bold;	font-size: 11px}/*----------------------------------------------------------------------------------------------Membership Search Result Formatting----------------------------------------------------------------------------------------------*/.result a:link{	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #37598A;	text-decoration: none;	font-size: 11px;	padding-right: 4px;}.result a:visited{	color: #37598A;	text-decoration: none;	font-size: 11px;	padding-right: 4px;}.result a:active{	color: #37598A;	text-decoration: none;	font-size: 11px;	padding-right: 4px;}.result a:hover{	color: #37598A;	text-decoration: underline;	font-size: 11px;	font-weight: bold;	padding-right: 4px;}