* {padding:0; margin:0;}

html, body { 
	height:100%;
}

body { 
	background-color: #626668; 
}

img { behavior: url("iepngfix.htc");border: none; }

a:link {color: #DE6912;text-decoration: none;}
a:visited {color: #DE6912;text-decoration: none;}
a:hover {color: #DE6912;text-decoration: underline;}
a:active {color: #DE6912;text-decoration: none;}

div.hide-me { display:none; }


#global_wrapper {position:relative;width: 100%;background: #fff url(images/header_pattern2.jpg) repeat-x;}


#page_wrapper {width:960px;margin: 0 auto;color: #333;font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;font-size: 11px;line-height: 15px;background: url(images/bkgd.png) repeat-x;}

#header-hm {position:relative;width:960px;height: 140px;}
#header {position:relative;width:960px;height: 100px;}
#logo {padding-top:25px;}
#logo-hm {padding-top:40px;}
#scroll_content {float: left;border:1px solid #FFF;}

/* @group Navigation */

.nav {position: absolute; right: 0; top: 25px;}
.nav-hm {position: absolute; right: 0; top: 45px;}
.nav li, .nav-hm li {display:inline;text-shadow: 0px 3px 3px #555;}
.nav li a, .nav-hm li a {margin-left:3px;display:block;float:left;color:#FFF;text-decoration:none;line-height:30px;padding:1px 14px 1px 14px;font-size:12px;}
.nav li a:hover,.nav li a.current, .nav-hm li a:hover,.nav-hm li a.current {padding:0 13px 0 13px;text-decoration:none;color:#FFF;border:1px solid #FFF;}

/* @end */


/* @group Content */
strong, b {font-family:"Lucida Sans", sans-serif;}

#content {position: relative;padding: 30px 0;width: 960px;clear: both;background-color: #FFF;}

#content .initial_cap {font-size:22px;margin-right:1px;}


#content .col-wide {float:left;padding: 0 0 30px 25px;width: 667px;font-size:11px;line-height: 15px;}
#content .col1 {float:left;padding: 0 0 30px 0;width: 390px;}
#content .col2 {float:left;padding: 0 0 30px 35px;width: 390px;}
#content .col3 {float:left;width: 267px;margin-left:25px;}
#content .col4 {float:left;width: 400px;font-size: 11px;line-height: 15px;}

#content .col5 {float:left;width: 320px;font-size:11px;line-height: 15px;}
#content .col6 {float:left;margin-left:23px;width: 320px;font-size:11px;line-height: 15px;}
#content .col5 img, #content #col6 img {margin-bottom:10px;border: 1px solid #CCC;}

#content .event_info {width:378px;border:1px solid #CCC;clear:both;font-size:11px; line-height:14px;background-color: #f7f7ec;float:left; padding: 5px;margin-bottom:10px;}
#content .event_info img {float:left; padding-right: 10px;}
#content .event_info h1 {font-size:13px;font-weight:bold;color:#DE6912;padding-bottom:2px;font-family:"Lucida Sans", sans-serif;}
#content .event_info p {font-size:11px;line-height:13px;}

#video {text-align: center;clear: both;}
video {border: 1px solid #999;}



.right {float:right;}

#content_inner {padding: 0 40px;}

#content_inner h1 {margin-bottom: 12px;color: #949969;font-size: 20px;line-height: 22px;font-weight: normal;}

#content_inner h2 {margin-bottom: 3px;color: #333;font-size: 20px;line-height: 22px;font-weight: normal;}

#content_inner h3 {color: #666;font-size: 10px;line-height: 13px;font-weight: normal;width: 240px;}

#content_inner h4 {margin-bottom: 6px;color: #333;font-size: 15px;line-height: 18px;font-weight: normal;}

#content_inner li {margin: 0 0 15px 15px;}


/* @end */

/* @group Video */

/* container has a background image */
div.row a.player {	
	display:block;
	width:190px;
	height:150px;
	padding:0;	
	text-align:center;
	float:left;
	margin:0 20px 0 0;
	border:1px solid #ddd;
}
div.row a.player:hover {
	border:1px solid #333;
}
 
/* splash image */
div.row a.player img {
	margin-top:55px;
	border:0;	
}

/* "row" contains video and "lorem ipsum" text */
div.row  {
	clear:both;	
	width:625px;
	border:1px solid #ddd;
	margin:20px 0 0 0;
	padding:20px;
	color:#666;
	background-color:#efefef;
}

a.myPlayer {
	display:block;
	width: 480px;
	height:359px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin: 140px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #333;
}

/* @end */




/* @group Footer */

#footer_wrapper {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;width: 100%;margin: 0 auto;background: url(images/footer.jpg) repeat-x;}

#footer {width: 960px;margin: 0 auto;font-size: 11px;line-height: 14px;color: #FFF;background: url(images/footer.jpg) repeat-x;}



#footer li a {color: #CCC;text-decoration:none;margin-left:15px;}
#footer li a:hover {text-decoration: underline;color: #fff;}

#footer .col1 li {color: #CCC;padding: 3px 0;width: 200px;background: url(images/bullet.gif) no-repeat 0 7px;}
#footer .col2 li {color: #CCC;padding: 3px 0;width: 200px;background: url(images/bullet.gif) no-repeat 0 7px;}
#footer .col3 li {color: #CCC;padding: 3px 0;width: 200px;background: url(images/bullet.gif) no-repeat 0 7px;}

#footer ul.col1 {list-style:none;float: left;padding: 15px 0 0 0px;}
#footer ul.col2 {list-style:none;float: left;padding: 15px 0 0 0px;}
#footer ul.col3 {list-style:none;float: left;padding: 15px 0 0 0px;}


#footer .col_wrap {float: right;width:270px;}
#footer .col4 p {color: #CCC;padding: 20px 0 5px 0;width: 270px;font-size:11px;}
#footer .col4 p a {color: #CCC;}
#footer .col4 .subscribe {font-size:15px;}
#footer .col5 input {float:left;padding: 3px 10px 2px 0;width: 190px;margin: 5px 0;font-size:10px;color:#888;}
#footer .col5 .button {float:left;width:auto;padding:1px 0 0 5px;}



#footer .copyright {clear: both;font-size: 10px;padding: 20px 0 20px 0;width: auto;color: #999;}
#footer .copyright a {color: #8bcc37;}

/* @end */

#clear {clear: both;}