@charset "UTF-8";

/* Reset */
@import 'reset.css';	


/* Globals */

html body {
	font: Georgia, "Times New Roman", Times, serif;
	background-color:#3682b6;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}


h1 {
	font-size:18px;
	
	
}

h2 {
	font-size:18px;
	text-align:left;
	color:#FFF;
	margin:20px 0 20px 0;
	
	}
	
h3 {
	font-size:24px;
	margin:20px;
	}

a {
	color:#CCC;
	
	}

.clear { 
	clear:both; 
}


.welcome{
	padding-top:20px;
	
}

.actionbtn {
	text-align:center;
	padding:20px;
	}
	
.backhome {
	text-align:right;
	padding-bottom:20px;
	}
	
#top-intro {
	height:48px;
	background-image: url(../images/headerbk.jpg);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}
#outside_container {
	margin: 0;
	padding:0;
	background: url(../images/bkg.jpg) #3682b6 no-repeat top;/*!Important needed to see the bckgrnd image and This makes the background stick with the container elements*/
	/*background: url(../images/bkg.jpg) #3682b6 no-repeat fixed top center; This makes the background image static and the container items scroll */

}

#container {
	/* min-height:1350px;This makes the background image static and the container items scroll */
	overflow: hidden; /*!Important needed to see the bckgrnd image and This makes the background stick with the container elements*/
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#video_header {
	background: url(../images/header-placeholder.png) no-repeat;
	height:267px;
	margin:0 30px 0 30px;
}

#nav {
	float:left;
	margin-left:55px;
}

#nav ul{
	margin:0;
	padding:0;
	 
}

#nav li{
	float:left;
	width:285px;
	 
}

.action{
	padding:20px;
	
	
	}
	
#content{
	width:700px;
	margin:0 auto;
	background:#CCC;
	text-align:left;
	padding:20px 20px 20px 20px;
	}

#content .transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#content a {
	color:#333;}

#content h1 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:20px;
	color:#333;
	padding-bottom:20px;
	}
	
#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px;
	color:#333;
	
	}
	
#content p {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px;
	color:#333;
	line-height:18px;
	}
	
#content ul {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px;
	color:#333;
	line-height:18px;
	}
	
#content ul li{
	padding-bottom:20px;
	}
	
#content ol li{
	padding:10px;
	font-size:14px;
	line-height:18px;
	color:#333;
	}

.col-left{
	width:430px;
	float:left;
	margin:10px 0 0 55px;
	
	}
	
.tools{
	float:left;
	margin:30px 0 0 0;

	}

.tools li{
	float:left;
	width:210px;
	
	}
	
.col-right{
	float:left;
	width:430px;
	margin:30px 0 0 0;
	}
	
.events{
	margin:0;
	float:left;
}

.events ul{
	margin:0px;
}

.events li{
	width:215px;
	float:left;
	margin-top:20px;
	
	}
	
.sponsor{
	padding-top:32px;
}



/* TEAM PACKET PAGE   */
#outside_container_packet {
	margin: 0;
	padding:0;
	background: #3682b6 
}

#teampacket {
	width:900px;
	float:left;
	margin-left:55px;
}

#teampacket h1 {
	color:#000;
	font-size:22px;
	margin:20px 0 10px 0;
}

#teampacket ul{
	float:left;

	 
}

#teampacket li{
	color:#FFF;
	text-align:left;
	line-height:22px;
	list-style-image:url(../images/checkmarkicon.png);
	 
}

#teampacket li span{
	list-style-image:url(../images/xlsicon.gif);
	 
}
	
/* FOOTER   */
#footer{
	width: 100%;
	height: 100%;
	font-family: Georgia;
	background-color:#000;
}

#footer h2{
	padding: 0;
	margin: 0;
	color: #FFF;
	height:20px;
	font-size: 14px;
}
#footer .socialmedia{
	color: #FFF;
	padding-top: 25px;
	font-size: 22px;
	text-align: center;
	padding:20px 0 0 0;
	}
	
	
#footer .socialmedia ul li{
	float:left;
	}
	
.footerfix{
	margin-top:35px;
	margin-left:220px;
	}

#footer .footerList{
	font-size:12px;
	font-weight:lighter;
	margin-top: 25px;
	margin-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	width: 170px;
	text-align:left;
}

#footer .footerWrap{
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

#footer .footerList li{
	color: #8c8c8c;
	margin-top: 5px;
	margin-bottom: 5px;
}

#footer .copyright{
	clear: both;
	color: #8c8c8c;
	padding: 25px;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}

#footer .copyright span{
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
}

/* Windows   */

.window {
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}
	
.window h1 {
	font-size:24px;
	margin:20px;
	color: #3682B6;
	}
	
.window h2 {
	font-size:18px;
	margin:0 20px 0 20px;
	color: #666;
	}

.window p {
	font-size:14px;
	line-height:18px;
	margin:10px 20px 10px 20px;
	}
	
.window ul {
	font-size:16px;
	margin:20px;
	
	}

.window ul li {
	line-height:24px;
	
	}

/* Windows   */
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	width:630px;
    height:200px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* Small Video Area on home page   */

#slideshow {
	background-image: url(../images/slideshow.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 422px;
	padding-top:40px;
	
}

#slideshow .video_small {
	width:394px;
	height:212px;
	margin:40px 13px 40px 13px;
	display:inline;
	
	
	}
	
/*** Main slideshow **/

#slideshow-main {
    position:relative;
    height:249px;
	margin-left:25px;
}

#slideshow-main IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow-main IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow-main IMG.last-active {
    z-index:9;
}

/*** Recruitment Zone **/

#content-gallery{
	width:770px;
	margin:0 auto;
	background:#000;
	text-align:left;
	padding:20px 20px 20px 20px;
	}

.galleryboxes{
	margin:0;
	float:left;
}

.galleryboxes ul{
	margin:0px;
}

.galleryboxes li{
	width:230px;
	float:left;
	margin-top:20px;
	
	}