html, form, body {
	height: 100%;
	width: 100%;
	
	margin: 0px;
	padding: 0px;
	
	min-width: 800px;
	min-height: 700px;
	
	text-align: center;
	vertical-align:middle;
	
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

div.OutBox1
{
	height: 100%;
	
	min-width: 800px;
	
	width: 100%;

	padding: 0px;
	margin: 0px;

	Position: absolute;
	top: 10px;
	left: 0px;
	
	min-height: 700px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	z-index:5;
}

div.Photoback
{
height: 100%; 
width:100%; 
position: absolute; 
top: 0px; 
left: 0px; 
overflow:hidden;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
z-index:1;
}
div.Photoback img
{
border:0; 
width: 100%;
opacity:0.20;filter:alpha(opacity=20);
}



div.TopBar
{
	position: relative;
	margin: 5px;
	height: 14%;
	width: 100#;
	
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;

	
}
div.PhotoShow
{
	position: relative;
	margin: 5px;
	height: 70%;
	width: 100#;
	
	
	overflow:hidden;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	z-index:19;
	
}

div.ContentBox
{
	position: relative;
	margin: 5px;
	height: 70%;
	width: 100#;
	padding: 20px 0px 20px 0px;
	
	overflow:hidden;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	z-index:19;
	
	text-align: center; 
	vertical-align:middle;
	
}
div.contentIn
{
	position: relative;
	height: 100%;
	width: 100#;
	padding: 0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	overflow:hidden;
	text-align: center; 
	vertical-align:middle;
	
	
	
}


div.content {z-index:20;}
div.images_container {z-index:21;}

div.basebar
{
	position: relative;
	margin: 5px;
	height: 13%;
	width: 100#;
	
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
}


div.nav
{
	height: 30px;
	width: 900px;
	position: absolute;
	bottom: 8px;
	right: 50px;
}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: absolute; right: 0px; top:0px; z-index: 300; }
ul.dropdown li                      { text-align:center;list-style: none; float:left; margin-left:20px; }
ul.dropdown a:hover		    { color: #fff; background-color: #333; }
ul.dropdown a:active                { color: #dedede; }
ul.dropdown li a                    { display: inline-block; float:left; padding:3px 3px 8px 3px; color: #ccc; font: normal 12px arial; text-decoration: none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {}
ul.dropdown li.hover a              {}


/* 
	LEVEL TWO
*/
ul.dropdown ul 			    	{ display: none; position: absolute; margin-top: 24px; margin-left: -40px; z-index: 302; }
ul.dropdown ul li 			{ list-style: none; opacity:.9; font: normal 12px arial; background-color: #000; color: #fff; 
									  float: none; text-align: left; margin-left:0px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{padding:3px 0px 3px 10px;  border-right: none; width: 100%; display: inline-block; background-color: #fff; } 
ul.dropdown ul li a:hover { color: #ccc; background-color: #fff;  }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 				{ margin-top: 0px; margin-left: 170px; z-index: 302; }
ul.dropdown li:hover > ul 			{  }





	div.PageTitle
	{
		height: 20px;
		width: 100%;
		position: relative;
		font:normal 20px Helvetica;
		color:#F76D6D;
		vertical-align:top;
		
		-moz-box-sizing: border-box;       
		box-sizing: border-box;

	}

	div.PageT
	{
		height: 100%;
		padding-top: 17px;
		padding-left: 0px;
		text-align:center;
		-moz-box-sizing: border-box;       
		box-sizing: border-box;
	
	}
	
		div.footer
		{
			height: 20px;
			width: 100%;
			position: absolute;
			bottom:2px;
			left:0px;
			font: normal 12px arial;
			color: #999;
			vertical-align:bottom;
			
			-moz-box-sizing: border-box;       
			box-sizing: border-box;
		}
		div.Foot1
		{
			height: 100%;
			text-align:center;
			-moz-box-sizing: border-box;       
			box-sizing: border-box;
			width: 100%;
			float:left;
			text-align:center;
			padding-left: 0px;
		
	}
	
	div.Foot1 a
	{
		color: #999;
		text-decoration: none;
		font: normal 12px arial;
	}
	div.Foot1 a:hover
	{
		color: #ccc;
	}
	
	
	
	
		div.sonet
		{
			Position: absolute;
			top: 0px;
			right:50px;
			font: normal 14px arial;
			color: #bbb;
			
			-moz-box-sizing: border-box;       
			box-sizing: border-box;
	}
		div.sharebar
		{
			height: 8%;
			width: 100%;
			padding-right:85px;
			font: normal 16px arial;
			color: #333;
			text-align: right;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			position: relative;
			
		}
		div.sharit1
		{
			text-align:right;
			width: 400px;
			position:absolute;
			bottom: 35px;
			right: 41px;
			font: normal 16px arial;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			color: #333;
			z-index:99
			
		}
		
		
			div.SocNet1
			{
			
				position:absolute;
				top: 80px;
				right: 65px;
				z-index: 999;
				-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
				height: 160px;
				width: 200px;		  	
			  	display: none;
			  	background-repeat: no-repeat;
			  	background-image: url(http://cca103.net/devv2_des9/images/shareback.png);
			  	
			  	opacity: .85;
			  	
			}
			
				a.socLikeX
				{
					font: normal 8px arial;
					color: #333;
					text-decoration: none;
	
					cursor:pointer;
					background-color:#dedede;
					padding: 1px 3px 1px 3px;
					border: 1px solid #333;
					position: absolute;
					right: 12px;
					top: 34px;
					
					
					-moz-border-radius: 8px;
	 				border-radius: 8px;
	 				
	 				
				}
				
				a.socLikeX:hover
				{ color: #dedede; background-color:#555;}
				
				a.mysharb
				{
					color: #555;
					cursor:pointer;
				}
				a.mysharb:hover
				{
				
					color: #000;
		}
		
		#socIcon
		{opacity:0.60;filter:alpha(opacity=60); z-index:99; color: #ccc;}
		
		#socIcon:hover
		{opacity:0.99;filter:alpha(opacity=99); color: #dedede;}
		
		#socIcon img
		{ width: 25px; border:0px; margin-top:3px; margin-bottom: 2px; margin-left: -13px;margin-right: 12px;}
		
	div.TitleMain
	{
		position: absolute;
		top: 5px;
		left: 20px;
		width: 800px;
		height: 120px;
		text-align:left;
	
	}
	
	div.CapBtn
	{
		position: absolute;
		top: 0px;
		left: 0px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		width: 40px;
		padding: 5px;
		font: bold 20px arial;
		text-align:center;
		vertical-align: middle;
		background-color: #555;
		color: white;
		opacity:0.30;filter:alpha(opacity=30);
		border: 1px solid black;
		cursor: pointer;

	
	}
	div.CapBtn:hover
	{
	
	opacity:0.80;filter:alpha(opacity=80);
	}
	

	
	ul.ImageList
	{
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
	}
	ul.ImageList li
	{
		text-align:center;
		list-style: none; 
		float:left;
		margin-left: 5px;
		width: 250px;
		height: 200px;
		overflow: hidden;
	}
	ul.ImageList li img
	{
		padding: 0px;
		border: 0px;
		margin: 0px;
		
	}
	
	div.CapPop
	{
		position: relative;
		bottom: 0px;
		left: 0px;
		
		width: 100%;
				
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			min-height: 40px;
			background-color: #555;
			
			
			opacity:0.80;filter:alpha(opacity=80);
			font: normal 12px arial;
			color: white;
			
			text-align:left;
			
			padding:4px;
			padding-left: 10px;
			padding-bottom: 10px;

			display:none;
	
		
	}
	
	img.ptoImg
	{
		height: 100%;
		float: left; 
		margin-right: 5px;
		opacity: 0.2;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
	}
	
	div.CapBox
	{
		width: 100%;
		height: 30px;
		position: absolute;
		bottom: 5px;
		left: 0px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		display: none;
		padding:0px;
		
		

	}
	
	div.CapBoxBtn
	{
		Position: absolute;
		top: 0px;
		left: 5px;
		width: 20px;
		font: bold 14px arial;
		color: #dedede;
		background-color: transparent;
		padding-top: 2px;
		padding-bottom: 2px;
		
		text-shadow: 1px 1px black;

		filter:DropShadow(Color=#000000, OffX=1, OffY=1)
		

		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	}
	
	
	
	div.CapBoxBody
	{
		position: absolute;
		bottom: -200px;
		left: 30px;
		padding: 5px;
		
		font: normal 12px arial;
		color: #fff;
		background-color: #555;
		opacity:0.70;filter:alpha(opacity=70);
		text-align: left;
		
		padding-bottom: 8px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		display:none;
		min-height:30px;'
		
		
		
		
	
	}
	
	div.WpmBug
	{width: 100px; height: 30px; font: normal 10px arial; color: #999; position: absolute; bottom: 0px; right:0px;z-index:99;}
	
	div.WpmBug a
	{font: normal 10px arial; color: #999;text-decoration: none;}
	
	div.WpmBug a:hover { color: #aaa; }
	
	p.BlogHeadT {
		font: bold 14px arial;
		margin: 0px 0px 10px 0px;
		text-align:left;
		
	}
	
	p.BlogHeadB {
		font: normal 14px arial;
		margin: 0px 0px 10px 0px;
		text-align:left;
		line-height: 140%;
	}
	
	div.controls
	{
		width: 150px;
		height: 20px;
		position: absolute;
		top: 20px;
		right: 47px;
		padding: 3px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
		
		font: normal 12px arial;
		z-index: 200;
		text-align:right;
		
	
	}
	div.controls a
	{
		font: normal 12px arial;
		text-decoration:none;
		padding: 0px 4px 0px 4px;
		color: #ccc;
	}
	div.controls a:hover
	{
		color: #dedede;
	}
	
	div.captions
	{
		width: 90%;
		position: absolute;
		top: 45px;
		left: 5%;

		padding: 3px;
		font: normal 12px arial;
		color: #ccc;
		text-align: center;
	
	}
	div.images_container
	{
		width: 50000px;
		left: 1800px;
	}