/* BODYS! */ 
		 
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #bbc5c5;
background: #f6f6f6;
padding:0; margin:0;
}

html{
height:100.01%;
overflow-y:scroll;
overflow: -moz-scrollbars-vertical;
} 




/* MAINS */ 

p, h2, pre, h1 {
margin: 0px; 
padding: 5px 0px 10px 0px; 
}

h1 {
font-size:18px;
color:#77A9A7;
margin: 0px; 
padding: 0px 0px 10px 0px; 
font-weight:100;
letter-spacing:2px;
font-family: 'Titillium Web', sans-serif;
}

h2 {
font-size:18px;
}

a {
	color: #8d8d8d;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #ccc;
}
a:active {
	text-decoration: none;
	color: #8d8d8d;
}

a.other {color:#BEBDBD;}
a.other:hover {color:#FBBB3F}

.linker {
color:#0000FF;
text-decoration:underline
}

a.linker {
color:#0000FF;
text-decoration:underline
}

a.linker:hover {
	color:#CCCCCC;
	text-decoration:none;
	}

 
     ul {}
	 
 	ul {
	margin: 0px;
	padding: 0px;

}

ul li {
	padding-left: 0px;

}

.list1 {	
list-style: none;
	 text-align:left;
	padding-left: 15px;
		padding-top: 0px;
		line-height: 150%;
		display: block;
		font-size:11px;
	color:#BEBDBD;
}

.list1 li {
	padding-left: 15px;
	background: url(../images/dot.png) no-repeat left center;

}

.list1 li.on {
	padding-left: 0px;
	background: url(../images/tire.png) no-repeat left center;
}

.content {
font-size:11px;
color:#BEBDBD;
}

.titles {
font-size:11px;
color:#77A9A7;
}















/* LAYOUTS */ 

#wrapper {
padding: 0px 0px 0px 0px; width:65%; height: auto; margin: auto;
}

#header1 {
width:100%;
height: 80px;
border-top: 2px solid #79B2B0;
}



.title {padding-bottom:10px; border-bottom:1px solid #ddd; text-align:center; height:50px;}

.main {}



#menu {
float:left; width:250px; background-color:#00FF66;
}

#logo {
}

#content {
float:right;  width:670px; min-height: 400px; margin:0px; padding:0px; background-color:#006666;
}

#contentwrapper {
width: 540px;
float:right;
}

#footer {
width: 963px; 
height: 71px; 
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 0px;
background-image:url(../images/bottom.png); 
background-repeat:no-repeat;
background-color:#333333;
}

#bottomspace {
width: 60%;
height: 40px;
padding-top:40px;
text-align:left;
margin:auto;
}

#onimage {
height: 40px;
width: auto;
margin-left: 60px;
}

#onimage img {
padding: 0px 4px 0px 4px;
}
 
 
 #bookmarks {
 float:left;
 color:#ccc;
 font-size:10px;
   width: 90px;
  margin-left:10px;
    margin-top:24px;
	text-align:left;
 }
 
 #bookmarks span
{
padding-left: 20px;
}

 #bookmarks img {
 margin-left: 3px;
 margin-right: 3px;
  }
  
  #bottomtabs {
  margin-right: 20px;
   margin-top: 22px;
float:right;
 color:#555;
 font-size:10px;
   width: 400px;
	text-align:right;
 }
 #bottomtabs p {padding: 0px; margin: 0px}
 
 .bottomtabs {font-size:10px;}
 
   #copyright {
  margin-right: 20px;
   margin-top: 80px;
float:right;
 color:#555;
 font-size:10px;
   width: 400px;
	text-align:right;
 }
  
    #contactdetails {
  width: 670px;
  height: auto;
  text-align:left;
  margin: 0px 0px 0px 0px;
  text-align:center;
  font-size:11px;
  }

  
    #rightbox {
  width: 290px;
  height: auto;
  float:right;
    text-align:left;
  padding: 0px 20px 0px 0px;
  margin-right:0px;
  }
  
      .disclaimer {
    margin: 14px 0px 15px 22px;
	float:left;
	width: 620px;
  }
  
  .disclaimer p {
  margin:0px 0px 8px 0px;
  padding:0px;
  }
  
  
  #clear {
  clear:both;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* FORMS */ 
  
    .textbox {
  width: 338px;
  height: 65px;
  background-color:#191919;
  border: 1px solid #666;
  margin: 0px 0px 3px 0px;
  color:#999;
    font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    padding: 0px;
  }
  
      .contentbox {
  width: 338px;
  height: 15px;
  background-color:#191919;
  border: 1px solid #666;
  margin: 0px 0px 3px 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    padding: 0px;
	  color:#999;
  }
  
        .capchabox {
  width: 100px;
  height: 15px;
  background-color:#191919;
  border: 1px solid #666;
  margin: 0px 0px 3px 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    padding: 0px;
	  color:#999;
	  margin-bottom: 6px;
  }
  
  .submit {
    width: 100px;
  height: 20px;
    color:#999;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    background-color:#191919;
  border: 1px solid #666;
  margin-top: 20px;
  }
  
  .submit:hover {
   color:#FBBB3F;
      background-color:#2F2C2C;
   }
  
  #form1{
  margin: 0px;
  padding: 0px;
}  

  #form1 p{
  margin: 0px;
  padding: 0px;
}  
 








  /* image stuff  */ 

#center{ text-align:center; padding:auto auto auto auto;}
     a.linkopacity:hover img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;
	  border: 2px solid #FBBB3F;}
 
     a.linkopacity img {
     filter:alpha(opacity=80);   
     -moz-opacity: 0.8;   
     opacity: 0.8;
     -khtml-opacity: 0.8; 
	      border: 2px solid #666;
	 }

#center{ text-align:center; padding:auto auto auto auto;}
     a.linkopacity2:hover img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;
	 }
 
     a.linkopacity2 img {
     filter:alpha(opacity=70);   
     -moz-opacity: 0.7;   
     opacity: 0.7;
     -khtml-opacity: 0.7; 
	 }
	 
	 
	 label,a, body 
{
	font-family : Arial, Helvetica, sans-serif;
}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color: red;
}



	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
				#wrapper, #bottomspace { width:90%;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
			#wrapper, #bottomspace { width:90%;}

}