/* 
	Title: mainStyles.css
	Project: Long Boat Key Club Owner's Association Administration
	Developer: Tyson Willey
	Designer: Iggy Garcia
	Company: First Marketing Group, International
	Date: November 13, 2006	
 */
 
Body {
	background-image: url(../images/pageBG.jpg);
	background-repeat: repeat-x;
	background-color: #5185c5;
	margin-top: 30px;}
	
H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;	
	letter-spacing: -1px;}
	
	
/* Nav Shadows */

.navTopLeft {
	background-image: url(../images/navTopLeft.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 15px;
	height: 12px;}
	
.navTop {
	background-image: url(../images/navTop.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 12px;}
	
.navTopRight {
	background-image: url(../images/navTopRight.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 18px;
	height: 12px;}
	
.navLeft {
	background-image: url(../images/navLeft.png);
	background-repeat: repeat-y;
	width: 15px;}
	
.navRight {
	background-image: url(../images/navRight.png);
	background-repeat: repeat-y;
	width: 18px;}
	
.navBottomLeft {
	background-image: url(../images/navBottomLeft.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 10px;}
	
.navBottom {
	background-image: url(../images/navBottom.png);
	background-repeat: repeat-x;
	height: 10px;}
	
.navBottomRight {
	background-image: url(../images/navBottomRight.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 10px;}
	
	
/* White Tables */

.whiteContent_td {
	background-color: #FFFFFF;
	vertical-align: top;}
	
.whiteTopLeft {
	background-image: url(../images/whiteTopLeft.png);
	background-repeat: no-repeat;
	background-position: bottom;	
	width: 15px;
	height: 18px;}
	
.whiteTop {
	background-image: url(../images/whiteTop.png);
	background-repeat: repeat-x;
	background-position: bottom;	
	height: 18px;}		
	
.whiteTopRight {
	background-image: url(../images/whiteTopRight.png);
	background-repeat: no-repeat;
	background-position: bottom;	
	width: 18px;
	height: 18px;}		

.whiteLeft {
	background-image: url(../images/whiteLeft.png);
	background-repeat: repeat-y;	
	width: 15px;}
	
.whiteRight {
	background-image: url(../images/whiteRight.png);
	background-repeat: repeat-y;	
	width: 18px;}	
	
.whiteBottomLeft {
	background-image: url(../images/whiteBottomLeft.png);
	background-repeat: no-repeat;	
	width: 15px;
	height: 14px;}
	
.whiteBottom {
	background-image: url(../images/whiteBottom.png);
	background-repeat: repeat-x;	
	height: 14px;}		
	
.whiteBottomRight {
	background-image: url(../images/whiteBottomRight.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 14px;}		
	
	
/* Header */
#header_table { 
	width: 775px;	
	border: none;}
	
#pageGreeting_td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;	
	letter-spacing: -1px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 7px;
	padding-bottom: 0px;}
	
#logo_td {
	text-align: right;
	vertical-align: bottom;}	
	
#logo_td A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;}
	
#logo_td A:Hover {
	text-decoration: underline}
	
#mainNavHolder_td {
	text-align: left;}

#mainNav_table { }	

/* Content */

#content_table {
	width: 775px;}
	
#intro_table {
	width: 100%;
	height: 100%;}
	
#units_table {
	width: 100%;
	height: 100%;}
	
#messages_table {
	width: 100%;
	height: 100%;}
	
#news_table {
	width: 100%;
	height: 100%;}			
	
/*------------------------------ Login Styles ------------------------------*/

#loginTable {
	width: 300px;}

.loginText {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	background-color: #FFFFFF;}
	
.loginText INPUT.textInput {
	font-family: Arial, Helvetica, sans-serif;
	color: #335a8c;
	font-size: 12px;
	text-align: left;
	border: 1px solid #517fb7;
	background-color: #c8e1ff;
	padding-left: 3px;
	width: 99%;}
	
.loginSubmit {
	text-align: left;
	vertical-align: top;
	padding-left: 3px;}
	
.loginSubmit INPUT {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;}
	
.loginCheckBox {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;}

.loginCheckBox INPUT {
	}	
	
/*------------------------------ Form Styles ------------------------------*/	
	
.formTable {
	width: 100%;}
	
.formCell {
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	background-color: #FFFFFF;}

.formLabel {
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	background-color: #FFFFFF;}
	
.formError {

	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	background-color: #FFFFFF;}
	
INPUT.formField, TEXTAREA.formField {
	font-family: Arial, Helvetica, sans-serif;
	color: #335a8c;
	font-size: 12px;
	text-align: left;
	border: 1px solid #517fb7;
	background-color: #c8e1ff;
	padding-left: 3px;
	width: 95%;}
	
INPUT.formRadio {
	color: #335a8c;}	
	
SELECT.formField {
	font-family: Arial, Helvetica, sans-serif;
	color: #335a8c;
	font-size: 12px;
	text-align: left;
	border: 1px solid #517fb7;
	background-color: #c8e1ff;
	padding-left: 3px;
	width: 235px;}
	
.formSubmit {
	text-align: center;
	vertical-align: top;
	padding-left: 3px;}
	
.formSubmit INPUT {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;}
	
SELECT.contactsSel {
	font-family: Arial, Helvetica, sans-serif;
	color: #335a8c;
	font-size: 12px;
	text-align: left;
	border: 1px solid #517fb7;
	background-color: #c8e1ff;
	padding-left: 3px;}	
	
OPTGROUP.contactsSel {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;}	
	
OPTION.contactsSel{
	padding-left: 10px;}	
	
/*------------------------------ Content Cells ------------------------------*/			

.halfColumn_td {
	width: 50%;
	vertical-align: top;}
	
.fullColumn_td {
	width: 100%;}	
	

.panelContent_table {
	width: 100%;
	height: 100%;}			
	
.panelHeader_td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	letter-spacing: -1px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px #333333 solid;
	padding-bottom: 0px;}	
	
.panelData {
	padding: 15px;}	
	
/* Introduction Panel */

#introText_td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005954;
	text-align: left;}	
	
/* Units Panel */	
#unitDisplayTable {
	width: 100%;}

.unitData {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005954;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;}
	
/* Messages Panel */	

#messageDisplayTable {
	width: 100%;}
	
.CatagoryHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding-left: 3px;
	border-bottom: 1px #333333 solid;}
	
.CatagoryData {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	color: #005954;
	text-align: left;
	vertical-align: middle;
	border: none;}
	
.messageViewed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	color: #666666;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border: none;}	
	
.messageNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	color: #005954;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border: none;}	
	
.rowBG1 {
	background-color: #FFFFFF;}

.rowBG2{
	background-color: #F0F0F0;}
	
.rowOver {
	background-color: #daebff;}
	
/* News Panel */	

#newsDisplayTable {
	width: 100%;
	border-bottom: 5px solid #FFFFFF;}
	
.newsOver {
	background-color: #daebff;}	
	
.newsOut {
	background-color: none;}		
	
.newsTitle {
	text-align: left;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 3px;
	border-bottom: 1px #333333 solid;}
	
.newsDate {
	text-align: right;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 3px;
	border-bottom: 1px #333333 solid;}
	
.newsData {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	color: #005954;}
	
.newsData A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	text-decoration: underline;
	color: #a51b2e;}
	
.newsData A:Hover {
	text-decoration: none;
	color: #333333;}
	
#photoGall_table {}	

.photoGall_thumb {
	width: 56px;
	padding: 3px;
	text-align: center;
	vertical-align: top;}	
	
.photoGallData {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 11px;
	padding: 3px;
	color: #005954;}	
	
.photoGall_thumb IMG{
	border: 1px solid #005954;}	
	
.reportIcon {
	width: 56px;
	padding: 3px;
	vertical-align: middle;
	text-align: center;}
	
.reportIcon IMG{
	border: none;}	

#rosterUnits {
	width: 100px;}	
	
	
#footer_table {
	width: 775px;	
	border: none;
	margin-top: 30px;}
	
#footer_table TD {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;}
	
#footer_table TD A {
	color: #FFFFFF;
	text-decoration: none;}

#footer_table TD A:Hover {
	text-decoration: underline;}