﻿html{
 height:100%;
	}

body {
	background: #1c2141;
	height:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

img{
	border:0px;
}

p{
	margin-top:1em;
	margin-bottom:1em;
}

#container {
	background: url('back-container.png') repeat-y center;
	width: 978px;
	margin: auto;
	padding-top:0px;
}

.header {
	height: 430px;
	overflow:hidden;
	position:relative;
	margin-top:-5px;
}


#topnavigation{
	background: url('back-header-top.jpg') no-repeat center;
	height:180px;
}




#entrance{
	background: url('back-header-entrance.jpg') no-repeat center;
}


#home{
	background: url('back-header-home.jpg') no-repeat center;
}

#members{
	background: url('back-header-member.jpg') no-repeat center;
}


#footer {
	background: url('back-footer.png') no-repeat center bottom;
	min-height:64px;
	text-align:center;
	clear:both;
	}


#copyright{
	width:850px;
	margin:auto;
	padding-bottom:20px;
	font-size:.75em;
	color:gray;
	font-style:italic;
}


#content{
	width:870px;
	margin:auto;
	height:100%;
}


/*=== CSS BOX === START ===*/

	/* set the image to use and establish the lower-right position */ 
	.cssbox_head h2{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	.cssbox_head{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	.cssbox_body{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	.cssbox-medium{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	.cssbox{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	.cssbox { 
	    width: 850px !important; /* intended total box width - padding-right(next) */
	    width: 865px; /* IE Win = width - padding */
	    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	    margin: 15px auto; /* use to position the box */ 
	} 
	
	
	/* set the top-right image */ 
	.cssbox_head { 
	    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
	    padding-right: 40px; /* right-image-gap + right-inside padding */ 
	} 
	
	
	
	/* set the top-left image */ 
	.cssbox_head h2 {
		background-position: top left;
		margin: 0;/* reset main site styles*/	border: 0;/* ditto */	
		padding: 25px 0 15px 40px;/* padding-left = image gap + interior padding ... no padding-right */	
		height: auto !important;
		height: 1%; /* IE Holly Hack */;
		clear: both;
	    font: 1.75em;
	    font-weight:bold;
	    text-align:center;
	    text-transform:capitalize;
	    letter-spacing:-.005em;
	    color:white;
	} 
	
	
	
	
	/* set the lower-left corner image */ 
	.cssbox_body { 
	    background-position: bottom left; 
	    margin-right: 25px; /* interior-padding right */ 
	    padding: 15px 0 30px 40px; /* mirror .cssbox_head right/left */ 
	}
	
	

		.cssbox_small_body{		
		text-align:left;
		font-size:.75em;
		line-height:1.5em;
		}
	
		
	
		.cssbox_body{		
		text-align:left;
		font-size:.75em;
		line-height:1.5em;
		}
	
		
	.cssbox_small_body h3 {
		   font: 1.5em verdana, arial, sans-serif;
		   margin:0px 0px 5px 0px;
		   width:75%;
		   color:#ff3333;
		   border-bottom:2px #99bee5 solid;
		   text-transform:capitalize;
		   font-weight:normal;
		   margin-top:15px;
		   letter-spacing:.05em;
	}
	
	

	.cssbox_body h3 {
	   font: 1.5em verdana, arial, sans-serif;
	   margin:0px 0px 5px 0px;
	   width:75%;
	   color:#ff3333;
	   border-bottom:2px #99bee5 solid;
	   text-transform:capitalize;
	   font-weight:normal;
	   margin-top:15px;
	   letter-spacing:.05em;
	}
	
	
	#new .cssbox_head h2 {background: transparent url("demobox_new.png")}

/*=== CSS BOX === END ===*/
#medium-left{
	float:left;
}
	#medium-right{
	float:right;
	}

/*=== CSS BOX small === START ===*/
	/* set the image to use and establish the lower-right position */ 
	.cssbox_small_head h2{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	
	.cssbox_small_head{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	
	.cssbox_small_body{
	    background: transparent url("demobox.png") no-repeat bottom right; 
	} 
	
	.cssbox_small { 
	    background: transparent url("demobox.png") no-repeat bottom right; 
	    width: 400px !important; /* intended total box width - padding-right(next) */
	    width: 415px; /* IE Win = width - padding */
	    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	    margin: 20px auto; /* use to position the box */ 
	  
	    
	} 
	
	
	/* set the top-right image */ 
	.cssbox_small_head { 
	    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
	    padding-right: 15px; /* right-image-gap + right-inside padding */ 
	    text-align:center;    
	} 
	
	
	
	/* set the top-left image */ 
	.cssbox_small_head h2 { 
	    background-position: top left; 
	    margin: 0; /* reset main site styles*/ 
	    border: 0; /* ditto */ 
	    padding: 17px 0 7px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
	    height: auto !important; height: 1%; /* IE Holly Hack */ 
	    font-size:1.1em;
	    letter-spacing:.04em;
	    color:white;
	    font-weight:normal;
	    } 
	
	
	
	/* set the lower-left corner image */ 
	.cssbox_small_body { 
	    background-position: bottom left; 
	    margin-right: 10px; /* interior-padding right */ 
	    padding: 5px 0 25px 25px; /* mirror .cssbox_small_head right/left */ 
	    text-align:left;
	}
	
	#new .cssbox_small_head h2 {background: transparent url("demobox_new.png")}
	
	

/*=== CSS BOX SMALL === END ===*/







#subtabs{
	position:relative;
	top:auto;
	left:auto;
	height:25px;
	overflow:hidden;
	font-size:10pt;
	width:100%;
}



  /*HORIZONTAL TABS*/
	.tabs {
	  width:575px;
	  font-size:.86em;
	  line-height:normal;
  	  font-family:"Times New Roman", Times, serif;
	  font-weight:300;
  	  letter-spacing:.11em;
  	  text-transform:uppercase;  	  
  	  margin:auto;
	  position:absolute;
	  top:402px;
	  left:220px;
	 }

	.tabs .active{
		background-image:url("left-tab-on.gif");
	}

	.tabs .active a{
		background-image:url("right-tab-on.gif");
		color:white;
	}
		
		
	.tabs ul {
	  margin:0px;
	  padding:0px;
	  list-style:none;
	  }
	  
	
	.tabs li {
	  float:left;
	  background:url("left-tab.gif") no-repeat left top;
	  margin:0;
	  padding:0 0 0 9px;
	  }
	  
	
	.tabs li a {
	  float:left;
	  display:block;
	  background:url("right-tab.gif") no-repeat right top;
	  padding:5px 15px 14px 6px;
	  color:red;
	  text-decoration:none;
	  }
	
	
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	.tabs a {float:none;}
	/* End IE5-Mac hack */


	#hr2{
		margin-top: 10px;
		margin-bottom: 10px;
		background:url("back-hr.jpg");
		background-position:center center;
		clear: both;
		width:97%;
		margin:auto;
		height:10px;
	}
	
	
#micro{
	width:100px !important;
	width:115px;
	margin-top:5px; 
	}

#micro .updates{
	width:60px;
}


#micro .updates td{
	font-size:.75em;
	width:50%;
}	


#micro .updates .statname{
  text-align:left;
}	

#micro .updates .statvalue{
	text-align:right;
}	
#model-photo{
	 width: 250px; overflow: hidden;
	 float:left;
}	
