/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

html, body {
	height: 100%;
	background-color:#90c8fb;
	}

body {
 font-family:"Times New Roman", Times, serif;
 font-size: 12px;
 background-image:url(images/slice-faux.jpg);
 background-repeat:repeat-x;
}

#wrapper { 
 margin: 0px auto -30px auto;
 width: 938px;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 background-color:#FFF;
}
#header {
	width: 938px;
	float: left;
	height: 296px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:0px 21px;
	background-color:#7fbef4;
}

#headerBox{
	padding:5px;
	margin-top:100px;
	float:left;
	width:450px;
	color:#FFF;
	font-size:14px;
	 position:absolute;
	}
	
#headerBox h1{
	font-size:20px;
	color: #98ccfe;
	font-weight:normal;
	padding-bottom:7px;
	}
	
#headerBox h2{
	font-size:16px;
	color: #FFF;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:7px;
	}
	
#headerBox a{
	color: #98ccfe;
	}
	
#headerBox strong{
	color: #FFF;
	font-weight:normal;
	}

#headerBox p{
	color:#E5E5E5;
	line-height:15px;
	text-transform:uppercase;
	}
	
/* Navigation */

#navigation {
 width: 938px;
 color: #1f70c2;
 padding-top:265px;
 text-align:center;
 text-transform:uppercase;
 font-size:16px;
 z-index: 30;
 margin:0px auto;
}

#navigation ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
color: #1f70c2;
width: 100%;
text-align: center;
}

#navigation li { display:inline-table; float:left;}

#navigation li a
{
color: #1f70c2;
padding: 2px 23px;
border-right: 1px solid #1f70c2;
}

#navigation li a.last{border-right: 0px;}


#navigation li a:hover
{
	text-decoration:none;
	color:#FFF;
}

#navlist div.box
	{
	position:absolute;
	visibility:hidden;
	border: 1px solid #1f70c2;
	width:180px;
	}

#navlist div.box a
		{
		display: block;
		margin: 0;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #a4d2fe;
		color: #1f70c2;
		font-size: 11px;
		}
	
#navlist div.box a{border-right: 0px;}

#navlist div.box a:hover
	{	
	background: #1f70c2;
	color: #FFF;
	}
	
/*  end navigation  */

#column { 
 color: #000;
 padding: 10px;
 float: left;
 }

#leftcolumn { 
 color: #000;
 padding: 10px;
 width: 608px;
 float: left;
 }
 
#leftcolumn h3{ 
 color: #1f70c2;
 }

#leftcolumn ul{
	padding-left:30px;
}

#rightcolumn {
 padding-top:10px;
 float: right;
 color: #1f70c2;
 width: 310px;
 display: inline;
}

a{
 color: #1f70c2;
	}
	
#footer { 
 color: #1f70c2;
 width: 918px;
 clear: both;
 background-image:url(images/footer.jpg);
 height:30px;
 margin:0px auto 0px auto;
 padding:40px 10px 0px 10px;
 background-color:#FFF;
}

.push{ height:70px;}

/* cornered */

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
background: transparent url(images/img.php.png) no-repeat bottom right;
/* set the image to use and establish the lower-right position */ 
} 
.cssbox{ 
width:300px !important; /* intended total box width - padding-right(next) */ 
width: 300px;/* IE Win = width - padding */  
padding-right:0px;/* the gap on the right edge of the image (not content padding) */ 
margin-bottom:10px;/* use to position the box  margin:0px auto*/
} 

.cssbox_head{
background-position:top right;/* set the top-right image */  
margin-right:0px;/* pull the right image over on top of border */ 
padding-right:0px;/* right-image-gap + right-inside padding */ 
} 

.cssbox_head h2{ 
background-position:5px 5px; /* set the top-left image */
background-image:url(images/cssboxtop.gif);
margin:0px; /* reset main site styles*/ 
border:0; /* ditto */ 
padding:10px 10px 10px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
height:auto !important; 
height:1%;/* IE Holly Hack */ 
text-align:center;
} 

.cssbox_body h3{
	line-height:15px;
} 

.cssbox_body{ 
background-position:bottom left;/* set the lower-left corner image */  
margin-right:15px; /* interior-padding right */ 
padding:5px 0 15px 15px;/* mirror .cssbox_head right/left */ 
text-align:center;
}

.cssbox_body ul{
	padding-left:0px;
	list-style-type:none;
}

.left{
	float:left;
	}
.right{
	float:right;
	}
/* form elements */

fieldset
{
border:none;
width: 100%;
margin:0px;
}

legend
{
color: #fff;
background: #D3D9E5;
border: 1px solid  #003366;
padding: 2px 2px;
margin-left:10px;
}

label {  
float: left;  
width: 150px;  
margin-right: 1em;
padding-top:10px;  
text-align: right;
}

fieldset input, fieldset textarea, fieldset select{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:300px;
padding:5px;
margin:5px;
border: 1px solid #CCCCCC;
line-height: 1.6em; 
}

fieldset input.checkBox{
width:auto;
padding:5px;
margin:5px;
border:none;
line-height: 1.6em; 
}

fieldset select{
width:312px;
}

fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
list-style:none;
text-align: left;
}

fieldset { 
left-margin:0px;
padding-left:0px;
text-indent:0px;
}

#frontForm label{
	font-size:16px;
	text-transform:uppercase;
	}

.checkStyle{
	width:20px;
	}
	
#videoLink{
	height:37px;
	background-image:url(images/video-box.png);
	background-repeat:no-repeat;
	color:#1f70c2;
	text-align:center;
	padding-top:10px;
	}

#vidBox{
	float:left;
	width:150px;
	height:200px;
}