/* Global
================================================*/
body {
	margin: 5px; auto auto 5px;
	width:750px;font-family: Verdana, Arial, Helvetica, sans-serif; 
	}


div.section
{
}

#leftcol 
{
  float:left;
  margin-right: 10px;
}
#rightcol
{
  float:right;
  width=100px;
}
.left
{
  float: left;
}

#testimonial
{
  padding-top: 20px;
  padding-bottom: 20px;
  width: 140px;
}

.testText { 
  padding-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal;
font-style: oblique;
}
.testName { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal;
font-style: oblique;
text-align:right;
}

#leftcol, #rightcol
{
margin-top: 10px;
}

#content
{
padding-top: 15px;
margin-left: 50px;
margin-right: 50px;
font-size: 10pt;
}

#joinNow 
{
text-align: center;
}


.section img
{
  margin-right: 10px;
  margin-bottom: 10px;
}
.section
{
padding-bottom: 20px;
}

div#available
{
  background-color: #FCFEC4;
  padding: 10px;
  margin: 10px;
  margin-top: 0px;
  padding-bottom: 1px;
  margin-left: 0;
}

#available form
{
text-align: center;
padding-top: 5px;
}
#available h2
{
  text-align: right;
  border-bottom: solid 2px #ee8;
  margin-bottom: 5px;
}
#available input#submit
{
  background-color: #FDFDE3;
  color: black;
  vertical-align:middle;
  margin-bottom: 2px;
}
#available #explain
{
  float: right;
  vertical-align: top;
  margin-top: 0;
  text-align:left;
}

span#site
{
  font-family:system;
  padding: 5px;
  border: 2px  inset;
  background-color: white;
}
span#site input
{
  font-family:system;
  height: 80%;
  border :none;
  border-bottom:2px red inset ;
  background:none;
  margin-bottom: -2px;
  }


caption, h1, { font-family: "Trebuchet MS", Arial, sans-serif; }

.ii {
	font-family: "Times New Roman";
   	font-size:12pt;
   	font-weight:normal;
   	font-style:italic;
   	margin-bottom:1;
   	padding-bottom:0;
   	margin-top:2
   }

   
.titlef {
	font-family: Arial, Helvetica, sans-serif;
   	font-size:15px;
   	font-weight:bold;
   	margin-bottom:1;
   	padding-bottom:0;
   	margin-top:2;
   	color: #0048A3
   }
   
.dd {
	color: #0048A3;
	text-decoration:none;
	}


   	
.body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;}
.bodytitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}
.bodybold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}
.bodysmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}
.cc { font-family: , Helvetica, sans-serif; font-size: 10pt; font-weight: normal}
.cc2 { font-family: Cursive, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal}
.button        {font-family: Arial, Verdana,; font-weight : bold;   font-style: normal; color: #FFFFFF;  font-size: 8pt; background-color: #000000; text-decoration: none; margin-bottom:5px;}

.forum { font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; font-style: normal; text-decoration: none; }
.forum a { font-family: Arial, Helvetica, sans-serif; color: #0000ff; font-weight: bold; font-style: normal; text-decoration: none; }
.forum a:visited { font-family: Arial, Helvetica, sans-serif; color: #0000ff; font-weight: normal; font-style: normal; text-decoration: none; }
.forum a:hover { font-family: Arial, Helvetica, sans-serif; color: #0000ff; font-weight: bold; font-style: normal; text-decoration: underline; }


h2 {
font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: normal;	
text-transform:none;
color:#000;
color: brown;
font-size: 18px; 
font-weight: bold;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 5px;
}
   	
#c1 {
font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: normal;	
text-transform:none;
color:#000;
}

#c1 h2 { 
	background-color: #fff;
	color: brown;
	font-size: 18px; 
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#c1 img {
	float: left;
	margin: 4px;
}	


#c2 {
width : 490px;
position: absolute;
top: 515px;
left: 195px;
font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: normal;	
text-transform:none;
color:#000;

}

#c2 h2 { 
	background-color: #fff;
	color: brown;
	font-size: 18px; 
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#c2 img {
	float: left;
	margin: 4px;
}	




#srch {
border : 1px solid #fc0;
width : 145px;
position: absolute;
top: 515px;
left: 25px;
background-color: #ffc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;	
text-transform:none;
color:#000;
margin: 5px;
padding: 5px;
}

#srch h2 { 
	background-color: #fc0;
	color: #000;
	font-size: 15px; 
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid brown;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#srch li {
	margin:12px 0px 12px 0px;
	padding:0px;
}

#login {
border : 1px solid #c8c7a8;
width : 140px;
background-color: #fdfde3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;	
text-transform:none;
color:#000;
margin: 0px;
padding: 5px;
}

#login h2 { 
	color: brown;
	font-size: 15px; 
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid brown;
	margin:0px 0px 5px 0px;
	padding:0px;
}



#testimonials
{
width : 640px;
position: absolute;
top: 1180px;
left: 25px;
font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: normal;	
text-transform:none;
color:#000;
padding: 5px;
}

#testimonials h2 { 
	background-color: #fff;
	
	font-size: 18px; 
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#testimonials img {
	float: left;
	margin: 4px;
}	

#screenshots
{
width : 640px;
position: absolute;
top: 950px;
left: 25px;
font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: normal;	
text-transform:none;
color:#000;
padding: 5px;
}

#screenshots h2 { 
	background-color: #fff;
	font-size: 18px; 
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#footer
{
width : 640px;
position: absolute;
top: 1880px;
left: 25px;
font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: bold;	
text-transform:none;
color:#000;
padding: 5px;
}



/* Navigation
================================================*/
#nav {
	background:#fff;
	margin:0 0 0em;
	padding:0 0 0px;
	
	}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#FCFAAC;
	list-style-type:none;
	}
#nav li {
	display:inline;
	padding:0;
	margin:0;
	}
#nav a {
	background:#000;
	border-left:4px solid #FCFAAC;
	border-bottom:0;
	padding:5px 25px 5px 25px;
	margin:0;
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	
	font-family: Verdana, sans-serif; 
	font-size: 8pt; 
	font-weight: bold;	
	text-transform:none;
	}
#nav a:hover,
#nav a:focus {
	color:#ffcc00;
	background:#555;
	}
#nav .sel a {
	background:#555;
	color:#ffcc00;
	}
#nav .sel a:hover {background:#555;}
#nav .sel a:focus {background:#555;}




#trail
{
	width : 750px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal;
	height:100%;
}

#mainbody
{
	width:610px;
	float:right;
  padding: 5;
  margin:0;
}

#trailtoc
{
	background:#ffc;
	width : 115px;
	height: 100%;
  float:left;
  padding:5px;
  margin:0;
}



#trailtoc a.main { font-family: Arial, Helvetica, sans-serif; color: #00f; font-weight: bold; font-style: normal; text-decoration: none; padding-left:0px;}
#trailtoc a.main:visited { font-family: Arial, Helvetica, sans-serif; color: #00f; font-weight: bold; font-style: normal; text-decoration: none; padding-left:0px;}
#trailtoc a.main:hover { font-family: Arial, Helvetica, sans-serif; color: #f00; font-weight: bold; font-style: normal; text-decoration: underline; padding-left:0px;}

#trailtoc a.sub { font-family: Arial, Helvetica, sans-serif; color: #00f; font-weight: normal; font-style: normal; text-decoration: none; padding-left:15px;}
#trailtoc a.sub:visited { font-family: Arial, Helvetica, sans-serif; color: #00f; font-weight: normal; font-style: normal; text-decoration: none; padding-left:15px;}
#trailtoc a.sub:hover { font-family: Arial, Helvetica, sans-serif; color: #f00; font-weight: normal; font-style: normal; text-decoration: underline; padding-left:15px;}

#trailtoc .subsel { font-family: Arial, Helvetica, sans-serif; color: #f00; font-weight: normal; font-style: normal; text-decoration: none; padding-left:15px;}
#trailtoc .mainsel { font-family: Arial, Helvetica, sans-serif; color: #f00; font-weight: bold; font-style: normal; text-decoration: none; padding-left:0px;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size:1.2em;
   	font-weight:bold;
   	margin-bottom:1;
   	padding-top:1em;
   	padding-bottom:0;
   	margin-top:2;
   	color: #0048A3;
   	padding-top=1em;
   }