/* page body */



#wrapper {

	position: relative;

	z-index: 500;

	max-width: 1000px;

    margin-left:auto;

	margin-right:auto;

}





	#contentfloatholder {/* also makes the right "sliding" tab */

	

	position: relative;

	background-color:#A0CBF5;

	background-repeat:repeat-x;

	padding-top:20px;

	padding-bottom:50px;

	border-top:0px;

	margin-top:20px;



}



	#contentfloatholder2 {/* also makes the right "sliding" tab */

	

	position: relative;

	background-color:#000040;

	background-repeat:repeat-x;

	padding-top:20px;

	padding-bottom:50px;

	border-top:0px;

	margin-top:20px;



}



#contentfloatholder:after {

 /* this is for NN6 to clear floats */

    content: "."; 

    display: block; 

    height: 0px;

    clear: both; 

    visibility: hidden;

}

#contentfloatholder2:after {

 /* this is for NN6 to clear floats */

    content: "."; 

    display: block; 

    height: 0px;

    clear: both; 

    visibility: hidden;

}


.misspvheader {



    width:900px;

	height:150px;

	background-image:url(../images/merchandise_banner.jpg);

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

	margin-bottom:10px;



	



	}
	
	
.webcamheader {

    width:900px;

	height:150px;

	background-image:url(../images/webcamlogo.jpg);

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

	margin-bottom:10px;


	}

		
	
.webcamheader2 {

    width:900px;

	height:150px;

	background-image:url(../images/webcambanner.jpg);

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

	margin-bottom:10px;


	}

		.main{



    width:900px;

	background: #1B307D;

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

	margin-bottom:10px;

	padding-top:15px;

	padding-bottom:10ps;

	

	}

		.main2{



    width:900px;

	background: #003399;

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

	margin-bottom:10px;

	padding-top:15px;

	padding-bottom:10ps;

	

	}
	

	.thumbs{

	

	  width:800px;

	height:700px;

	background: #1B307D;

	margin-left:auto;

	margin-right:auto;

	margin-top:25px;

	margin-bottom:10px;



	

	}

	

	.slideshow{



    width:870px;

	height:250px;

	background: #1B307D;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:10px;

	padding-bottom:25px;

	padding-left:15px;

	padding-right:15px;



	

	



	}

	

	.kara{

	width:650px;

			padding-top:0px;

		float:none;

	margin-right:15px;
	margin-left:120px;

	padding-bottom:50px;
	
	

	}

	

 .leftcolumn {

	width:360px;

	float:left;

	margin-left:20px;

	padding-bottom:50px;

	padding-left:20px;

	}

	





/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.gallerycontainer{

position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail img{

border: 1px solid white;

margin: 0 5px 5px 0;

}



.thumbnail:hover{

background-color: transparent;

}



.thumbnail:hover img{

border: 1px solid blue;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: 0;

left: 230px; /*position where enlarged image should offset horizontally */

z-index: 50;

}





h1 {



	font-size: 15px;

	font-weight: bold;

	color:#FFFF00;

	text-align:center;

	Margin-top:15px;





	

	}



 h2 {

	font-size: 14px;

	font-weight: bold;

	color:#00FF00;

	text-align:center;

	margin:auto;

	margin-bottom:-1px;

	text-transform:capitalize;	

	}


h3 {



	font-size: 12px;

	font-weight: bold;

	color:#FFFF00;

	text-align:center;

	Margin-top:15px;



}




.yellow {

color:#FFFF00;

 font-size:12px;
 
 text-transform:lowercase;

} 	


.yellow2 {

color:#FFFF00;

 font-size:12px;
 
 text-transform:lowercase;

} 


.underlinedyellow{

color:#FFFF00;

 font-size:12px;

 text-decoration:underline;

}

.cyan {
color:#00FFFF;
text-transform:capitalize;
}




#motioncontainer {

margin:0 auto;

margin-top:30px;  

width: 100%; /* Set to gallery width, in px or percentage */

height: 200px; /* Set to gallery height */

}



#motioncontainer a img {

border: 1px solid #cccccc; /* Set image border color */

}



#motioncontainer a:hover img {

border: 1px solid navy; /* Set image border hover color */

}



#statusdiv {

background-color: lightyellow;

border: 1px solid gray;

padding: 2px;

position: absolute; /* Stop Editing Gallery Styles */

left: -300px;

visibility: hidden;

}



#motioncontainer a:hover {

color: red; /* Dummy definition to overcome IE bug */

}