/**************************************************************************************************/
/*	Copyright © 2005 - 2008, Avaunt IT Solutions. All rights reserved.
/*	Consult your license regarding permissions and restrictions.
/*	THIS FILE MAY NOT BE REDISTRIBUTED IN WHOLE OR SIGNIFICANT PART.
/**************************************************************************************************/
/*	FILE NAME:			mcsac.css
/*	LOCATION:           /stylesheets/
/**************************************************************************************************/
/*	PROJECT:			Maiden City Sub-Aqua Club - Web Site
/*	AUTHOR:				Charlie Logue
/*	COPYRIGHT:			© Avaunt IT Solutions
/*	DATE:				Wednesday, February 01, 2006
/*
/*	LICENSED TO:		Maiden City Sub-Aqua Club
/*	FILE VERSION:		1.01
/**************************************************************************************************/
/*	DESCRIPTION:		Style Sheet for Maiden City Sub-Aqua Club
/**************************************************************************************************/

/**************************************************************************************************/
/* GLOBAL
/**************************************************************************************************/
body { background:#0b4e6e;
	   font:0.71em/1.3 Verdana, Tahoma, Arial; 
	   text-align:left; 
	   color:#aaa; 
	   margin:0; 
	   padding:4px 0 0 0; 
	   border-top:1px solid #c5ce06;
}

a img { border:none; text-decoration:none; }

/**************************************************************************************************/
/* GLOBAL LAYOUT
/**************************************************************************************************/
/* Main */
#main 		{ margin:0 auto; width:840px; }
#main * 	{ text-align:left; }

/* Header */
#header 	{ width:100%; 
			  height:66px;
			  border-bottom: 1px solid #ff9900;
			  padding-bottom: 4px; 
			  display:block; }

#center		{ text-align:center; padding-top:6px; padding-bottom:8px }

/* Menu */
#menu 		{ width:100%; border-bottom:1px solid #ff9900; height:18px; padding-top:4px; padding-bottom:4px; display:block; }
#submenu 	{ width:100%; height:18px; padding-top:6px; font-size: 0.8em; display:block; }

/**************************************************************************************************/
/* MENU LAYOUT
/**************************************************************************************************/
#menu .item 			{ float:left; margin: 0px 18px 0px 0px; padding:0px; }
#menu a 				{ text-decoration:none; }
#menu .item a:link 		{ color:#7FD4FF;}
#menu .item a:visited 	{ color: #7FD4FF; }
#menu .item a:hover 	{ color: #ffffff; }
#menu .item a:active 	{ color: #ffffff; }

#menu .loginitem 			{ float: right; }
#menu .logout 				{ float: right; }
#menu .loginitem a:link 	{ color: #7FD4FF; }
#menu .loginitem a:visited 	{ color: #7FD4FF; }
#menu .loginitem a:hover 	{ color: #ffffff; }
#menu .loginitem a:active 	{ color: #ffffff; }

#submenu .item 				{ float:left; margin: 0px 8px 0px 0px; padding:0px; }
#submenu a 					{ text-decoration:none; }
#submenu .item a:link 		{ color: #999; }
#submenu .item a:visited 	{ color: #999; }
#submenu .item a:hover 		{ color: #ffffff; }
#submenu .item a:active 	{ color: #ffffff; }

#submenu .admin				{ float: right; }
#submenu .admin a:link 		{ color: #7FD4FF; }
#submenu .admin a:visited 	{ color: #7FD4FF; }
#submenu .admin a:hover 	{ color: #ffffff; }
#submenu .admin a:active 	{ color: #ffffff; }

/**************************************************************************************************/
/* PAGE TITLE LAYOUT
/**************************************************************************************************/
#pagetitlemain 	{ padding:6px 0px 0px 0px; margin:0;  height:40px; border-bottom:1px solid #fcdb68; }
#pagetitle 		{ padding:6px 0px 0px 0px; margin:0;  height:30px; border-bottom:1px solid #fcdb68; }
#texttitle 		{ font-size:1.4em; 
				  padding:2px 0px 0px 0px; 
				  margin:0;  
				  height:24px; 
				  color:#66FF99; 
				  font-variant:small-caps; 
				  font-family: verdana, arial, tahoma; 
				  border-bottom:1px solid #fcdb68; }


/**************************************************************************************************/
/* PAGE CONTENT
/**************************************************************************************************/
#content 	{ border-bottom: 1px solid #fcdb68; }

#content .row0 { color:#808080; }
#content .row1 { color:#FFFF55; }
#content .row2 { color:#FFFAAA; }
#content .row3 { color:#00DF00; }

#content .section	{ padding-bottom:6px; padding-top:0px }
#content a 			{ text-decoration:none; }
#content a:link 	{ color: #7FD4FF; }
#content a:visited 	{ color: #7FD4FF; }
#content a:hover 	{ color: #ffffff; }
#content a:active 	{ color: #ffffff; }

#content ul 				{ width:100%; font-size:1em; margin:0; padding:0; display:block; }
#content ul li 				{ margin:0; padding-bottom:4px; text-indent:20px; color:#ffff66; list-style:none;}
#content ul li a 			{ text-decoration:none; display:block; margin:0; padding:0; }
#content ul li a:link		{ color:#ffff66; }
#content ul li a:visited	{ color:#ffff66; }
#content ul li a:hover 		{ color:#ffffff; }

#content h3			{ font-size:14px; font-weight:bold; padding-bottom:4px; padding-top:6px; margin:0; color:#FFFFAA; }
#content h4			{ font-size:11px; font-weight:normal; padding-bottom:8px; padding-top:10px; margin:0; color:#FF9F00; }
/**************************************************************************************************/
/* COMMITTEE CONTENT
/**************************************************************************************************/
#committee 	{ padding-bottom:16px; }

#committee .post 	{ width:180px; color:#fcdb68; }
#committee .name 	{ width:180px; }
#committee a 				{ text-decoration:none; }
#committee .post a:link 	{ color: #999; }
#committee .post a:visited 	{ color: #999; }
#committee .post a:hover 	{ color: #ffffff; }
#committee .post a:active 	{ color: #ffffff; }
#committee .email a:link 	{ color: #fcdb68; }
#committee .email a:visited { color: #fcdb68; }
#committee .email a:hover 	{ color: #ffffff; }
#committee .email a:active 	{ color: #ffffff; }

/**************************************************************************************************/
/* LECTURE CONTENT
/**************************************************************************************************/
#lectures 	{ padding-top:8px; }
#lectures .head { color:#fff; }

/**************************************************************************************************/
/* IMAGE FLOATS
/**************************************************************************************************/
.imgleft 	{ float: left; width: 200px; height:160px; padding-right:8px; }
.bookleft 	{ float: left; width: 200px; height:301px; padding-right:8px; padding-bottom:6px; padding-top:4px; }
.bookright 	{ float: right; width: 150px; height:157px; padding-left:8px; }
.imgright 	{ float: right; width: 200px; height:160px; padding-left:8px; }

/**************************************************************************************************/
/* NEWS INFORMATION
/**************************************************************************************************/
#newsflash 	{ text-align:center; 
			  font-variant: small-caps; 
			  color:#FFFF55; 
			  font-size:16px; 
			  padding-top:4px; 
			  font-weight:bold; }

#newsbox { min-height:150px;
		   border:1px solid #666666;
		   margin-bottom:6px }

#nextdive { min-height:150px;
		    border:1px solid #666666;
		    margin-bottom:6px }

#newscontent { border:1px solid #666666;
		       margin-bottom:6px }

/**************************************************************************************************/
/* GALLERY INFORMATION
/**************************************************************************************************/
#gallery 	{ text-align:center; 
			  padding-top:8px; }

/**************************************************************************************************/
/* FOOTER INFORMATION
/**************************************************************************************************/
#foot				{ padding-top:6px; height:24px; }
#foot #copy .lcol 	{ float:left; width:560px; }
#foot #copy .rcol 	{ float:right; width:280px; text-align:right; }
#foot a:link, #foot a:visited, #foot a:active	{ color:#777; text-decoration:none; }
#foot a:hover	{ color:#ccc; text-decoration:none; }
#foot #copy		{ font-family: Verdana, Tahoma, sans-serif; font-size:10px; color: #777; }

.contactinfo {
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
	}

.inputbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 220px;
}

.inputbox2 { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
}

.textDesc { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 562px;
}

.subjectbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 460px;
}

.loginbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 120px;
}

.button {
	border-top: solid 1px #d5d5d5;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #d5d5d5;
	background-color:#CCCCCC;
	font-size: 12px;
	padding: 3px;
	cursor: pointer;
}

.telephonebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 160px;
}

.textarea {
	color:#880b1f;
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size:11px;
	border: 1px solid #cccccc;
	padding:2px;
	width:400px;
	height:140px;
	overflow:auto;
	margin-top:6px;
}

.messagebox {
	color:#880b1f;
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size:11px;
	border: 1px solid #cccccc;
	padding:2px;
	width:460px;
	height:150px;
	overflow:auto;
	margin-top:6px;
}

.divesite { color: #880b1f; 
			background-color:#FFFFEE;
			font-family: Verdana, Tahoma, Arial, sans-serif; 
			font-size: 11px;
			border: 1px solid #cccccc;
			padding:1px;
			width: 300px; }

.divequal { color: #880b1f; 
			background-color:#FFFFEE;
			font-family: Verdana, Tahoma, Arial, sans-serif; 
			font-size: 11px;
			border: 1px solid #cccccc;
			padding:1px;
			width: 300px; }

.divenotes { color:#880b1f;
			 background-color:#FFFFEE;
			 font-family: Verdana, Tahoma, Arial, sans-serif; 
			 font-size:11px;
			 border: 1px solid #cccccc;
			 padding:2px;
			 width:600px;
			 height:100px;
			 overflow:auto;
			 margin-top:6px;
}

.reason { color:#880b1f;
		  background-color:#FFFFEE;
		  font-family: Verdana, Tahoma, Arial, sans-serif; 
		  font-size:11px;
		  border: 1px solid #cccccc;
		  padding:2px;
		  width:600px;
		  height:60px;
		  overflow:auto;
		  margin-top:6px;
}

.combobox { color: #880b1f; 
			background-color:#FFFFEE;
			font-family: Verdana, Tahoma, Arial, sans-serif; 
			font-size: 11px;
			border: 1px solid #cccccc;
			padding:1px; }
			
/**************************************************************************************************/
/* MEMBERS SECTION
/**************************************************************************************************/
#members #caution	{ text-align:center; padding-top:10px; padding-bottom:10px; color:#FFFFAA; }

#members .title 	{ border-bottom:1px solid #ffff66; padding:0px 0 0px 0; margin:0 0 10px 0;  height:40px; }
#members .title h1 	{ font-size:1.4em; padding:0; color:#66FF99; font-variant:small-caps;}
#members .title h2 	{ color:#666; margin:0; padding:0; font-weight:normal; font-size:14px; text-shadow:none; }

#members .profiletitle 	{  text-align:left; line-height:25px; color:#FFFF55; }
#members .membertitle 	{ text-align:right; line-height:25px; }
#members .memberupdate 	{ text-align:right; line-height:30px; }
#members .updatedata 	{ text-align:left; line-height:25px; color:#FFCC33; }
#members .memberdata 	{ text-align:left; line-height:25px; color:#FFCC33; }
#members .memberdatab 	{ text-align:left; line-height:25px; color:#009900; }
#members .clubfields 	{ text-align:right; line-height:25px; color:#FFCC33;}
#members .emailfields 	{ text-align:left; line-height:20px; color:#FFCC33;}
#members .feedata 	{ text-align:left; line-height:25px; color:#FFCC33; }
#members .feetitle 	{ text-align:left; line-height:25px; }

#members .addressbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 160px;
}

#members .citybox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 120px;
}

#members .postcodebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 60px;
}

#members .telephonebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 140px;
}

#members .occbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 200px;
}

#members .datetimebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 80px;
}

#members .shortbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 80px;
}

#members .combobox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding-left:2px;
}

#members .textarea {
	color:#880b1f;
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size:11px;
	border: 1px solid #cccccc;
	padding:2px;
	width:320px;
	height:130px;
	overflow:auto;
	margin-top:6px;
}

#divelog .notver 	{ color:#66CC66; }
#divelog .ver 		{ color:#FFCC33; }
#divelog .row2 		{ color:#FF9F00; }
#divelog .row3 		{ color:#9C9; }

#divelog .notcom 	{ color:#FF9; }
#divelog .comsuc	{ color:#3F9; }
#divelog .com		{ color:#3FF; }
#divelog .abort		{ color:#F63; }
#divelog .cancel	{ color:#FCF; }

#members .dgtitle 	{ text-align:right; line-height:30px; }
#members .dgresult 	{ text-align:left; line-height:30px; color:#FFCC33; }

/**************************************************************************************************/
/* PETITION SECTION
/**************************************************************************************************/
#petition { width:600px; }

#petition .inputbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 280px;
}
#petition .namebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 140px;
}
#petition .citybox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 200px;
}

#christmas {
	text-align:center;
}

/**************************************************************************************************/
/* FEE BOX
/**************************************************************************************************/
#feebox 	{ border-bottom: 1px solid #fcdb68; }

#feebox .row0 { color:#808080; }
#feebox .row1 { color:#FFFF55; }
#feebox .row2 { color:#FF9F00; }
#feebox .row3 { color:#00DF00; }

#feebox .section	{ padding-bottom:6px; padding-top:0px }
#feebox a 			{ text-decoration:none; }
#feebox a:link 		{ color: #7FD4FF; }
#feebox a:visited 	{ color: #7FD4FF; }
#feebox a:hover 	{ color: #ffffff; }
#feebox a:active 	{ color: #ffffff; }

#feebox ul 					{ width:100%; font-size:1em; margin:0; padding:0; display:block; }
#feebox ul li 				{ margin:0; padding-bottom:4px; text-indent:20px; color:#ffff66; list-style:none;}
#feebox ul li a 			{ text-decoration:none; display:block; margin:0; padding:0; }
#feebox ul li a:link		{ color:#ffff66; }
#feebox ul li a:visited		{ color:#ffff66; }
#feebox ul li a:hover 		{ color:#ffffff; }

#content h3			{ font-size:14px; font-weight:bold; padding-bottom:4px; padding-top:6px; margin:0; color:#FFFFAA; }
#content h4			{ font-size:11px; font-weight:normal; padding-bottom:8px; padding-top:10px; margin:0; color:#FF9F00; }