
/** 

	Table of Contents

	1. General
	2. Layout
	3. Navigation
	
	
**/





/** 1. General **/

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;
	}

TD {
	padding: 0; 
	vertical-align: top;
	}
	

H1 {
	margin: 5px 0px 15px 0; 
	color: #0066b2;
	font-size: 1.5em; 
	text-transform: capitalize; 
	}
/* 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*/

H1.printOnly	{display: none;}
	
H2 {
	clear: both; 
	margin: 20px 0px 3px 0; 
	color: #c60;
	font-size: 1.2em; 
	}


H3 {
	font-size: 1em; 
	margin: 15px 0px 5px 0; 
	color: #333;
	}

H4 {
	font-size: 1.1em; 
	margin: 6px 0px 0px 0; 
	color: #0066b2
	}
	
.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;
}

.NLFont {
	color: #333; 
	font-size: 1.3em; 
	font-family: "trebuchet ms", verdana, sans-serif;
	}

.NLcolRight {
	background: #d5e9f6;
	}
.newsletter 
{
	background-color:White;
	margin: 10px auto;
}


FORM {margin-top: 0;}

INPUT, TEXTAREA, OPTION, SELECT {font-size: 11px;}

#search
{
    float: right;
    width: 220px;
    margin-top: 4px;
    color: #f2f8fc;
    font-size: 10px;
}

#search A
{
    color: #fff;
}

A {color: #2685c3;}

A:hover {color: #c60;}

P {
	padding-right: 10px;
	line-height: 16px;
	}


.bold	{font-weight: bold;}

.small {font-size: 9px;}

.hilite {
	font-weight: bold; 
	color: #000;
	}
	/*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*/

.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;
}


P.back {
	width: 95%;
	margin-top: 35px; 
	border-top: #ddd 1px solid; 
}

P.indented {margin: 0px 15px 8px 25px;}

.date {
	font-size: 0.95em; 
	color: #666;
	}

DIV.right	{
	width: 750px;
	text-align: right;
	}



/** 2. Layout **/

.container {
	width: 780px; 
	margin: 10px auto; 
	text-align: left;
	}
	
/*#mast
{
    background: #2685c3;
}*/

.mast
{
    border: 1px solid #ddd;
}

DIV.navbar	{font-weight: bold;}

.imgArticle1
{
	width:300px;
}

.imgArticle2
{
	width:740px;
}
/*Commenting Start:Harshad(2006/11/01)
Not used in Entire Solution.*/
/*.main2 {
	clear: left;
	width: 780px;
	background-color:White;
	border-top: 1px solid #fff; 
	}

.main3 {
	clear: left; 
	width: 780px;
	border-top: 1px solid #fff; 
	}*/
/*End Commenting: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; 
	}
	
	
.main {
	clear: left; 
	width: 780px;
	border-top: 1px solid #fff; 
	}
/*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*/
.main TD.content {
	width: 780px;
	padding: 0 5px 30px 15px; 
	background: #fff; 
	}

.main TD.content2Col {
	width: 555px;
	padding-bottom: 30px; 
	background: #fff; 
	}

.main TD DIV.contentHome	{margin: 0 10px 0 15px;}

.main TD.colRight {
	width: 225px; 
	background: #d5e9f6;
	}

.main TD.colRightWhite  {
	width: 225px; 
	background: #fff;
	padding-top: 20px;
	}

TD.colRight A {
	font-weight: normal; 
	color: #2685c3;
	}

TD.colRight A:hover {color: #c60}

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.footer  {
	width: 780px; 
	border-bottom: 1px solid #fff; 
	padding: 3px 0; 
	background: #7fbde6; 
	color: #2685c3; 
	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: #7fbde6; 
	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;
	}

SPAN.subNav	{margin-right: 20px;}

SPAN.subNavActive	{margin-right: 20px;}

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: #de9b59;}

TABLE.form {
	width: 750px;
	border: 1px solid #77b8e4; 
	}

TABLE.form TD {
	font-family: arial;
	font-size: 11px;
	}

TABLE.form TD.label {
	 width: 110px; 
	 padding-left: 2px;
	 vertical-align: middle; 
	 background-color: #eaf4fa;
	}

TABLE.form TD.label1 {
	 width: 300px; 
	 padding-left: 2px;
	 vertical-align: middle; 
	 background-color: #eaf4fa;
	}

TABLE.form TD.labelLg {
	width: 160px; 
	padding-left: 2px;
	vertical-align: middle;
	background-color: #eaf4fa;
	}

TABLE.form TD.labelXLg {
	width: 260px; 
	padding-left: 2px;
	vertical-align: middle;
	background-color: #eaf4fa;
	}

TABLE.form TD.labelBlank {
	width: 100px; 
	background-color: #eaf4fa;
	}

TABLE.form TD.field	{
	width: 130px; 
	background-color: #f3f9fc;
	vertical-align: middle; 
	}

TABLE.form TD.fieldMed	{
	width: 390px; 
	background-color: #f3f9fc;
	vertical-align: middle; 
	}

TABLE.form TD.fieldLg {
	width: 208px; 
	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;
	}

.inputSm	{width: 50px;}
.inputReg	{width: 125px;}
.inputMed	{width: 202px;}
.inputWide	{width: 505px;}


.list {
	width: 750px;
	margin: 6px 0px 10px 0; 
	border: 1px solid #de9b59; 
	border-width: 1px 0 1px 0;
	border-collapse: collapse;
	}


.list TD   {
	padding: 3px 4px; 
	vertical-align: top; 
	border-left: 1px solid #de9b59; 
	border-right: 1px solid #de9b59;
	font-family: arial;
	font-size: 11px;
	}

.list1 {
	margin: 6px 0px 10px 0; 
	border: 0px solid #de9b59; 
	border-width: 0px 0 0px 0;
	border-collapse: collapse; 
	}

.list1 TD   {
	padding: 3px 4px; 
	vertical-align: top; 
	border-left: 0px solid #de9b59; 
	border-right: 0px solid #de9b59;
	font-family: arial;
	font-size: 11px;
	}
	
.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;
}

SPAN.label  {
	color: #c60;
	font-weight: bold;
	}

TR.hdRow TD {
	font-weight: normal; 
	font-size: 11px; 
	color: #c60; 
	border-bottom: 1px solid #de9b59; 
	background-color: #eedbc7;
	}

.relay {margin-left: -10px;}

.relay TR TD {
	padding: 3px 8px;
	border-left: 0px solid;
	}

IMG.leftAligned {
	float: left; 
	margin: 0px 10px 4px 15px;
	}
	
IMG.rightAligned {
	float: right; 
	margin: 5px 15px 4px 10px;
	}

IMG.toTop {
	float: right; 
	width: 9px; 
	height: 7px;
	margin-right: 15px; 
	}
/*
DIV.crumbs {
	height: 16px;
	margin-top: 10px; 
	font-size: 11px; 
	color: #b2b2b2; 
	}

DIV.crumbs A {
	color: #b2b2b2; 
	text-decoration: none;
	}

DIV.crumbs A:hover {color: #c60;}
*/
DIV.crumbs {
	clear: left;
	padding: 10px 14px; 
	font-size: 10px; 
	color: #b2b2b2; 
	background: #fff;
	}

DIV.crumbs A {color: #002f2f;}

.requiredField {
	color: #999; 
	font-size: 10px; 
	text-align: left;
	}

SPAN.required {
	color: #c60;
	font-weight: normal; 
	font-size: 1.1em; 
	}

DIV.steps {text-align: center;}


TABLE.userBioPress {
	BORDER-right: #77b8e4 1px solid; border-top: #77b8e4 1px solid; margin-LEFT: 1px; BORDER-LEFT: #77b8e4 1px solid; width: 750px; BORDER-BOTTOM: #77b8e4 1px solid
}

TABLE.userBioPress TD {
	padding-right: 2px; padding-LEFT: 2px; padding-bottom: 2px; padding-TOP: 2px
}
TABLE.userBioPress TD.hdRow {
	padding-right: 8px; padding-LEFT: 0px; padding-bottom: 3px; padding-TOP: 3px; BORDER-BOTTOM: #77b8e4 1px solid; text-align: right
}
TABLE.userBioPress TD.label {
	font-weight: normal; vertical-align: top; width: 110px; color: #0066b2; background-color: #eaf4fa
}
TABLE.userBioPress TD.labelLg {
	font-weight: normal; vertical-align: top; width: 160px; background-color: #eaf4fa
}
TABLE.userBioPress TD.field {
	width: 135px; background-color: #fbfbfb
}
TABLE.userBioPress TD.fieldLg {
	width: 380px; background-color: #fbfbfb
}

.headshot	{
	float: right; 
	margin-right: 25px;
	text-align: center;
	}

DIV.retype	{
	margin-top: 5px;
	font-family: arial;
	font-size: 11px;
	}


.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;
	}

	/* These classes are used by the script as rollover effect for table 1 and 2 */
	/* CSS Style Start: SandeshK (2006/09/07) */
	
	.row_highlight
	{
		background-color:#F7F4E2;
		background-repeat: repeat-x;
	}

	.alt_row_highlight
	{
		background-color:#F7F4E2;
		background-repeat: repeat-x;
	}

	.labelclass
	{
		font-size: 0.95em; 
		color: #666;
		
	}
	.spanclass
	{
		font-size: 0.95em; 
		color: #666;
		
	}
	.spanboldclass
	{
		font-size: 0.95em; 
		font-weight:bold; 
		color: #666;
		
	}
	/* CSS Style End: SandeshK */
	
TABLE#steps TD	{
	width: 60px;
	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;}

