/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body {
	margin: 0 auto;
	padding: 0;
	background-color: #f4f4f4;
	background-image: url(sitefurniture/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-attachment: fixed;
}

#wrap {
	color: #303030;
	width: 767px;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	clear: both;
	height: 50px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
	padding: 0;
}
#header #headerLogoLeft {
	float: left;
	margin-top: 5px;
	margin-left: 35px;
}
#header #headerLogoRight {
	float: right;
	margin-top: 5px;
	margin-right: 35px;
}


#header h1 {
	width: 250px;
	margin: 0 0 10px 0;
	float: left;
	font-size: 20px;
	color: #336633;
}

#header p {
	width: 170px;
	float: right;
	text-align: right;
	color: #003300;
	font-size: 7pt;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#frontphoto {
margin: 0 0 10px 0;
border: 0;
}


#menuWrap {
	height:60px;
	background-color: #FFF;
}




#navMenu {
	height: 40px;
	width: 760px;
	background-color: #FFF;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navMenu ul {
	margin: 0px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navMenu li{
	list-style:none;
	float:left;
	position:relative;
	background-color: #ccf69f;
}
	
#navMenu ul li a {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;/* font of text in link*/
	font-size:11px;
	text-decoration:none; /*removes underline*/
	height:35px;/*height and width of box that conains the link text*/
	width:93px;/*if you refresh here, nothing happens, you need to "diplsy block" for these dimensions to have an effect*/
	display:block;/*activates the height and width.  Also means mouse over the whole block, not just the test in the link*/
	color:#030;/*color of text of link <a> - yellow here*/
	border:1px solid #FFF;
	/*text-shadow:1px 1px 1px #000; not supported by IE8*/
}
#navMenu ul li ul li a{
	line-height:25px;
	height:25px;
}


#navMenu ul ul {
	position:absolute; /*this can be done becasue we positioned the "#navMenu li" to relative above.  Absolutely positioned 
						elements will look for the nearest "Relative" positioin element, in this case "#navMenu li" above. In the 
						absence of specific dimensions eg Top 10px, Right 10px, it will default to 0 all round, absolutely from the 						bottom and left of the top level Li item - in this case*/
	visibility:hidden; /*hides the nested list*/
	
	
}
	
#navMenu ul li:hover ul {
	visibility:visible;/*adjusts the hover of the ul inside the li of the ul*/
}
	
	/*********************************************************************************************************************/
	
	
#navMenu li:hover {
	/* background-color: #6B7342;*/
	background-color:#99cc66;
}
	
#navMenu ul li:hover ul li a:hover {
	color:#000;/*color of text - black here, changes from yellow to black on hover*/
	/*background-color: #A9AEB1;*/
	background-color:#99cc66
}
		
#navMenu a:hover{
	color:#000;/*colour of text on hover of "top" item green here*/
}
		
	.clearFloat {
	clear:both;
}
#announce {
	padding: 0px;
	width: 150px;
	color: #1a331a;
	text-align: left;
	float: left;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin-top: 8px;
}

#extras {
	float: right;
	width: 150px;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	color: #1a331a;
}
#cancelled {
	background-image: url(images/cancelled.jpg);
	background-repeat: no-repeat;
}

#masters {
	text-align: center;
}
#youtubeimage {
	margin-left: 35px;
}


#extras img {
	padding-bottom: 10px;
}


#extras p {
margin: 0 0 1.5em 0;
}

#content {
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	line-height: 1.5;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font-size: 12px;
	width: 425px;
	padding-top: 20px;
}


#content h2 {
	font-size: 12px;
	margin: 0 0 0.5em 0;
	color: #090;
}
#announce h2, #extras h2{
	font-size:14px;
	color: #060;

}
#cont_b1076501473c0cfc3bd5811f3f52f432 {
	width: 120px;
	margin-left: 20px;
}


.rowheader {
	background-color: #73BB65;
	color: #FFF;
}



#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 2px solid #9ab39a;
}
#content h4 {
	font-size: 12px;
	font-weight: normal;
	text-decoration: blink;
	color: #006600;
}

h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: normal;
	color: #060;
}

a {
text-decoration: none;
color: #668d66;
}

a:hover {
text-decoration: underline;
color: #336633;
}


a img {
border: 0;
}


#footer {
	border-top: 4px solid #f0f0f0;
	width: 760px;
	color: #336633;
	font-size: 0.9em;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#footerText {
	width: 590px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 14px;
	padding-bottom: 15px;
	text-align: center;
}


#footer a {
color: #668d66;
text-decoration: none;
}
#wrap #footer #footer fb img {
	float: right;
}


#footer a:hover {
text-decoration: underline;
}

.left {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 0px;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}
#table td {

}
#CompDrawTable tr {
	text-align: center;
}

#offer {
	padding-bottom: 8px;
	height: 35px;
}
#welcome {
	font-size: 12px;
	color: #006600;
	padding-top: 5px;
}
#fb   {
	height: 35px;
	width: 195px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.style14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00F;
	line-height: 1px;
}

#fb img {
	float: left;
	border: 1px solid #069;
}
#footer #blog_creditCard {
	width: 590px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 50px;
}

.colour_red {
	color: #F00;
}
.announce p a img {
	border: 1px solid #009;
}
#creditCard {
	margin: 0px;
	height: 35px;
	width: 130px;
	float: right;
	padding: 0px;
}
#header_cbgc {
	width: 480px;
	font-weight: bold;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}

.lineheight28{
	line-height:28px;
	}
.font11 {
	font-size: 11px;
}


.lineheight5{
	line-height:5px;}
.line {
	text-align: left;
	width: 70px;
}

.accommodationOffer img {
	float: left;
	border: 0px none #FFF;
	margin-right: 10px;
}
.accommodationOffer {
	width: 430px;
	margin: 0px;
	padding: 0px;
}
#table .rowFoG td #pmOnly {
	text-align: center;
}
.rowFoG  {
	background-color: #ff9;
}
.MemberInfo  {
	text-align: center;
	font-size: 12px;
}
#CompDraw {
	width: 650px;
	margin-left: 65px;
}
#wrap #OneDivContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#imageHolder {
	width: 525px;
	margin-right: auto;
	margin-left: auto;
}


#volunteers {
	text-align: center;
}
.thanknews {
	font-size: 9px;
	text-align: center;
}
#xmas_message {
	width: 425px;
	margin-right: auto;
	margin-left: auto;
}
.agm {
	margin-left: 25px;
	font-size: 14px;
	font-weight: bold;
}
.agm1 {
	margin-left: 25px;
}