/**************************************************************************************************
											CMS TEMPLATE

The styles on this page are the standard defaults used for the majority of the websites we produce
set default styles for the body and the font family, but NEVER the font size or line spacing


***************************************************************************************************/

/*-----------------------------------------------------------------------------------------------------*/
/*--------------------------------------- 4SITE STYLES ------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

img {						/* <--- standard image type with 5 pixel padding and no border */
	padding:0px;
	border:0px;
}
img.nopadding {				/* <--- image class with no padding for all other images on the site */
	padding:0px;
}


.consecdivs{				/* <--- style for the consecutive divs on page type 2. Need to be same width as main content area*/
	float:left;
}
.divider {					/* <-- style for the dividing div between each consecdiv */
	font-size:0px;
	width:100%;
	border-top:dashed 1px silver;
	margin-bottom:10px;
	margin-top:10px;
}
.item{						/* <--- Style for item titles on page type 2 */
	font-size:120%;
	font-weight:bold;
}


.feedlink{					/* <--- this is the style for the "Read More" link on the newsfeed*/
	font-weight:100;
}
.feedlinkhead{				/* <--- this is the style for the headline link in the newsfeed*/

}
.story{						/* <--- this is the style for the newsdivs themselves*/
	height:110px;
	position:absolute;
	border-bottom:dashed 1px silver;
	margin-bottom:10px;
	overflow:hidden;
	line-height:1.7em;
}


.menulink{					/* <--- style for menu text links */
}
.menulink:hover{			/* <--- style for menu text links rollovers */
}





/****************************************************************************************************/
/************************************ TAG STYLES ****************************************************/

body{						/* <--- Main styles for pages. DO NOT set any font sizes in here */
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

a{							/* <--- Main defining style for anchors */
	text-decoration:none;
	color:#666;
}

a:hover{					/* <--- Main style for anchor rollovers */
	color:#AAA;
}




/****************************************************************************************************/
/************************************* ID STYLES ****************************************************/
#container{
	width:905px;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
}


#containercontact{
	width:484px;
	height:570px;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#topmenu{
	width:55px;
	height:100px;
	font-size:70%;
	position:absolute;
	bottom:-7px;
	right:5px;
}
#topstrip{
	width:870px;
	height:29px;
	background-image:url(images/framework/top.jpg);
	float:left;
	position:relative;
}
#topstripcontact{
	width:484px;
	height:29px;
	background-image:url(images/framework/contacttop.jpg);
	background-repeat:repeat-y;
	float:left;
	position:relative;
}
#middle{
	width:905px;
	height:607px;
	background-image:url(images/framework/home_background.jpg);
	float:left;
	color:#74726F;
}
#middleother{
	width:905px;
	height:607px;
	background-image:url(images/framework/blank_background.jpg);
	float:left;
	color:#74726F;
}

#middlegallery{
	width:905px;
	height:607px;
	background-image:url(images/framework/gallery_back.jpg);
	float:left;
	color:#74726F;
}

#middlemembers{
	width:905px;
	height:607px;
	background-image:url(images/framework/login_background.jpg);
	float:left;
	color:#74726F;
}

#middleinfo{
	width:905px;
	height:607px;
	background-image:url(images/framework/contact_back.jpg);
	float:left;
	color:#74726F;
}

#middlecontact{
	width:905px;
	height:607px;
	background-image:url(images/framework/contact_back.jpg);
	float:left;
	color:#74726F;
}

#title{
	width:325px;
	height:19px;
	margin-top:50px;
	margin-left:60px;
	display:inline;
	float:left;
}

#middlestrip{
	width:841px;
	height:270px;
	margin-left:17px;
	margin-top:30px;
	background-image:url(images/framework/homepic.jpg);
	background-color:#ffffff;
}


#flashmenu{
	float:right;
	height:100px; 
	width:440px; 
	text-align:right;
	margin-right:30px; 
	display:inline;
	margin-top:20px; 
	font-size:12px;
	background-image:url(images/framework/flash_back.gif);
}
#middlestripgalleries{
	width:841px;
	height:270px;
	margin-left:17px;
	margin-top:30px;
	background-image:url(images/framework/galleriespic.jpg);
	background-color:#ffffff;
}


#bottomstrip{
	width:870px;
	height:29px;
	background-image:url(images/framework/bottom.jpg);
	float:left;
	position:relative;
}
#bottomstripcontact{
	width:484px;
	height:29px;
	background-image:url(images/framework/contactbottom.jpg);
	float:left;
	position:relative;
}

#header{					/* <--- This should be your header div. Add styles as necessary */

}

#menu{						/* <--- This should be your menu div. Add styles as necessary */

}

#body {				/* <--- This should be your main content div. Add styles as necessary */
	width:795px;
	font-size:70%;
	line-height:1.7em;
	letter-spacing:0.02em;
	float:left;
	display:inline;
	margin-left:55px;
	margin-top:20px;
	position:relative;
	height:300px;

}
#bodycontact {				/* <--- This should be your main content div. Add styles as necessary */
	width:766px;
	font-size:70%;
	line-height:1.7em;
	letter-spacing:0.02em;
	float:left;
	display:inline;
	margin-left:65px;
	margin-top:20px;
}


#galleriesleft{
	width:392px; 
	float:left;
	padding-top:30px;
}
#galleriesright{
	width:392px; 
	float:right;
	padding-top:30px;
}
#aboutleft{
	width:380px; 
	float:left;
	height:300px; 
	line-height:1.2em;
	letter-spacing:0.01em;
	padding-right:2px;
}
#aboutright{
	width:390px;
	float:right;
	height:300px; 
	line-height:1.2em;
	letter-spacing:0.01em;
	padding-left:2px;
}



#membersleft{
	width:510px;
	display:inline;
	float:left;
	margin-left:30px;
	text-align:left;
	color:#666;
	height:300px;
}

#membersright{
	width:180px;
	display:inline;
	float:right;
	margin-left:30px;
	text-align:right;
	color:#666;
	margin-right:30px;
}

.membersleftinner{
	width:150px; 
	height:150px; 
	float:left;
}


.membersleftouter{
	width:320px; 
	height:150px; 
	float:right; 
}

.membersleftinnershort{
	width:150px; 
	height:115px; 
	float:left;
}


.membersleftoutershort{
	width:320px; 
	height:115px; 
	float:right; 
}

.membersleftbottom{
width:500px;
float:left;
}

#holdpics{
	width:390px; 
	padding-top:25px; 
	float:left;
}

#holdpicscontact{
	width:370px; 
	padding-top:62px; 
	float:left;

}

#sidetitle{
	width:15px;
	height:274px;
	position:absolute;
	bottom:25px;
	left:-7px;
}
#gallerytopmenu{
	width:150px;
	float:left;
	margin-top:20px;
}
#gallerytextcontent{
	float:right;
	margin-right:10px;
	margin-top:16px;
	width:310px;
	height:154px;
	overflow:hidden;
	text-align:right;
	line-height:1.5em;
}
#gallerycontainment{
	width:100%;
	margin:auto;
}
#logincontainer{
	width:150px;
	margin:auto;
	margin-top:90px;
	height:130px;
	padding-left:15px;
}
#loginbutton{
	border:solid 1px silver;
	background-color:#EEEEEE
}
/*
#backlink{
	width:90px;

	height:40px;
	display:inline;
	float:left;
	background-color:red;
}*/


#backlink{
	width:70px;
	height:20px;
	float:right;
}

#gallery2menu{
	width:350px;
	float:left;
	margin-left:20px;
	display:inline;
}
#thankyou{
	height:208px;
	margin-top:248px;
	text-align:center;
	width:100%;

}
#addressbox{
	float:right;
	width:49%;
	text-align:right;
	margin-bottom:20px;
	margin-right:2px;
	height:80px;
}
#phonebox{
	width:50%;
	float:left;
	text-align:left;
	margin-bottom:20px;
	height:80px;
	font-size:100%;
	overflow:hidden;
}
/****************************************************************************************************/
/*********************************** CLASS STYLES ***************************************************/

.aboutholder{
	width:102px; 
	float:left; 
	height:77px; 
	background-repeat:no-repeat; 
	padding-top:20px;
}

.aboutholderleft{
	width:102px; 
	float:left; 
	height:77px;  
	background-repeat:no-repeat; 
	padding-right:30px;
	padding-top:20px;
}

.contactholder{
	width:102px; 
	float:left; 
	height:77px;  
	background-repeat:no-repeat; 
	padding-top:20px;
}

.contactholderleft{
	width:102px; 
	float:left; 
	height:77px; 
	background-repeat:no-repeat; 
	padding-right:30px;
	padding-top:20px;
}

.gallerypicker{
	float:left; 
	width:372px; 
	height:97px; 
	padding-top:10px;
	text-align:center;
	background-repeat:no-repeat;
}
.gallerypickerright{
	float:right; 
	width:372px; 
	height:97px; 
	padding-top:10px;
	text-align:center;
	background-repeat:no-repeat;
}
.gallerylinkholder{
	float:left; 
	width:372px; 
	height:40px; 
	text-align:right; 
	color:#74726F;
	font-weight:bold;
}
.gallerylinkholderright{
	float:right; 
	width:372px; 
	height:40px; 
	text-align:right; 
	color:#74726F;
	font-weight:bold;
}

.pagetext{
	color:#666;
	padding-top:10px;
	text-align:center;
	line-height:1.5em;
}
form{
	margin-top:0px;
}
.lesslinespace{
	line-height:1.4em;
}
.contacttitle{
	width:80px;
	float:left;
	height:26px;
	color:#666;
	text-align:left;
}
.contactitem{
	width:230px;
	padding-left:2px;
	float:left;
	height:26px;
	color:#333;
}
.contactitembut{
	width:90px;
	float:right;
	height:30px;
	color:#333;
	text-align:right;
	padding-right:16px;

}
.contactitemenq{
	width:230px;
	padding-left:2px;
	float:left;
	color:#333;
	text-align:left;
}
.inputbox{
	width:150px;
	border:solid 1px silver;
}
.menuoptioncontainer{				/* <--- Style for your menu option divs*/
	float:left;
	overflow:hidden;
	height:20px;
	border-right:solid 20px #818273;
	padding-right:3px;
	margin-bottom:5px;
}
.menuoption{				/* <--- Style for your menu option divs*/
	float:left;
	overflow:hidden;
	height:20px;
	width:75px;
	padding-left:5px;
	background-color:#818273;
	color:#FFF;
}

.menu2optioncontainer{
	width:98px;
	height:90px;
	margin-right:10px;
	background-image:url(galleryimages/framework/thumbback.gif);
	background-repeat:no-repeat;
	float:left;
}
.menu2option{
	width:74px;
	height:50px;
	background-color:#CCCCCC;
	margin-top:8px;
	margin-left:11px;
	margin-bottom:8px;
	overflow:hidden;
}
.link2{
	color:#BBB;
}
.link2:hover{
	color:#CCC;
}

.linkgalleries2{
	color:#000000;
}
.linkgalleries2:hover{
	color:#CCC;
}

.homelink{
	color:#666;
}
.homelink:hover{
	color:#AAA;
}
.menulink{
	color:#FFF;
}
/*-----------------------------------------------------------------------------------------------------*/
/*---------------------------- CODEBRUSH FOOTER STYLES ------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

#codebrushfooter{
	width:100%;
	height:40px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
	padding-top:5px;
	margin-top:-12px;

}
#w3clinks{
	float:left;
	padding-left:30px;
	padding-top:0px;
}
#codebrushlinkdiv{
	float:right;
	padding-right:31px;
	font-size:70%;
	color:#cccccc;
	margin-top:3px;
}
#gallerybacklinkdiv{
	width:50px; 
	text-align:right; 
	height:50px; 
	top:437px; 
	position:absolute; 
	z-index:99;
}

#codebrushlink{
	text-decoration:none;
	color:#cccccc;
	font-weight:100;
}
#codebrushlink:hover{
	color:#BBB;
}
.codebrushfooterimage{
	border:solid 0px white;
	padding:0px;
}
#accessibilitylink{
	font-weight:100;
	font-size:70%;
	color:#666;
	height:20px;
	margin-top:3px;
	float:left;
	width:100px;
	padding-left:20px;
}
.accessibilityanchor{
	color:#666;
}
.accessibilityanchor:hover{
	color:#333;
}
#contactcontainerleft{
	width:340px;
	display:inline;
	float:left;
	margin-left:20px;
	text-align:left;
	color:#666;
	height:300px;
}

#contactcontainerright{
	width:330px;
	display:inline;
	float:right;
	margin-left:30px;
	text-align:right;
	color:#666;

}

.contactforminput{
	width:230px;
	color:#333;
	border:solid 1px #666;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	font-size:11px;
	background-color:white;
}
.loginforminput{
	width:150px;
	color:silver;
	border:solid 1px #666;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	font-size:11px;
}
#contactenquiry{
	width:230px;
	height:130px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #666;
	padding:3px;
	font-size:11px;
}
#contactsubmit{
	margin-right:-8px;
	margin-top:5px;
	border:solid 1px silver;
	background-color:#EFEFEF;
	color:#666;
}
#pass{
	background-image:url(images/framework/password.gif);
	background-repeat:no-repeat;
}
/*-----------------------------------------------------------------------------------------------------*/