﻿body {font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:120%;text-align:center; line-height:22px; color:#666666;}
#centreAll{margin: 0 auto;text-align:left;}
* {margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6 {margin-bottom:10px; color:#1b7dbf;}

a {
text-decoration:none;

}

h1{font-size:160%;}h2{font-size:130%;}h3{font-size:120%;}h4{font-size:110%;}

p {padding-bottom:10px;}
#bodyContainer {background-image: url(../../Images/page_tile_1.gif);background-repeat: repeat-y;; float:left;}
#bodyContainerSub {background-image: url(../../Images/page_tile_Sub.gif);background-repeat: repeat-y; float:left;}
input {margin:0px;padding:0px;}
#homeBanner{background-image: url(../../Images/bannerTop.jpg);height:97px;display:none}

.skipnav {font-size:6pt; text-decoration:none; position:absolute; left:0; top:-100px; }

#ssLogo {float:left;width:170px; margin-top:31px; margin-left:20px;}
#dccLogo {float:right;width:170px;margin-top:28px;}

#navTab {background-image: url(../../Images/navTab.jpg);width:970px;height:33px}

#topLinks {width:725px;float:left;margin-right:0px;text-align:right;margin-top:6px;color:#ffffff;margin-right:25px;display:none;}

#topLinks a{color:#ffffff;text-decoration:none;margin-right:5px; margin-left:5px;}

#topLinks a:hover{color:#F9FC74;}

#searchBox {float:left;color:#C3C3C3;width:210px;margin-top:6px;display:none;}

.textField{width:150px;background-color:transparent;border:none;font-size:96%;color:#999999;}

.searchButton{background-color:transparent;border:none;color:#808080;}

#homeContent{margin-left:19px; margin-top:10px;}
#homeContentTop {background-image: url(../../Images/home_content_tab_top.gif);width: 930px;height:13px;background-repeat:no-repeat;}
#homeContentMiddle {background-image: url(../../Images/home_content_tile.gif);width: 930px;background-repeat:repeat-y;float:left;}
#flashBox {margin-left:10px;float:left;width:450px;}

#newsBox{float:left;width:450px;margin-top:10px;}

#newsBox p{padding:0px 15px 0px 15px; line-height:20px; margin-bottom:0px;}

#newsBox h3 {margin-left:15px; margin-top:15px;}

#newsBox a {color:#1C629B; text-decoration:none; background-image: url(../../Images/orange_arrow_small.gif);background-repeat:no-repeat; padding-left:15px;}
#newsBox a:hover{color:#FF8040;}
.newstitle {color:#1b7dbf; font-weight:bold; margin-right:8px; display:block;}

#homeContentBottom {background-image: url(../../Images/home_content_tab_bottom.gif);background-repeat:no-repeat;width:930px;height:13px;}
.clearfloats {clear:both;}
#bottomContent {margin:0px 0px 0px 7px;}
/*navigation for Home */
#homeNavigation {width:755px;float:left; margin-left:12px;margin-bottom:20px}
#pencilBoy {width:135px;height:175px;background-image: url(../../Images/pencilBoy.jpg);float:left; margin-top:30px;}
.boxNavigation {width:760px;float:left; margin-top:20px;}
.boxNavigation ul{ margin:0px; padding:0px;}
.boxNavigation li{ list-style-type:none;float:left;border-bottom:1px solid #dfdfdf;background-image: url(../../Images/box-back.gif); margin-right:23px; text-align:right;}
.boxNavigation a {width:230px; display:block; color:#666666; padding:61px 0px 3px 0px; background-repeat:no-repeat;text-decoration:none;}
.boxNavigation a:hover {background-image: url(../../Images/final-box-roll.jpg); color:#333333;}
.boxNavigation span{padding-right:5px;}
.box1 a{background-image: url(../../Images/navBox1.jpg);}
.box2 a{background-image: url(../../Images/navBox2.jpg);}
.box3 a{background-image: url(../../Images/navBox3.jpg);}
.box4 a{background-image: url(../../Images/navBox4.jpg);}
.box5 a{background-image: url(../../Images/navBox5.jpg);}
.box6 a{background-image: url(../../Images/navBox6.jpg);}
/*navigation for Home (boxes) */
#footer {width:970px;height:49px;background-image: url(../../Images/subFooter.gif);}
#footer p{padding:13px 0px 10px 0px;color:#ffffff;text-align:center;}
#footer a {color:#ffffff; padding-left:10px;display:none;}
#subFooter {width:970px;height:49px;background-image: url(../../Images/subFooter.gif);}
#subFooter p{padding:13px 0px 10px 0px;color:#ffffff;text-align:center;display:none;}
/*subPage*/

#lhs {width:214px;float:left; background-color:red; display:none}
#subNavigation {width:180px;margin-top:135px;margin-left:20px;}
#subNavigation a{color:#1361a2;text-decoration:none;}
#subNavigation a:hover{color:#f57201;}
#subNavigation ul{margin:0px;padding:0px;}
#subNavigation li{border-bottom:1px dashed #3693ce;padding-top:2px;padding-bottom:2px;list-style-type:none;}
#rhs {float:left;}

#rhsTop {background-image: url(../../Images/subPageTop.gif);background-repeat:no-repeat;height:123px;display:none;}

#flashBoxSub {width:479px;margin-left:256px;display:none;}
#rhsContent {padding:15px;}

#rhsContentBottom {background-image: url(../../Images/subPageBottom.gif);background-repeat: no-repeat;width: 756px;height:70px;}

.bread {margin-bottom:20px;font-size:90%;display:none;}
.bread strong {color:#1b7dbf;}

.printLogo {display:block;margin-bottom:10px;}

/*subPage*/
#rhsContent img {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#rhsContent h3{margin-top:10px}
#rhsContent ul {margin-left:20px;}
#rhsContent ul li a{color:#3366CC;text-decoration:none;}
#rhsContent ul li a:hover{color:#f57201;}
#rhsContentBottom {background-image: url(../../Images/subPageBottom.gif);background-repeat: no-repeat;height:38px;}
.bread {margin-bottom:20px;font-size:90%;color:#000099}
.bread strong {color:#1b7dbf;}
.bread a {color:#1b7dbf; text-decoration:none;}
.bread a:hover {color:#f57201;}
.clearFloats{clear:both;}
/*subPage*/



/*Events extras */

#evListing {line-height:30px;color:#333333;}

#evListing strong {margin-right:5px;font-Size:110%}

.evTitle {font-Size:120%;font-weight:bold;display:block;color:#f98518;}

.evStart{display:block;}

.evFinish{display:block;}

.evTime{display:block;}

.evLocation{display:block;}

.evCost{display:block;}

.evDescription{display:block;}



/* A to Z menu */

#AtoZmenu 			{ padding:0; margin:15px auto 20px auto; width:99%;}

#AtoZmenu ul 		{ padding:0 0 20px 0; margin:0; list-style-type:none; }

#AtoZmenu ul li 	{ Width:auto; float:left; padding:0; margin:0 2px 0 0; text-align:center; background-image:none; list-style-type:none; text-decoration:none; }

#AtoZmenu ul li a:link, #AtoZmenu ul li a:visited { width:1.2em; display:block; padding:4px 3px 4px 3px; margin:0; background:#e5e5e5; border:1px solid #ccc; background-image:none; text-decoration:none; color:#0e2a5d;}

#AtoZmenu ul li a:hover { color:#fff; background:#0099cc; border:1px solid #ccc; text-decoration:none;}



#AtoZmenu ul li .selected { width:1.1em; background:#006699; color:#fff; padding:4px; border:1px solid #666; margin:0; display:block;}

#AtoZmenu ul li .disabled { width:1.1em; color:#999; background:#e5e5e5; padding:4px; border:1px solid #ccc; margin:0; display:block;}







		
	/*crm css */
		
#crmForm 							{width:600px; margin:0 auto 0 auto;}

#crmForm div.Field, div.dateField 	{clear:both; margin-bottom:5px;}

#crmForm fieldset 					{width:600px; display: block; margin:0 0 1em 0; padding:1em 1em 0.5em 1em; border:1px solid #ccc;}

#crmForm fieldset legend 			{font-size:1.1em; font-weight:bold; color:#1b7dbf; }

/*#crmForm fieldset fieldset 			{ margin:10px 0 0 0;}

#crmForm fieldset fieldset legend	{font-size:1em;  font-weight:bold; color:#1b7dbf;}*/

#crmForm input, textarea, select 	{display:block; width: 21em; margin:5px 0 0 0; float:left;}

#crmForm div.query 					{width:40em;}

#crmForm div.query label 			{clear:both; width:190px; margin:0; text-align:right;}

#crmForm div.contact 				{width:40em;}

#crmForm div.query input, textarea, select {width:21em;}

#crmForm div.query select 			{font-size:100%; width:21.5em;}

#crmForm div.dateField input		{width: 14em;}

#crmForm div.dateField img 			{margin:0.2em 0.5em 0 0;}

#crmForm input.crmSubmitButton 		{clear:both; margin:0 0 3em 0; width:103px; height:36px; font-weight:bold; font-size:1.1em; color:#fff; background:transparent url("Generic_button_sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;}

#crmForm input.crmAddressButton 	{clear:left; margin:4px 0 0 203px; width: 162px; height:36px; font-weight:bold; font-size:0.95em; color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding: 0 0 6px 0; cursor:pointer; border:none; display:block;}

#crmForm label 						{float:left; text-align:right; display:block; font-weight:normal; width:190px; margin:0; clear:left; padding-right:1em;}

#crmForm select						{display:block;}

#crmForm fieldset.radio 			{clear:both; width:560px; padding:1em; margin:10px 0 0 0;}

#crmForm fieldset.radio input 		{float:left; width:auto; margin:0; clear:left;}

#crmForm fieldset.radio legend 		{font-size:1em; font-weight:bold; color:#666;}

#crmForm fieldset.radio label 		{clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;}

#crmForm div.validation 			{margin-top:0.5em; float:left; padding-left:0.5em; color:#cc6600;}

#crmForm label.validation 			{font-weight:bold;}

#crmForm div.feedback 				{clear:both; padding-bottom:1em; color:#cc6600;}

#crmForm div.returninfo				{clear:both; padding-bottom:1em; color:#444;}

#crmForm table 						{border:none; margin:0; font-size:100%;} 

#crmForm table thead td				{border:2px solid #fff; padding:0; text-align:center; font-size:100%; font-weight:bold; color:#555;} 

#crmForm table td 					{border:none; padding:0; text-align:center; background:#e8e8e8;} 

#crmForm fieldset.checkbox 			{clear:both; width:560px; padding:1em; margin:10px 0 0 0;}

#crmForm fieldset.checkbox input 		{float:left; width:auto; margin:0; clear:left;}

#crmForm fieldset.checkbox legend 		{font-size:1em; font-weight:bold; color:#666;}

#crmForm fieldset.checkbox label 		{clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;}

	/*crm css */