@import url('/css/default.css');
@import url('/css/DropMenu.css');
@import url('/css/cms.css');

/* Generic Styles */

body {
	background: url('/media/structure/reskin_bg_gradient.jpg') repeat-x #000000 0px 0px;
	font-size: 12px;
	font-family: Arial;
	margin: 0px auto;
}

#photobg {
	width: 1100px;
	height: 1388px;
	background: url('/media/structure/reskin_bg.jpg') no-repeat 50% 0%;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -550px;
	z-index: -999;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,1); 
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,1); 
	/* For IE 8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000')';
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000');
}
a, a:visited {
	color: #f58025;
	}
	
a:hover {
	color: #aa1224;
	}
	
.alpha8 {
    background: url('/media/structure/reskin_blackbg.png');
	/*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);*/
	/*filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);*/
}

.alpha9w {
	background: url('/media/structure/reskin_whitebg.png');
    /*background: #ffffff;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	filter: alpha (opacity=90);
	-ms-filter: alpha (opacity=90);*/
	}

.alpha95w {
	background: url('/media/structure/reskin_whitebg.png');
    /*background: #ffffff;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.95);
	filter: alpha (opacity=95);
	-ms-filter: alpha (opacity=95);*/
	}

.bg_white {
	background: #ffffff;
	}
	
.ccclogo {
	margin: 27px 0px 0px 25px;
	}

.workplay {
	margin: 88px 0px 0px 350px;
	position: absolute;
	}

	
/* sidenav */

#sidenav {
    float:left;
    width: 270px;
    margin: 0px 25px 0px 0px;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    
/
}

#sidenav ul {
    list-style: none;
    margin-bottom: 10px;
   
}

#sidenav ul.login li {
	border: none !important;
	background: url('/media/structure/reskin_blackbg.png');
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

#sidenav ul.results li {
	border: none !important;
	background: url('/media/structure/reskin_resultsbg.png');
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}


#sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	height: 100%;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

#sidenav li.sub {
	background: url('/media/structure/reskin_orangebg.png');
	/*background: #f58025;*/
	/*background: rgb(245, 128, 37);
	background: rgba(245, 128, 37, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);*/
	}

#sidenav li.sub a:hover {
	background: #000000;
	}

#sidenav .subsub {
	background: #f58025;

	}
	
.treeview {
	background: url('/media/structure/reskin_blackbg.png');
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);*/
	}
	
.treeview ul li ul li {
	margin: 0px;
	padding: 0px;
	}
	
#sidenav ul li {
    margin: 0px 0;
 
}

#sidenav ul li a {   
    padding: 10px 15px 10px 10px;
    display:block;
    color:#fff;
    text-decoration:none;    
    line-height:20px;
    font-weight:normal;
}

#sidenav ul li a:hover {
    background-color: #f58025;

}
#sidenav ul li span {
	}
	
#sidenav ul li a.active {
	background: #f58025;
	/*background: rgb(245, 128, 37);
	background: rgba(245, 128, 37, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);*/
	}

#sidenav ul li a.subactive {
	background: #000000;
	}
	
#sidenav ul li ul {
    margin-bottom: 0px;
}
#sidenav ul li ul li {
    margin-bottom: 0px;
	background:none;
    text-transform:none;
}
#sidenav ul li ul li a {
    padding: 0px 0px 5px 20px;
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:normal;
    margin-bottom:0px;
    
}


#sidenav ul li ul li ul li a {
    padding-left: 30px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
}

li.last a {
	border-bottom: 0px !important;
	}
	
.volunteers_ad {display:block;;padding: 30px 0 0 7px;}
.volunteers_ad p {padding: 5px 0;text-align: center;}
.volunteers_ad p a.padding {padding-right:15px;}
#sidenav_icon { margin-top:15px; text-align:center; }
	
#frame {
	margin: 0px auto;
    width: 1000px;
    min-height: 1388px;
}
#topnav {
    /*margin:0 auto;*/
	position:relative;
    width:1000px;
}

	
#loginMenu {

}
#header {
    height:260px;
}


#middle {
    width: 1000px;
    min-height: 840px;
}
#middle h1 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    padding-top: 10px;
    padding-bottom: 5px;
}

#middle h2 {
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	}
	
#content {
    float:right;
    width: 700px;
    padding: 0px 0px 0px 0px;
    min-height:250px;
}
#content, #content p, #content li  {
    font-size: 13px;
    font-family: Arial;
    color: #ffffff;
}

	
	#content p {padding: 4px 0 7px 0;}

	#content ul, #content ol {margin: 5px 0 5px 20px;}
	#content li {margin: 3px 5px;}
	
	#content table {
        border-collapse:collapse;
        padding:0;
        margin:5px 0px 0px 10px;
        max-width: 650px;
        width: 650px;
    }
	#content th {
        background:#152B4D;
        border:1px solid #333333;
        padding: 4px 8px;
        color:#fff;
        text-align:center;
    }
    #content tr {
        background:#E8E8E8;
        color:#333333;
    }
    #content tr.odd {
        background:#ccc;
    }
    #content td {
        padding:3px 5px;
        border:1px solid #333333;
    }



#content_header_box {
    float:right;
	background:url('/media/structure/content_header_box.png') no-repeat center bottom;
    width:609px;
    max-height:80px;
    padding:15px;
    padding-bottom:20px;
    margin-left:5px;
    margin-right:5px;
}
#content_header_box h1 {padding-top:0;}
#content_header_box hr {
    height:1px;
    width:370px;
    border:none;
    color:#EF9603;
    background-color:#EF9603;
	margin-bottom:3px;
}

#info_bar {
	width: 680px;
	padding: 6px 10px 6px 10px;
	font-size: 12px;
	}
	
.page_title {
	min-height: 54px;
	padding: 14px 10px 22px 24px;
	}
	
.page_title_sports {
	min-height: 54px;
	padding: 10px 10px 22px 24px;
	}
	
.page_title,
.page_title p,
.page_title_sports,
.page_title_sports p {
	color: #000000 !important;
	font-size: 12px;
	font-weight: normal;
	}

.page_title h1,
.page_title h2,
.page_title_sports h1,
.page_title_sports h2 {
	color: #000000 !important;
	font-size: 30px !important;
	font-weight: normal;
	}

.sponsor_logo {
	margin: 10px 2px 0px 0px;
	}
	
	#quicklinks a, 
	#quicklinks a:visited {
		color: #ffffff;
		text-decoration: none;
		margin: 0px 10px 0px 10px;
		}
		
	#quicklinks a:hover {
		color: #f58025;
		}
	
.page_subnav {
	width: 662px;
	margin: 0px 0px 16px 0px;
	padding: 4px 14px 4px 4px;
	font-weight: normal;
	}
	
.page_content {
	padding: 0px 10px 66px 10px;
	margin: 0px 0px 60px 0px;
	font-weight: normal;
	}
	
.page_content p,
.page_content h1,
.page_content h2, 
.page_content h3,
.page_content li {
	color: #000000 !important;
	font-weight: normal;
	margin: 0px 0px 0px 14px;
	}


.top {
	background: url('/media/structure/arrow_orange.png') no-repeat 0px 12px;
	padding: 0px 14px 0px 14px;
	}
	
.page_content p,
.page_content li {
	margin: 0px 0px 0px 14px;
	padding: 0px 14px 0px 0px;
	}
	
#footer {
    height:100%;
    width: 100%;
    float: left;
    background: #ffffff;
}
#footer_box {
    width:922px;
}

#footer_content {
	margin: 0px auto;
	width: 1000px;
    padding: 16px 0px 0px 0px;
}

	span.copyright {
		color: #999999;
		float: right;
		padding: 4px 6px 4px 6px;
		font-size: 11px;
		}
		
	span.broughtby {
		color: #ffffff;
		background: #000000;
		padding: 4px 6px 4px 6px;
		font-size: 11px;
		}
		
	.sponsor_header {
		color: #ffffff;
		padding: 0px 0px 4px 0px;
		width: 100%;
		font-size: 14px;
		border-bottom: 1px solid #000000;
		}
		
	/*.sponsor_header {
		background: #000000;
		color: #ffffff;
		padding: 6px 13px 6px 13px;
		width: 274px;
		font-size: 14px;
		}*/
		
	.sponsor_logos {
		float: left;
		padding: 40px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
		background: #fff;
		width: 1000px;
		}
	
	.sponsor_logos_bg {
		background: #ffffff;
		float: left;
		}
		
	.grid {
		width: 118px;
		height: 75px;
		display: block;
		float: left;
		text-align: center;
		margin: 10px 24px 0px 24px;
		}
		
	.grid img {
		max-width: 118px;
		}
		
	.footer_contact {
		clear: both;
		}
	
	.contact_header {
		background: #000000;
		color: #ffffff;
		padding: 6px 13px 6px 13px;
		width: 74px;
		font-size: 14px;
		}
		
	.col_wrapper {
		border-top: 1px solid #000000;
		}
	
	.col_wrapper2 {
		margin: 60px 0px 0px 0px;
		}
		
	.contact_col {
		width: 33%;
		display: inline-block;
		vertical-align: top;
		padding: 16px 0px 0px 0px;
		font-size: 14px;
		}
		
	.footer_social {
		margin: 60px 0px 0px 0px;
		}
		
	.footer_supplier {
		padding: 8px 13px 8px 13px;
		margin: 12px 0px 75px 0px;
		font-size: 12px;
		}
		
		.footer_supplier img {
			vertical-align: middle;
			}
		
		span.spacer {
			margin: 0px 20px 0px 20px;
			}
		
	.footer_copyright {
		background: #000000;
		color: #ffffff;
		padding: 8px 13px 8px 13px;
		width: 100%;
		font-size: 14px;
		clear: both;
		}
		
#footer_content a {
}


#comments {
    margin:0 auto;
    margin-top:20px;
    width:900px;
    background:#fff;
}


.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

/* fontkit */

@font-face {
    font-family: 'NewsCycleRegular';
    src: url('/media/font/NewsCycle-Regular-webfont.eot');
    src: local(‚ò∫),
    	 url('/media/font/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/font/NewsCycle-Regular-webfont.woff') format('woff'),
         url('/media/font/NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('/media/font/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Theme Colors */

/* Blue */

body.blue {
	background: url('/media/structure/reskin_bg_gradient_blue.jpg') repeat-x #000000 0px 0px;
	}
	
.blue #middle span.divcol {
	color: #3c6477 !important;
	/*color: #06adfd;*/
	}
	
.blue #sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	border-bottom: 1px solid #ffffff;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

.blue #sidenav li.sub {
	/*background: #3c6477;*/
	background: #76929e;
	}

.blue #sidenav ul li a:hover,
.blue #sidenav li.sub a:hover {
	background: #3c6477;
	}
	
.blue #content a,
.blue #content a:visited { 
	color:#3C6477; 
	}

.blue #quicklinks a,
.blue #quicklinks a:visited{
	color: #ffffff;
	}
	
.blue #quicklinks a:hover,
.blue #content a:hover,
.blue #info_bar a:hover {
	color: #06adfd !important;
	}
	
.blue #sidenav ul li a.subactive {
	background: #3c6477 !important;
	}
	
.blue #info_bar a {
	color: #ffffff !important;
	}

/* Green */
body.green {
	background: url('/media/structure/reskin_bg_gradient_green.jpg') repeat-x #000000 0px 0px;
	}
	
.green #middle span.divcol {
	color: #97a075 !important;
	}
	
.green #sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	border-bottom: 1px solid #ffffff;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/ 
	}

.green #sidenav li.sub {
	background: #97a075;
	}

.green #sidenav ul li a:hover,
.green #sidenav li.sub a:hover {
	background: #6b773b;
	}
	
.green #content a,
.green #content a:visited { 
	color: #6b773b; 
	}

.green #quicklinks a,
.green #quicklinks a:visited{
	color: #ffffff;
	}
	
.green #quicklinks a:hover,
.green #content a:hover,
.green #info_bar a:hover {
	color: #afc94c !important;
	}
	
.green #sidenav ul li a.subactive {
	background: #6b773b !important;
	}
	
.green #info_bar a {
	color: #ffffff !important;
	}
	
/* White */
body.white {
	background: url('/media/structure/reskin_bg_gradient_white.jpg') repeat-x #000000 0px 0px;
	}
	
.white #middle span.divcol {
	color: #666666 !important;
	}
	
.white #sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	border-bottom: 1px solid #ffffff;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

.white #sidenav li.sub {
	background: #9e9e9e;
	}

.white #sidenav ul li a:hover,
.white #sidenav li.sub a:hover {
	background: #cccccc;
	}
	
.white #content a,
.white #content a:visited { 
	color: #3f3f3f; 
	}

.white #quicklinks a,
.white #quicklinks a:visited{
	color: #ffffff;
	}
	
.white #quicklinks a:hover,
.white #content a:hover,
.white #info_bar a:hover {
	color: #cccccc !important;
	}
	
.white #sidenav ul li a.subactive {
	background: #cccccc !important;
	}
	
.white #info_bar a {
	color: #ffffff !important;
	}

/* Red */
body.red {
	background: url('/media/structure/reskin_bg_gradient_red.jpg') repeat-x #000000 0px 0px;
	}
	
.red #middle span.divcol {
	color: #dd1c2c !important;
	}
	
.red #sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	border-bottom: 1px solid #ffffff;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

.red #sidenav li.sub {
	background: #770d19;
	}

.red #sidenav ul li a:hover,
.red #sidenav li.sub a:hover {
	background: #dd1c2c;
	}
	
.red #content a,
.red #content a:visited { 
	color: #770d19; 
	}

.red #quicklinks a,
.red #quicklinks a:visited{
	color: #ffffff;
	}
	
.red #quicklinks a:hover,
.red #content a:hover,
.red #info_bar a:hover {
	color: #dd1c2c !important;
	}
	
.red #sidenav ul li a.subactive {
	background: #dd1c2c !important;
	}
	
.red #info_bar a {
	color: #ffffff !important;
	}

/* Orange */
body.orange {
	background: url('/media/structure/reskin_bg_gradient.jpg') repeat-x #000000 0px 0px;
	}
	
.orange #middle span.divcol {
	color: #f58025 !important;
	}
	
.orange #sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	border-bottom: 1px solid #ffffff;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

.orange #sidenav li.sub {
	background: #f58025;
	}
	
.orange #sidenav ul li a:hover,
.orange #sidenav li.sub a:hover {
	background: #cc6600;
	}
	
.orange #content a,
.orange #content a:visited { 
	color: #f58025; 
	}

.orange #quicklinks a,
.orange #quicklinks a:visited{
	color: #ffffff;
	}
	
.orange #quicklinks a:hover,
.orange #content a:hover,
.orange #info_bar a:hover {
	color: #cc6600 !important;
	}
	
.orange #sidenav ul li a.subactive {
	background: #f58025 !important;
	}
	
.orange #info_bar a {
	color: #ffffff !important;
	}
	
/* Mini */
body.mini {
	background: url('/media/structure/reskin_bg_gradient_mini.jpg') repeat-x #000000 0px 0px;
	}
	
.mini #middle span.divcol {
	color: #bfa628 !important;
	}
	
.mini #sidenav li.subhead {
	background: url('/media/structure/reskin_blackbg.png');
	border-bottom: 1px solid #ffffff;
    /*background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	filter: alpha (opacity=80);
	-ms-filter: alpha (opacity=80);
	border-bottom: 1px solid #ffffff;*/
	}

.mini #sidenav li.sub {
	background: #bfa628;
	}

.mini #sidenav ul li a:hover,
.mini #sidenav li.sub a:hover {
	background: #8e7f3a;
	}

.mini #sidenav ul li a:hover {
}
.mini #content a,
.mini #content a:visited { 
	color: #8e7f3a; 
	}

.mini #quicklinks a,
.mini #quicklinks a:visited{
	color: #ffffff;
	}
	
.mini #content a:hover {
	color: #736428 !important;
	}
	
.mini #quicklinks a:hover,
.mini #info_bar a:hover {
	color: #f3e27d !important;
	}
	
.mini #sidenav ul li a.subactive {
	background: #8e7f3a !important;
	}
	
.mini #info_bar a {
	color: #ffffff !important;
	}