/*==========================================
		Site Layout START
==========================================*/
	/*controls background image, styles the body tag*/
	body {
	      background-image: url("back.jpg"); 
	      margin:0px;
	      margin-top:0px;
	      padding:0px;
	      font: 400 16px verdana, arial, sans-serif;
	      height:100%;
	      min-height:100%;
	     }
	
	html{
	font-size:100%;
	height:100%;
    min-height:100%;
}

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

.dropshadow{
  	  margin: 0 auto; 
      width: 960px;
	background-image:url('dropshadow.jpg');
	background-position:center top;
	background-repeat:repeat-y;
    min-height:100%;

}
	
	/*wraps the entire contents of the site in center box*/
	#container 
	{ 
	  margin: 0 auto; 
	  width: 940px; 
	  text-align:center;
	  background:#FFE6E9;
	  min-height:100%;
	  position:relative;
	}
	
	
		
	.imagemap{
	width:96%;
	height:450px;
	padding:0px;
	margin:auto;
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
}

	
#entrance{

	background-image:url('model-menu-entrance.jpg');
}

#home{
	background-image:url('model-menu-home.jpg');
}

#members-entrance{
	background-image:url('model-menu-member.jpg');
}


	/*shared styles of header and footer iframes
	apply to the body tag of the iframe's src*/
	.iframe-holder { 
		width:100%;  
		background:#FFE6E9;
		padding:0px;
		margin:0px;
	}
	
	
  .headerfooter{
	width:100%;
	margin:0px;
	padding:0px;
	border:0;
	}
	

.toprightmodel{
	height:98px;
}
		

#topnavigation{
	min-height:105px;
}

#bottomcopyright{
	min-height:200px;
	bottom:0px;
}

#headeriframe{
	height:105px;
}
	#header{
	height:98px;
	width:100%;
}
	
	#headeriframe{
	width:100%;
}
	
	/*header specific formating*/
	#header{
	background:url("ttl-modelname.jpg") no-repeat top left;
	text-align:left;
	overflow:hidden;
	width:100%;
	margin:0px;
	padding:0px;
	}
	
	#header .tabs {
	margin-top:70px;
	;
}


.toprightmodel{
	width:120px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:1;
}	



#column-contents .cssbox_small{
width: 320px !important; width: 335px;
margin-bottom:0px;

}

		
	#medium{
	width:430px !important;
	width:445px;
	margin-top:5px; 
	}
	
			
	
	#medium-left{
	width:430px !important;
	width:445px;
	margin-top:5px; 
	}
	
			
	
	#medium-right{
	width:430px !important;
	width:445px;
	margin-top:5px; 
	}
	
			
	
	#medium .cssbox_small_body{
	text-align:left;
}
	
	
		
	#medium-left .cssbox_small_body{
	text-align:left;
}
	
	
		
	#medium-right .cssbox_small_body{
	text-align:left;
}
	
	
	#medium-left{
	float:left;
}
	#medium-right{
	float:right;
	}
	
#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;
}	


	
.vidcapspage{
	text-align:center;
}		
		
	
/*==========================
	FOOTER START
=============================*/	
	/*footer specific formating
	this id is applied to the page and to the footer iframe
	all other iframe properties are set by the headerfooter class*/
	#footer{
	font-family:"Times New Roman", Times, serif;
	font-size: .75em;
	color:gray;
	text-align:left;
	height:200px;
	width:97%;
	margin:10px;
	}
	
	#footer a:hover{
	  font-weight:normal;
	  text-decoration:underline;
	  font-weight:300;
  	  color:gray;
  	  }

	#footer a:active{
	  font-weight:normal;
	  text-decoration:underline;
	  font-weight:300;
  	  color:gray;
  	  }

	#footer a:visited{
	  font-weight:normal;
	  text-decoration:underline;
	  font-weight:300;
  	  color:gray;
  	  }

	#footer a:link{
	  font-weight:normal;
	  text-decoration:underline;
	  font-weight:300;
  	  color:gray;
  	  }

#footer a:hover{
text-decoration:none;
}

	
/*==========================
	FOOTER END
=============================*/	
	
	
	
	
		
	
.productbox{

}
	
	
	
	
	/*dividing line*/
	#hr2{
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 2px;
		background: url('div-back.jpg');
		clear: both;
	}



#TB_ajaxContent{
	background:blank;
}

.capspreview img{
	
	border:3px black solid;
	margin:6px;

}

/*==========================================
		Site Layout  END
==========================================*/





/*==========================================
		Navigation  START
==========================================*/

  /*HORIZONTAL TABS*/
	.tabs {
	  width:100%;
	  font-size:.86em;
	  line-height:normal;
  	  font-family:"Times New Roman", Times, serif;
	  font-weight:300;
  	  letter-spacing:.11em;
  	  text-transform:uppercase;
	 }


.tabs .active a:hover{
	background-image:url("right-tab-on.gif");
	color:purple;
}


.tabs .active a:active{
	background-image:url("right-tab-on.gif");
	color:purple;
}


.tabs .active a:visited{
	background-image:url("right-tab-on.gif");
	color:purple;
}


.active a:link{
	background-image:url("right-tab-on.gif");
	color:purple;
}

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


	.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 a:hover{
	  font-weight:normal;
	  text-decoration:none;
	  font-weight:300;
  	  color:white;
	  }
	  
	
	.tabs a:active{
	  font-weight:normal;
	  text-decoration:none;
	  font-weight:300;
  	  color:white;
	  }
	  
	
	.tabs a:visited{
	  font-weight:normal;
	  text-decoration:none;
	  font-weight:300;
  	  color:white;
	  }
	  
	
	.tabs a:link{
	  font-weight:normal;
	  text-decoration:none;
	  font-weight:300;
  	  color:white;
	  }
	  
	
	.tabs a {
	  float:left;
	  display:block;
	  background:url("right-tab.gif") no-repeat right top;
	  padding:5px 15px 4px 6px;
	  }
	
	
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	.tabs a {float:none;}
	/* End IE5-Mac hack */
		
#subtabs{
	font-size:1.1em;
	text-transform:uppercase;
	clear:both;
	height:1.5em;
	margin-top:10px;
}	
	
	
#subtabs li a:hover
{
	background-image:url('right-subtab-on.gif')
}	

a.subtabactive{
	background-image:url('right-subtab-active.gif')
}

a:hover.subtabactive{
	background-image:url('right-subtab-active.gif')
}


	/*HORIZONTAL TABS*/

.imagemap .tabs{
	position:absolute;
	top:424px;
    left:0px;
	width:850px;
	overflow:hidden;
	}
	
	
 #header .tabs{
	margin-left:10px;
	width:850px;
	float:left;
	}

	
	#header .tabs a{
	padding-bottom:20px;
	}


	.imagemap .tabs a{
	padding-bottom:20px;
	}


#subtabplaceholder{min-height:30px;width:100%}

/*==========================================
		Navigation  END
==========================================*/







/*==========================================
		Misc. Formatting START
==========================================*/
	/*turns of borders for hyperlinked images*/
	img{border:0px}


	a:link {color:#3399FF;text-decoration:underline;font-weight:bold;}
	a:visited {color:#9966FF;text-decoration:underline;font-weight:bold;}
	a:active { color:navy;text-decoration:none;font-weight:bold;}
	a:hover {color:#9966FF;text-decoration:none;font-weight:bold;}

	.links a:link {color:#666666;text-decoration: none;}
	.links a:visited {color:#666666;text-decoration: none;}
	.links a:active { color:#666666;text-decoration: none;}
	.links a:hover {color:black;text-decoration: none;}



	#free-sample{
		margin:auto;
		width:100%;
	}
	#free-sample td img{
		border:3px orange solid;
	}


	/*SPECIAL LIST WITH IMAGES FOR BUTTONS START*/
	#special-list{
	font-size:1.2em;
	}
	#special-list {
		margin:0px;
	    padding:0px;	
	    text-align:left;
	    }
	
	#special-list li {
	list-style:disc outside url('shield.gif');
	margin-left:20px;
	margin-bottom:.60em;
}

	/*SPECIAL LIST WITH IMAGES FOR BUTTONS END*/


	/*updates table on the homepage its also styled by 
	javascript in model-java.js called by <body onload>*/
	.updates{
		border-collapse:collapse;
		width:inherit;	
	}

	.updates td{
		
		font-size:.95em;
	}

 #tableheader{
		background-image:url('table-header.png');
		color:white;
		font-weight:bold;
		background-position:-5px -25px;
		background-repeat:no-repeat;

}

tr.even {

  background-color: #e2ecff;

}

 tr.odd {

  background-color: #f6edee;

}




#model-photo{
	 width: 250px; height: 760px; overflow: hidden;
	 float:left;
}




.site { 
	border: 1px black solid;
	font-family:arial, serif, Verdana, sans-serif; 
	font-size: 10pt;
	border-collapse:collapse;
	width:100%;
	background:white;
	} 
.site th {
	border:1px black solid;
    color:black;
	font-family:Arial, Verdana, sans-serif; 
	font-size: 10pt;
	text-transform: uppercase;
	text-align:center;
	font-weight:bold; 
	letter-spacing:2px;  
	}
.site td { 
	border:1px black solid;
	color:black;		
	font-size:9pt;
	padding:3px; 
	border-spacing:15px;
	}




/*==========================================
		Misc. Formatting END
==========================================*/








/*==========================================
		Content Containers START
==========================================*/

/*=== 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: 740px !important; /* intended total box width - padding-right(next) */
	    width: 755px; /* 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 ===*/









/*=== CSS BOX small === START ===*/
	/* set the image to use and establish the lower-right position */ 
	.cssbox_small_head h2{
	    background: transparent url("demobox_small.png") no-repeat bottom right; 
	} 
	
	.cssbox_small_head{
	    background: transparent url("demobox_small.png") no-repeat bottom right; 
	} 
	
	.cssbox_small_body{
	    background: transparent url("demobox_small.png") no-repeat bottom right; 
	} 
	
	.cssbox_small{
	    background: transparent url("demobox_small.png") no-repeat bottom right; 
	} 
	
	.cssbox_small { 
	    width: 500px !important; /* intended total box width - padding-right(next) */
	    width: 515px; /* 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:#9933FF;   
	    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:center;
	}
	
	#new .cssbox_small_head h2 {background: transparent url("demobox_small_new.png")}
	
	

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



/*==========================================
		Content Containers END
==========================================*/



.picturebox img{
	
	margin:.3em;
	border:2px gray solid;


}	


.menu { 
	width: 250px;
	text-align:left;
	font-weight:normal; 
	}
	
	
.menu dl, .menu dd {
 margin:0;
}
	


.menu dt { background: #a58ecf; font-size: 1.25em; padding: 5px; margin: 2px;letter-spacing:.04em; font-weight:300;}
.menu a, .menu a:visited, .menu a:active, .menu a:link, .menu a:hover {font-weight:normal;}
.menu dt a {color:#FFF;width:100%}
.menu dd a {color:#000;width:100%}
.menu ul { list-style: none; padding: 10px;padding-top:0px;;padding-bottom:5px;}


.setheader{
	background-image:url("table-header.png");
	background-position:center top;
	width:100%;
	border-bottom:3px solid;
	border-color:#b1d1ac;
	height:50px;
	padding-top:22px;
	font-size:1.5em;
	color:white;
	text-align:center;
	margin:auto;
	font-weight:bold;
	background-repeat:no-repeat;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:0px;

}


#set{
	width:350px !important;
	width:355px;
	float:left;
	margin:25px 50px 25px 50px;
	

}


#set h2{
	font-size:10pt;
}

#setheight{
   height:175px;
   font-weight:300;
   line-height:normal;
   font-size:1em;
   vertical-align:middle;
   overflow:auto;
   padding-top:10px;


}