/*  banner rules begin on line 97 and end on line 129  */
/*  navigation rules begin on line 134 and end on line 154  */
/*  main content rules begin on line 161 and end on line 372  */
		 /*  left and sub left content rules begin on line 179 and end on line 219  */
		 /*  right and sub right content rules begin on line 223 and end on line 363  */
/*  footer content rules begin on line 376 and end on line 435  */

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

body { 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cbf4ff;
	margin:0 auto;
	background: #000000 url(images/home1_bg.jpg) top center no-repeat;
	}
	
body.subTemplate { 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cbf4ff;
	margin:0 auto;
	background: #000000 url(images/videoTemplateBG.jpg) top center no-repeat;
	}		
	
body.genericTemplate { 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cbf4ff;
	margin:0 auto;
	background: #000000 url(images/genericTemplateBG.jpg) top center no-repeat;
	}	
	
body.videoTemplate { 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cbf4ff;
	margin:0 auto;
	background: #000000 url(images/memberVideoTemplateBG.jpg) top center no-repeat;
	}	

	
table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cbf4ff;
	border: none;
	}
	
h1 {
	font-weight: normal;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	/*text-transform: uppercase;  Optional */
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	/*text-transform: uppercase;  Optional */
	}

h3 {
	font-weight: bold;
	font-size: 14px;
	color: #cbf4ff;
	padding: 5px 0 10px 0;
	margin: 0;
	/*text-transform: uppercase;  Optional */
	}

p 
{
	margin:0;
	padding:0;
}
	
a:link, a:visited {
	text-decoration: underline;
	color: #008C01;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #fff;
	}

/* ----------------------- <genClasses> --------------------------- */

.mainContainer {
	width:939px;
	margin:0 auto;
	}
	
	/*	Banner and related rules*/
.banner {
	width:939px;
	height:87px;
	text-align:right;
	color:#cbf4ff;
	}
		
.banner img{
	float:left;
	}	
	
#login	{
display:block;
padding-top:10px;
}	

#login form{
display:inline;
}

input.loginTextField, textarea, input.prefillText {
background-color:#fff;
border:1px solid #344043;
color:#000;
padding:5px;
font:12px Verdana, Arial, Helvetica, sans-serif;
}

.buttonStyle {
background-color:#000;
border:1px solid #344043;
color:#cbf4ff;
padding:4px;
font:12px Verdana, Arial, Helvetica, sans-serif;
}

input.loginTextFieldReversed {
background-color:#000;
border:1px solid #344043;
color:#cbf4ff;
padding:5px;
font:12px Verdana, Arial, Helvetica, sans-serif;
}

input.password{
	background:url(images/password.jpg) no-repeat right top;
	background-color:#fff;
	border:1px solid #344043;
	color:#cbf4ff;
	padding:5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
input.password2	
{
	background-color:#fff;
	border:1px solid #344043;
	color:#000;
	padding:5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

input.loginTextField2 
{
background-color:#000;
border:1px solid #344043;
color:#cbf4ff;
font:9px Verdana, Arial, Helvetica, sans-serif;	
cursor:pointer;
}

input.loginTextField3
{
background-color:#000;
border:1px solid #344043;
color:#cbf4ff;
font:9px Verdana, Arial, Helvetica, sans-serif;	
cursor:pointer;
clear:both;
float:right;
margin-right:20px;
margin-top:5px;
}



/* extra class to highlight input boxes for login validation */
input.loginTextFieldHighlight
{
	background-color:#000;
	border:1px solid #008c01;
	color:#cbf4ff;
	padding:5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

input.signIn{
cursor:pointer;
}


	/*	End Banner and related rules */
	
	/*	Navigation */

.navigation{
width:939px;
height:30px;
margin:0 auto;
padding:0;
text-align:center;
display:block;
}

.navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}

.navigation li
{
float:left;
margin: 0 ;
}

	/*	End Navigation */
	
	/*	content areas */
	
.content{
	width:935px;
	margin: 0 auto;
	padding:0;
	}
	
.genericContent{
	width:800px;
	margin: 0 auto;
	padding:20px 0 0 0;
	min-height:300px;
	
	
	}	
	
.genericContent  h1{
	font:18px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}	
	
.genericFormStyles{
    margin-left:148px; 
    background-color:#101415; 
    width:450px; 
    border:1px solid #354043; 
    padding:20px;    
    }	
    
.incorrectLogin
{
	margin: 0 auto; 
    background-color:#101415; 
    margin-bottom: 10px;
    border:1px solid #354043; 
    padding:10px;    
    text-align:center;
    font-size: 11px;
}


.genericFormStylesRegister{
    margin-left:148px; 
    background-color:#101415; 
    width:510px; 
    border:1px solid #354043; 
    padding:20px;    
    }
    
.genericFormStyles2 {
    margin-left:130px; 
    width:500px;
    background-color:#101415;     
    border:1px solid #354043; 
    padding:20px;   
    }
 
 .genericFormStyles2 p{
    padding:10px;
    }
       
 .genericFormStyles3{
    margin-left:150px; 
    width:450px;
    background-color:#101415;     
    border:1px solid #354043; 
    padding:20px;
    }
 .genFormS3Td
 {
 	width:150px;
 }  

.member
{    
    background-color:#101415; 
    width:750px; 
    border:1px solid #354043;   
    padding:10px 20px 20px 20px;    
}

.memberNav 
{
	background-color:#101415;     	
    border:1px solid #354043;   
    padding:10px;
    margin: 0 auto;   
    text-align:center;
    margin-bottom:10px;
}

.memberArchive
{    
    /*background-color:#101415;*/ 
    width:925px; 
    /*border:1px solid #354043;   
    padding:10px 20px 20px 19px;*/
}

.memberContent
{
	width:658px;	 
	margin:0 auto;
}

a.mNavActive:link, a.mNavActive:visited, a.mNavActive:hover, a.mNavActive:active
{
	text-decoration: underline;
	color: #cbf4ff;
}

.memberNav a:link, .memberNav a:visited
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	
}

.memberNav a:hover, .memberNav a:active
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #cbf4ff;
}

.passwordChange td
{
	vertical-align:top;	
}

.accountCreated
{
	margin:0 auto;
}
    
.leftContent {
	width:667px;
	vertical-align:top;
	float:left;
	margin:0 auto;
	padding:0;
	margin-top:21px;
	}
	
.subleftContent {
	width:547px;
	vertical-align:top;
	float:left;
	margin:0 auto;
	padding:28px 0 0 9px;
	}	
	
.leftContentText {
	width:600px;
	vertical-align:top;
	font:12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}
	
.subleftContentText {
	width:530px;
	vertical-align:top;
	font:12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:20px;
	}			
	
.leftContentText  h1 {
	font:18px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}	
	
.subleftContentText h1{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:15px;
	}			
	
	
/* right content rules */	

.rightContent{
	width:268px;
	float:left;
	padding:20px 0 0 0;
	
	}
	
.subRightContent{
	width:370px;
	float:left;
	padding:20px 0 0 0;
	}	
.subRightContent2
{
	width:370px;
	float:left;
	padding:6px 0 0 0;

}

.subRightContent3
{
	width:370px;
	float:left;
	padding:0;

}	

/* new Rules  022409 part 1*/

.subRightContentMember{
	width:370px;
	float:left;
	margin:20px 0 0 0;
	background:url(images/transparentBlack4x4.png);
	}	
	
.explorerSixMember.subRightContentMember{
	width:370px;
	float:left;
	margin:20px 0 0 0;
	background:url(images/transparentBlack4x4.gif);
	}	
	
.subRightContentMemberBottom{
	width:370px;
	float:left;
	margin:20px 0 0 0;
	background:#181e1f;
	}	
	
/* End new Rules  022409  part 1 */	
	
.rightContentTextBox {	
position:relative;
	width:240px;
	padding:8px;
	display:block;
	background:url(images/transparentBlack4x4.png);
	margin:0 auto;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin-bottom:5px;
	}

.subRightContentTextBox
{
position:relative;	
	width:350px;
	padding: 8px;
	display:block;
	background:url(images/transparentBlack4x4.png);
	margin:0 auto;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin-bottom:5px;
}

.subRightContentTextBoxMember {	
	/*
	position:relative;	
	width:350px;
	padding: 8px;
	
	*/	
	display:block;
	border-bottom:1px solid #283134;
	margin:0 auto;
	padding:8px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin-bottom:5px;	
	
	}	
	
	
/*.subContentScrollarea{
width:340px;
height:359px;
border:1px solid #fff;
overflow:visible;
}*/
		
.rightContentTextBox h1, .subRightContentTextBox h1, .subRightContentTextBoxMember h1{	
	font:12px Verdana, Arial, Helvetica, sans-serif bold;
	color:#fff;
	margin-bottom:5px;
	}
.rightContentTextBox h2, .subRightContentTextBox h2, .subRightContentTextBoxMember h2{	
	font:9px Verdana, Arial, Helvetica, sans-serif bold;
	color:#fff;
	margin-bottom:5px;
	}	
	
.green{	
	color:#00a000;
	}
.warningRed
{
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
	margin-bottom: 8px;
	display: block;
}		
	
	
	
	
/*	This is a conditional rule for IE6 for both .rightContentTextBox and .SubRightContentTextBox  */

.explorerSix .rightContentTextBox {
	position:relative;
	width:240px;
	padding:8px;
	display:block;
	/*background:#171e20;*/
	background:url(images/transparentBlack4x4.gif);
	margin:0 auto;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin-bottom:5px;
	}
	
.explorerSix .subRightContentTextBox {	
position:relative;
	width:350px;
	padding:8px;
	display:block;
	background:url(images/transparentBlack4x4.gif);
	margin:0 auto;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin-bottom:5px;
	}	
	
/*	End This is a conditional rule for IE6 for both .rightContentTextBox and .SubRightContentTextBox */	

.rightContentCTAImage {
	float:left;
	width:80px;
	padding:0 5px 5px 0;
	}

.rightContentText {
	width:150px;
	float:right;
	}

.rightContentTextBoxFooter{
	/*width:34px;*/
	height:1px;
	overflow:hidden;
	clear:both;
	}

.registerBox{
	width:230px;
	padding:15px;
	background:#181e1f;
	font:9px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin-bottom:5px;
	clear:both;
	}
	
.subRightContentText {
	width:240px;
	float:left;
	}

.subRightContentTextVideoArchive
{
	width:350px;
	float:right;
}


.subRightContentVideoText
{
	width:340px;	
}

.subRightContentTextBoxFooter{
	width:240px;
	height:1px;
	overflow:hidden;
	clear:both;
	}

.subRegisterBox{
	width:336px;
	height:145px;
	padding:15px;
	background:#181e1f;
	font:9px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin:0 auto;
	margin-bottom:5px;
	clear:both;
	}
	
	
/* new Rules  022409 part 2*/
	
	
.subMemberRegisterBox{
	width:530px;
	padding:15px 0;
	background:#181e1f;
	font:9px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#cbf4ff;
	margin:0 auto;
	border-bottom:1px solid #283134;
	text-align:center;
	clear:both;
	}		

#archivedBottomImg{
	margin:0 auto; 
	text-align:center; 
	margin-bottom:5px;
	padding-top:5px;
}

#favoriteHeaderImg {
	margin:0 auto;
	text-align:center;
	margin-bottom:5px;
	margin-top:10px;
	}

/*End new Rules  022409 part 2*/

/* End right content rules */	


#footerspacer{
	width:939px;
	height:20px;
	clear:both;
	}
	/* end content areas */
	
/*   footer rules   	*/
	
.footer{
	width:935px;
	border-top:1px solid #272f33;
	margin:0 auto;
	clear:both;
	}
	
.footer a:link, .footer a:visited{
	color: #cbf4ff;
	text-decoration:none;
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
}

.footer a:hover{
	color: #cbf4ff;
	text-decoration:underline;
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
}	

.footer a#parablesoftLink:link, .footer a#parablesoftLink:visited{
	color: #FF0000;
	text-decoration:underline;
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
}

.footer a#parablesoftLink:hover{
	color: #008c01;
	text-decoration:underline;
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
}	



		
#footerLeft {
	display:block;
	padding:5px 0 30px 0;
	float:left;
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #cbf4ff;
	}
	
#footerRight {
	display:block;
	padding:5px 0 30px 0;
	float:right;
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #cbf4ff;
	text-align:right;
	}	
	
#eAndTipLetters	{
color:#FFF;}

#golfLetters	{
color:#008c01;}
	
/*   End footer rules   	*/

.questionMark {

vertical-align:text-bottom;

}

#archiveTeaserImage
{
margin:-10px 0 10px 0
}


/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <imgRollOver> --------------------------- */


/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */

.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(images/sample.jpg) no-repeat;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/sample.jpg) no-repeat;
	background-position: -190px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 8px 3px 3px 30px;
	margin: 0;
	}
	
/* ----------------------- </imgRollOver> --------------------------- */

div#helpbox 
{
	background-color:#101415;     
    border:1px solid #354043;     
    position: absolute;      
    display: none; 
    font-size: smaller; 
    padding: 5px;
}