
BODY {
	background: url(/img/bg_deep_sea.gif) #2685c3 fixed repeat-x left bottom;
	margin: 0px; 
	padding-bottom: 20px; 
	text-align: center;
	}

BODY.popup {
	background: #fff; 
	margin: 20px; 
	text-align: left;
	}

BODY, TD, P, DIV {
	color: #333; 
	font-size: 12px; 
	font-family: "trebuchet ms", verdana, sans-serif;
	}

IMG	{border: 0;}

TD {
	padding: 0; 
	vertical-align: top;
	}
	
H1 {
	margin: 5px 0px 15px 0; 
	color: #1A5A83;
	font-size: 1.5em; 
	}
	
H1.printOnly	{display: none;}
	
H2 {
	clear: both; 
	margin: 15px 0 5px 0; 
	/** color: #c60; **/
	color: #0c4c76;
	font-size: 1.3em; 
	letter-spacing: .05em;
	border-bottom: 1px solid #95912B;
	}

H2.AdminUserEdit {
	clear: both; 
	margin: 15px 0 5px 0; 
	/** color: #c60; **/
	color: #E36816;
	font-size: 1.5em; 
	letter-spacing: .05em;
	border-bottom: 2px solid black; 
	font-style:italic;
	}

H3 {
	font-size: 1em; 
	margin: 15px 0px 5px 0; 
	color: #333;
	}

H4 {
	font-size: 1.1em; 
	margin: 6px 10px 4px 0; 
	padding: 2px;
	color: #706E5E;
	background: #FCF9D5;
	}

A {color: #0687af;}

A:hover {color: #c60;}

P {
	margin: 6px 10px 0 0;
	line-height: 16px;
	}

P.back {
	width: 95%;
	margin-top: 35px; 
	border-top: #ddd 1px solid; 
}

P.indented {margin: 0px 15px 8px 25px;}

P.actionLinks	{padding: 4px 0 2px 0;}

P.selectYear	{padding: 4px 0 6px 0;}

FORM {margin: 0;}


INPUT, TEXTAREA, OPTION, SELECT {
	font-size: 11px;
	color: #555;
	}

INPUT.submit	{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	color: #333333;
	font-weight: bold;
	font-family: "trebuchet ms", Helvetica, Arial, sans-serif;
	}

#search	{
	 float: right;
	 width: 220px; 
	 margin-top: 4px; 
	 color: #f2f8fc; 
	 font-size: 10px;
	 }
	 
#search A	{color: #fff;}

:focus { -moz-outline-style: none; }

.showHide	{
	float: right;
	padding-top: 2px;
	text-align: right;
	}
	
.showHide A.hide	{
    display:block;
	width:11px;
	height:11px;
	font-size:8px; 
	background: url(../img/icon_showHide.gif) 0 0 no-repeat; 
	}
	
.showHide A.show	{
    display:block;
	width:11px;
	height:11px;
	font-size:8px; 
	background: url(../img/icon_showHide.gif) 0 -22px no-repeat; 
	}

.newsletter 
{
	background-color:White;
	margin: 10px auto;
}



.bold	{font-weight: bold;}

.small {font-size: 0.95em; }

.grey	{color: #666;}


.hilite {
	font-weight: bold; 
	color: #000;
	}

.error {
	margin: 10px 0px 15px 0px; 
	padding-left: 20px; 
	background-image: url(/img/icon_exclamation.gif); 
	background-REPEAT: no-repeat;
	color: #f00; 
	font-weight: bold; 
}

DIV.notification {
	margin: 10px 0px 15px 0px; 
	color: #3c0;
	font-weight: bold;
}

.date {
	color: #333;
	}

.distance {
	margin: 2px 0 6px 0;
	font-size: 0.95em; 
	color: #999;
	}

.distance2 {
	margin: 2px 0 0 3px;
	font-size: 0.95em; 
	color: #999;
	display:inline;
	}

.panelLink
{
    padding:2px 0 6px 0;
}
DIV.right	{
	width: 750px;
	text-align: right;
	}

.dimmed	{color: #999;}

.pager	{
	margin-top: 10px;
	padding: 4px 0;
	text-align: center;
	background: #efecca;
	}

/** 2. Layout **/

.container {
	width: 780px; 
	/*margin: 10px auto; */
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:10px; 
	text-align: left;
	background: #fff;
	}

.content {padding: 0 15px 30px 15px;}


TABLE.main	{width: 780px;}

.main TD.content {
	width: 780px;
	padding: 0 5px 30px 15px; 
	background: #fff; 
	}


.main TD.content2Col {
	width: 555px;
	padding-bottom: 30px; 
	background: #fff; 
	}


.main TD.colRight {
	width: 225px; 
	background: #efecca;
	}

.main TD.colRightWhite  {
	width: 225px; 
	background: #fff;
	padding-top: 20px;
	}

#mast {background: #2685c3;}

#swimIntro	{padding-left: 15px;}

#swimIntro IMG	{
	float: right;
	margin-left: 10px;
	}

.imgArticle1	{width:300px;}

.imgArticle2	{width:740px;}

DIV.adminBar	{
	width: 100%;
	height: 10px;
	background: #ddd;
	}

DIV.colRightPanel {
	margin-left: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff; 
	}

DIV.colRightPanel P {
	margin-top: 0px;
	margin-bottom: 4px;
	}

DIV.colRightPanel2 {
	padding:0;
	}

DIV.colRightPanel2 P {
	/*margin:10px;*/
	}
DIV.colRightPanel2 H4 {
	font-family: 'trebuchet ms',arial; 
	color: #0C4C76;
	font-size: 14px; 
	font-weight: bold; 
	margin-right: 0px;
	background: #efecca;
	}
DIV.colRightPanelBorder H4 {
	font-family: 'trebuchet ms',arial; 
	color: #0C4C76;
	font-size: 14px; 
	font-weight: bold; 
	margin-right: 0px;
	background: #efecca;
	padding:0;
	margin:0 0 4px 0;
	}

DIV.colRightPanelBorder 
{
    clear:both;
    margin:10px;
	border: 1px solid #C0C0C0; 
	padding: 5px 10px 5px 10px;
}

DIV.colRightPanelBorder P {
	/*margin:10px;*/
	}
	
DIV.footer  {
	width: 780px; 
	border-bottom: 1px solid #fff; 
	padding: 3px 0; 
	background: #1A5A83; 
	color: #efecca; 
	font-size: 0.95em; 
	text-align: center;
	}
DIV.footerPopUp 
{
	border-bottom: 1px solid #fff; 
	padding: 3px 0; 
	background: #7fbde6; 
	color: #2685c3; 
	font-size: 0.95em; 
	text-align: center;
}	



/** 3. Navigation  **/

UL {
	z-index: 100;
	margin: 0px; 
	padding: 0;  
	list-style-type: none;
	}

UL#nav, UL.nav {
	z-index: 100;
	border-top: #fff 1px solid; 
	}

#nav A, .nav A {
	color: #fff; 
	font-weight: bold; 
	font-size: 110%; 
	text-decoration: none;
}

#nav A:hover, .nav A:hover {color: #0e4f78;}

#nav LI, .nav LI {
	float: left; 
	position: relative; 
	width: 195px; 
	padding: 5px 0; 
	background-color: #0c4c76; 
	text-align: center;
	}

#nav LI LI, .nav LI LI {
	float: left; 
	position: relative; 
	width: 185px; 
	padding: 0; 
	background-color: #7fbde6; 
	text-align: left;
	}
#nav LI LI A, .nav LI LI A {
	display: block; 
	width: 185px; 
	padding: 3px 3px 3px 5px; 
	font-weight: normal; 
	font-size: 0.95em; 
	color: #0e4f78;
	}

#nav LI LI A:hover, .nav LI LI A:hover  {
	color: #c60; 
	background-color: #d5e9f6;
	}

LI UL {
	display: none; 
	position: absolute; 
	left: 0;
	width: 195px; 
	padding: 5px 0; 
	font-weight: normal; 
	border-bottom: 1px solid #fff; 
	}

LI LI {
	display: block; 
	float: none; 
	border-width: 0; 
	}

LI:hover UL {
	display: block; 
	background-color: #7fbde6;
	}

LI.over UL {
	display: block; 
	background-color: #7fbde6;
	}

UL#subnav	{
	width: 600px;
	margin-top: 40px;
	padding: 4px 2px;
	border: 1px dotted #666;
	border-width: 1px 0;
	}

UL#subnavEvent	{
	clear: both;
	width: 745px;
	margin: 10px 0;
	padding: 4px 2px;
	border: 1px dotted #666;
	border-width: 1px 0;
	}

UL#subnav LI, UL#subnavEvent LI	{
	display: inline;
	border: 1px solid #fff;
	padding: 2px 8px 2px 8px;
	}

UL#subnav LI.active, UL#subnavEvent LI.active	{background: #95912B; color: #fff;}

#bimgImage	{margin-right: 15px;}

A.arrow	{
	margin-right: 20px;
	padding-left: 10px;
	background: url(../img/arrow_sm.png) left center no-repeat;
	}

.headshot	{
	float: right; 
	padding-right:18px;
	}

DIV.boxLinks {
	width: 95%; 
	padding: 4px; 
	line-height: 18px;
	}
	
DIV.loginLink {
	padding: 4px; 
	border-top: #fff 1px solid; 
	font-size: 10px; 
	color: #fff;
	}

DIV.admin {
	padding: 4px;
	font-size: 10px;
	}

.admin A {color: #2685c3;}

.loginLink A:link {color: #2685c3;}

.logoPrint {display: none;}

.clearFloats {clear: both;}

SPAN.subNavActive	{color: #BDDBBB;}

.experience	{
	margin: 1px 40px 1px 40px;
	color: #666;
	font-size: 11px;
	}

.or	{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	}
	
TABLE.form {
	width: 750px;
	border-top: 1px solid #eae9d5;
	border-left: 1px solid #eae9d5;
	border-right: 1px solid #cac895;
	border-bottom: 1px solid #cac895;
	}

TABLE.form TD	{
	font-family: arial;
	font-size: 11px;
	color: #000;
	padding: 3px 5px 3px 0;
	}

TABLE.form TD.label {
	 width: 105px; 
	 padding-top: 4px;
	 vertical-align: top; 
	 background-color: #eaf4fa;	
	 text-align: right;
	 }
	 
TABLE.form TD.label2 {
	 padding-top: 4px;
	 vertical-align: top; 
	 background-color: #eaf4fa;	
	 text-align: right;
	 }
	 
TABLE.form TD.label110 {
	 width: 110px; 
	 padding-top: 4px;
	 vertical-align: top; 
	 background-color: #eaf4fa;
	 text-align: right;
	 }

TABLE.form TD.labelLg {
	width: 168px; 
	padding-left: 2px;
	background-color: #eaf4fa;
	text-align: right;
	}

TABLE.form TD.labelXLg {
	width: 260px; 
	padding-left: 2px;
	background-color: #eaf4fa;
	text-align: right;
	}

TABLE.form TD.required {font-weight: bold;}

.required SPAN, .requiredField SPAN {
	color: #c60;
	font-size: 1.1em; 
	}

.retype	{margin-top: 6px;}

TABLE.form TD.field	{
	width: 130px; 
	vertical-align: top; 
	color: #666;
	background-color: #f3f9fc;
	}
	
TABLE.form TD.field2	{
	color: #666;
	background-color: #eaf4fa;
	padding-top: 4px;
	vertical-align: top; 
	}
	
TABLE.form TD.field3	{
	color: #666;
	background-color: #f3f9fc;
	padding-top: 4px;
	vertical-align: top; 
	}

TABLE.form TD.fieldLg {
	width: 200px; 
	background-color: #f3f9fc;
	vertical-align: middle; 
	}

TABLE.form TD.fieldXLg {
	width: 508px; 
	background-color: #f3f9fc;
	vertical-align: middle; 
	}

TABLE.formSubmit {
	width: 750px;
	margin-top: 10px; 
	border: 1px solid #77b8e4; 
	}

TR.rowSubmit TD {
	padding: 4px 0;
	background-color: #d5e9f6; 
	text-align: center;
	}


TABLE.list	{
	width: 750px;
	border-collapse: collapse;
	}

TABLE.list TH	{
	font-family: arial;
	font-size: 11px;
    font-weight: normal;
    color: #000;
    border: 1px solid #0066b2;
    background-color: #eaf4fa;
    text-align: center;
}

TABLE.list TD	{
	font-family: arial;
	font-size: 11px;
	color: #000;
	padding: 3px;
    border: 1px solid #999;
	}

TR.hdRow TD {
	font-weight: normal; 
	font-size: 11px; 
	color: #95912B; 
	border: 1px solid #999; 
	background-color: #e6e2af;
	}

TR.hdRow TD A {color: #706E5E;}

.listalternatingitem {
	width: 750px;
	margin: 6px 0px 10px 0; 
	border: 1px solid #de9b59; 
	border-width: 1px 0 1px 0;
	border-collapse: collapse; 
	background-color: #F0F0F0;
	}

.listAltItmBGCol {background-color:#E7E7E7;}

.inputSm	{width: 50px;}
.inputReg	{width: 125px;}
.inputMed	{width: 202px;}
.inputWide	{width: 505px;}

.relay {margin-left: -10px;}

.relay TR TD {
	padding: 3px 8px;
	border-left: 0px solid;
	}

IMG.leftAligned {
	float: left; 
	margin: 0px 10px 4px 0;
	}
	
IMG.rightAligned {
	float: right; 
	margin: 5px 0 4px 10px;
	}

IMG.toTop {
	float: right; 
	width: 9px; 
	height: 7px;
	margin-right: 15px; 
	}

DIV.crumbs {
	clear: left;
	padding: 10px 14px; 
	font-size: 10px; 
	color: #b2b2b2; 
	background: #fff;
	}

DIV.crumbs A {color: #002f2f;}




TABLE#steps TD	{
	width: 100px;
	text-align: center;
	font-size: 22px;
	color: #ddd;
	}
TABLE#steps TD.active	{color: #c60; font-weight: bold; background: url(../img/arrow.png) 50% 50% no-repeat;}

TABLE#steps TD.active .label	{color: #c60;}




TABLE#ucMenu_steps TD	{
	width: 100px;
	text-align: center;
	font-size: 22px;
	color: #ddd;
	}

TABLE#ucMenu_steps TD.active	{color: #c60; font-weight: bold; background: url(../img/arrow.png) 50% 50% no-repeat;}

TABLE#ucMenu_steps TD.active .label	{color: #c60;}


DIV.retype	{
	margin-top: 5px;
	font-family: arial;
	font-size: 11px;
	}

.main TD DIV.contentHome	{margin: 0 10px 0 15px;}

#userBio	{
	width: 600px; 
	/**	
	padding: 5px 0; 
	background: #fff; 
	border-top: 1px solid #b6c9d6;
	border-left: 1px solid #b6c9d6;
	border-bottom: 1px solid #0c4c76;
	border-right: 1px solid #0c4c76;**/
	}
	
#userBio .col	{
	float: left; 
	width: 250px; 
	margin: 5px 10px;
	line-height: 18px;
	}


.pLable 
{
	color: #333; 
	font-size: 12px; 
	font-family: "trebuchet ms", verdana, sans-serif;	
	
}

.Header1
{
	margin: 5px 0px 15px 0; 
	color: #0066b2;
	font-size: 1.5em; 
	text-transform: capitalize; 
	font-family: "trebuchet ms", verdana, sans-serif;
	}

.mainNL {
	clear: left; 
	width: 740px;
	border-top: 1px solid #fff; 
	}
.mainNL TD.content2Col {
	width: 500px;
	padding-bottom: 30px; 
	background: #fff; 
	}
.H4NewsLetter {
	font-size: 1.4em; 
	font-weight: normal;
	margin: 6px 0px 0px 0; 
	font: trebuchet ms, verdana, sans-serif;
	color: #0066b2;
	}
.H3NewsLetter {
	font-size: 1.3em; 
	font-weight: bold;
	margin: 6px 0px 0px 0; 
	font: trebuchet ms, verdana, sans-serif;
	color: #0066b2;
	}
.UlNewsLetter
{
	display:block;
	margin:auto auto auto 30pt;
	margin-left:30pt;
	list-style-type:disc;
}

.BodyNewsLetter
{
	background: #fff;
	margin: 0px; 
	padding-bottom: 20px; 
	text-align: center;
}

	
/* Start of Block by Sandesh */
.ArticleTemplate2 {
	color: #6066b2;
	font-size: x-large ;
	text-align:center;
	word-spacing:5;
	text-transform: capitalize; 
	}

.subtitle {
	clear: both; 
	margin: 20px 0px 3px 0; 
	color: #a6a;
	font-size: 1.2em; 
	}

.glow {
	font-weight: bold; 
	color: #aaf;
	text-decoration: underline;
	font-size:small;
	}
/* End of Block by Sandesh*/

.NLFont {
	color: #333; 
	font-size: 1.3em; 
	font-family: "trebuchet ms", verdana, sans-serif;
	}

.NLcolRight {background: #efecca;}

	/*Code Start:Harshad(2006/11/01)*/
.hiliteamenity{
	font-weight:bold;
	color: #333;
	font-family:Arial CYR;
		
}
.hiliteLabel {
	font-weight:bold; 
	color: #333;
	font-family:"trebuchet ms", verdana, sans-serif;
	font-size:12px;
	}
	/*End Code-Harshad*/



.content3 {
	width: 780px;
	padding: 0 5px 30px 15px; 
	background: #fff; 
	}
	
.H1Admin {
	margin: 5px 0px 15px 0; 
	color: #0066b2;
	background: #fff;
	font-size: 1.5em; 
	text-transform: capitalize; 
	}


/*Code Start:Harshad(2006/11/01)
Added property font-family*/
.main2{
	clear: left; 
	width: 700px;
	border-top: 1px solid #fff;
	font-family:"trebuchet ms", verdana, sans-serif;
	}	
/*End:Harshad*/


	.labelclass
	{
		font-size: 0.95em; 
		color: #666;
		
	}


.labelWeather	{
	margin: 3px 0 10px 0;
	font-size: .95em;
	}

TABLE.weatherInfo TD	{
	padding: 2px 0;
	font-size: 0.95em;
	}

.requiredField {
	color: #999; 
	font-size: 10px; 
	text-align: left;
	}

.noRecords
{
    color: #333; 
    font-size:12px;
    font-weight:normal;
    font-family: "trebuchet ms", verdana, sans-serif;
    letter-spacing:normal;
}
.radGridItem TABLE TD	{border: 0 !important;}
.radGridItem TABLE {margin-bottom: 10px; }
.paging	{
	float: right;
	width: 250px;
	padding: 0 10px 10px 0;
	text-align: right;
	}
	
a.tooltip span 
{
    display:none; 
    padding:2px 3px; 
    margin-left:8px; 
    width:130px;
}

a.tooltip:hover span
{
    display:inline; 
    position:absolute; 
    border:1px solid #cccccc; 
    background:#ffffff; 
    color:#6c6c6c; 
    text-decoration:none;
}

a.tooltip:hover
{
    background:#ffffff; 
    text-decoration:none;
}



/**  SPONSORS  OFFICE **/


P.sponsors	{text-align: center;}
	
P.sponsors IMG	{margin: 10px;}


