﻿/* ---------- Text & Links ---------- */

.mainheading { color: #990000; font: 13px  verdana, arial,sans-serif; font-weight:bolder;}
.maintext { text-align:justify;}

a:active, a:link, a:visited 
{
  color: #990000; 
  font-weight: bold; 
  text-decoration: none;

 }

 a:hover
{
  color: #990000;  
  text-decoration: underline;
  font-weight: bold;
} 

.mainimage 
{
	float:right;
	margin:5px;
}	

/* ---------- LAYOUT ---------- */

html,body { background-color: #eeeeee; margin: 0; padding: 0; font: 11px verdana, arial, sans-serif; color: #000000;}
   

.hlink
{
	position:relative;
	cursor: pointer;
	width: 250px;
	height: 30px;
	top: 0px;
	left: 485px;

}

.hlink2
{
position:relative;
	cursor: pointer;
	width: 215px;
	height: 25px;
	top: 0px;
	left: 0px;
}

.hlink3

{
position:relative;
cursor: pointer;
	width: 240px;
	height: 20px;
	top: 30px;
	left: 230px;
}

	
.header 
{
	position:relative;
	margin: 25px auto 0px auto;
	width: 750px; height: 85px;
	padding: 5px;
	background-color: #990000 ;color: #000000;
	border: 1px solid #000000;
	border-bottom: 0px;
}

.frame
{position:absolute;
	top:-25px;
	left: 320px;
	}
	 


   
.menu 
{
	margin: 0px auto 0px auto;
	width: 750px;
	padding: 10px 5px 10px 5px;
	border: 1px solid #000000;
	border-top: 0px;
	background-color: #000000 ;
	color: #ffffff;
}

.main 
{
	margin: 0px auto 0px auto;
	width: 750px;
	padding: 5px;
	background-color: #FFFFFF ;color: #000000;
	border: 1px solid #000000;	
}

.footer
{
	margin: 0px auto 5px auto;
	width: 750px; height: 70px;
	padding: 5px;
	background-color: #990000 ;color: #000000;
	border: 1px solid #000000;
	border-top: 0px;
}


/* ----------NAV---------- */


#indexnav  {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
}

#indexnav ul  {
    list-style: none;
    margin: 0;
    padding:2px 0px 2px 0px;
 }

#indexnav li  {
    display:inline;
}

#indexnav a:link, #indexnav a:visited  {
    margin-right: 5px;
    padding: 1px 5px 1px 5px;
    color: #000000;
    text-decoration: none;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;
    background-color: #dddddd;
    font-weight:normal;
    width:150px;
}

#indexnav a:hover  {
    color: #990000;
    border-top: 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-weight:normal;
} 
    
#indexnav a.menuactive:link, #indexnav a.menuactive:visited, #indexnav a.menuactive:hover {
    margin-right: 5px;
    padding: 1px 5px 1px 5px;
    color: #990000;
    text-decoration: none;
    border-top  : 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #dddddd;
    font-weight:normal;
}

#indexnav a.menuapply:link, #indexnav a.menuapply:visited  {
    margin-left: 30px;
    padding: 4px 8px 4px 8px;
     background-color: #cc9999;
     
     border-top  : 1px solid #ffcccc;
    border-left: 1px solid #ffcccc;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #990000;
      font-size: 12px;
      font-weight: bold;
  }

#indexnav a.menuapply:hover 
{
     border-top  : 1px solid #990000;
    border-left: 1px solid #990000;
    border-bottom: 1px solid #ffcccc;
    border-right: 1px solid #ffcccc;
    color: #990000;	
	
}

#indexnav a.menuapplyon:link, #indexnav a.menuapplyon:visited, #indexnav a.menuapplyon:hover {
    margin-left: 30px;
    padding: 4px 8px 4px 8px;
     background-color: #cc9999;
     
         border-top  : 1px solid #990000;
    border-left: 1px solid #990000;
    border-bottom: 1px solid #ffcccc;
    border-right: 1px solid #ffcccc;
    color: #990000;	
      font-size: 12px;
      font-weight: bold;
}

/* ---------- PROCESS ---------- */

.processhead
{
	
	margin: 0px auto 0px auto;
	width: 500px; 
	padding: 5px;
	background-color: #990000;
	border: 1px solid #990000;
	text-align: center;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	
	
}

.processdetail
{
	
	margin: 0px auto 0px auto;
	width: 500px; 
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #000000;
	border-top: 0px;
	text-align: justify;
	font-size:11px;
	color:#000000;
	}
	
.processnext
{
	
	margin: 0px auto 0px auto;
	width: 30px; 
	padding: 2px;
	background-color: #ffffff;

	}
/* ---------- DISPLAY ---------- */
	

	
	.showstate{ 
cursor:hand;
cursor:pointer;
}



#detailhelper,#xhelper,#apphelper,#xshares,#xsharesc,#hmember,#hmembers, #hllp {
Float: right;
margin: 0 0 0 0;
cursor:hand;
cursor:pointer;
display: block;}

.switchspan{ 
cursor:hand;
cursor:pointer;
}


/* ---------- QBOX ---------- */

.special
{
	margin: 0px auto 0px auto;
	width: 750px;
	padding: 20px 0px 20px 0px;
}

.qboxbase 
{
	margin: 0px auto 5px auto;
	width: 490px;
	height: 14px;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF ;color: #000000;
 
}

.qboxmid 
{
	margin: 0px auto 0px auto;
	width: 490px;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF ;
	color: #990000;font: 11px verdana, arial, sans-serif;
	text-align:justify;
 
}

.qboxtop 
{
	margin: 0px auto 0px auto;
	width: 490px;
	height: 35px;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF ;color: #000000;
 
}


/* ---------- Classes ---------- */

.cheading {color: #333333;font: 12px verdana, arial, sans-serif; font-weight:bold;}

.totop

{
	
	margin: 5px auto 5px auto;
	width: 650px; 
	padding: 3px;
	background-color: #FFCC33;
	border: 1px solid #000000;
	text-align: center;
	font-size:13px;

}

.classhead
{
	
	margin: 0px auto 0px auto;
	width: 650px; 
	padding: 3px;
	background-color: #FFCC33;
	border: 1px solid #000000;
	border-bottom: 0px;
	text-align: left;
	font-size:13px;
	font-weight:bold;
	color:#333333;

}

.classtop
{
	
	margin: 0px auto 5px auto;
	width: 650px; 
	padding: 3px;
	background-color: #990000;
	border: 1px solid #000000;
		text-align: center;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;

}

.classbody
{
	
	margin: 0px auto 5px auto;
	width: 650px; 
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #000000;
	border-top: 0px;
	text-align: justify;
	font-size:11px;
	color:#000000;
	}
	
/* ---------- QUOTEBOX ---------- */

.quotebottom 
{
	margin: 0px 0px 0px 25px;
	width: 350px;
	height: 41px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;color: #000000;
 
}

.quotemid 
{
	margin: 0px 0px 0px 25px;
	width: 350px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;
	color: #333333;font: 11px verdana, arial, sans-serif;
	text-align:justify;
 
}

.quotemid2 
{
	margin: 0px 0px 0px 25px;
	width: 350px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;
	color: #333333;font: 11px verdana, arial, sans-serif;
	text-align:right;
 
}

.quotetop 
{
	margin: 0px 0px 0px 25px;
	width: 350px;
	height: 38px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;color: #000000;
 
}

.testbox
{
	margin: 0px auto 0px 25px;
	width: 650px;
	border: solid 0px #000000;
	text-align: justify;
	padding: 5px 5px 0px 5px;
	background-color: #FFCC33 ;color: #000000;
 
}

.bquotebottom 
{
	margin: 0px 0px 0px 25px;
	width: 650px;
	height: 41px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;color: #000000;
 
}

.bquotemid 
{
	margin: 0px 0px 0px 25px;
	width: 650px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;
	color: #333333;font: 11px verdana, arial, sans-serif;
	text-align:justify;
 
}

.bquotemid2 
{
	margin: 0px 0px 0px 25px;
	width: 650px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;
	color: #333333;font: 11px verdana, arial, sans-serif;
	text-align:right;
 
}

.bquotetop 
{
	margin: 0px 0px 0px 25px;
	width: 650px;
	height: 38px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF ;color: #000000;
 
}


/* ---------- Price ---------- */

.ptable {width: 745px;  border: 0px; }
.pheading {font-size:12px;color:#000000; font-weight:bold;}
.psmall {font-size:10px;color:#990000;}
.pleft {width: 210px; }
.pmid {width:115px;}
.pspace{ height:1px; font-size:1px;}
.pmidx {width:115px; text-decoration:line-through;}


/* ---------- FORM ---------- */


.tandc {font-size:11px;color:#000000; width:640px; text-align:justify;}

.formsmall {font: arial; font-size:10px; color:#990000; height:12px;}
.formx {font: arial; font-size:10px; color:#990000; }
.formtable {width:630px;}

.formleft {width: 150px;}

.formbox {border:1px solid #000000;}

.formhead
{
	
	margin: 0px auto 0px auto;
	width: 650px; 
	padding: 3px;
	background-color: #FFCC33;
	border: 1px solid #000000;
	border-bottom: 0px;
	text-align: left;
	font-size:13px;
	font-weight:bold;
	color:#333333;

}




.formbody{
	
	margin: 0px auto 5px auto;
	width: 650px; 
	padding: 3px;
	background-color: #eeeeee;
	border: 1px solid #000000;
	border-top: 0px;
	text-align: justify;
	font-size:11px;
	color:#000000;
	}
	
	a.formbutton:link, a.formbutton:visited, a.formbutton:active
 {
	background-color: #cccccc;
	text-decoration: none;
	height: 13px;
    border: 2px solid #000000;
	padding: 2px;
	font: 11px  arial;
	font-weight: bold;
	display:block;
	width: 100px;
    text-align:center;
    color: #000000;
	margin: 2px auto 3px auto;	
	display: block;

}

a.formbutton:hover{	

color: #990000;
background-color: #ffcccc;
border: 2px solid #990000;
text-decoration: none;
} 
