/* ------------------------------------- *\

			Start Main Styles

\* ------------------------------------- */

body {
	background-color:#8C8C8C;
	color:#333333;
	font-family:  verdana, Verdana, sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin:0;
	padding:0;
	width:100%;
}
.contentBody{
	color:#444;
	font-family:  verdana, Verdana, sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin:0 auto;
	padding:0;
	width:880px;
}
.ct_content{
	margin:0 auto;
	padding:0;
	width:930px;
}
.ct_contentWide{
	margin:0 auto;
	padding:0;
	width:920px;
}
.ct_logo {
	padding:20px 0 0 0;
}
.ct_floatright {
	float:right;
}
.ct_floatleft {
	float:left;
}
.ct_clear {
	clear:both;
}
#logoHeaderContainer {
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_mainbackground.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	height:428px;
	margin:0 auto -320px;
	width:100%;
	}
#logoHeaderContainerAdmin {
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_mainbackground.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	height:428px;
	margin:0 auto -340px;
	width:100%;
}
#logo a {
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_logo.png');
	display:block;
	float:left;
	height:80px;
	width:360px;
	}
#logoAdmin a {
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_logoSM.png');
	display:block;
	float:left;
	height:52px;
	width:360px;
	}
#backgroundRepeat {
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_background.jpg');
	background-color:#3D3D3D;
	background-repeat:repeat;
	width:100%;
}
#outerContainer{	
	background-color:Transparent;
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ct_bkgTop.png');
	background-position: center top;
    background-repeat: no-repeat;
	margin:0 auto;
	padding:12px 0 0;
	width:1020px;
}
#contentContainer{
	background-color:Transparent;
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ct_bkgbottom.png');
	background-position: center bottom;
    background-repeat: no-repeat;
	margin:0 auto;
	padding:0 0 12px;
	width:1020px;
	min-height:420px;
	position:relative;
	z-index:500;
	}
#mainContent {
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#fff;
	border:1px solid #cccccc;
	padding:20px;
	min-height:450px;
}
img a{
	border: none;
}

/* ------------------------------------- *\

			Start Content Styles

\* ------------------------------------- */
@font-face {
	font-family: 'AvantGardeBookRegular';
	src: url('../font/avantgarde-book-webfont.eot');
	src: local('☺'), url('../font/avantgarde-book-webfont.woff') format('woff'), url('../font/avantgarde-book-webfont.ttf') format('truetype'), url('../font/avantgarde-book-webfont.svg#webfontjqnMsPkm') format('svg');
	font-weight: normal;
	font-style: normal;
}
#clearthunder_screenshotbkg{
	background-color:transparent;
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_screenshotbk.png');
	background-repeat:no-repeat;
	background-position:right bottom;
}
.clearthunder_mainHeader, #header{
	color:#022b80;
	font-family: 'AvantGardeBookRegular',verdana, sans-serif;
	font-size:30px;
	padding:0 0 1em 0;
}
.ct_HRgraysolid{
	border-top:2px solid #ccc;
	height:1px;
	margin:10px 0 0 0;
}
.CT_eventsTable{
	font-size:11px;
}
.CT_eventsTable a{
	font-size:13px;
}
.CT_eventsTable td{
	padding:5px 3px;
	border-bottom:1px dotted #dddddd;
}
.clearthunder_subHeader,  #first_sub_header, .sub_header{
	color:#022b80;
	font-family: 'AvantGardeBookRegular',verdana, sans-serif;
	font-size:20px;
	line-height:1.8em;
}
td.CT_eventsHeader{
	background-color:#efefef;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#999999;
	font-size:10px;
	padding:3px;
}
.sub_content {
    font-size:9px;
    color:#aaa;
}
.ct_smallcolumn{
    float:left;
    width:580px;
}
.clearthunder_highlightBox {
    background-color:#f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(top, #efefef 0%,#ffffff 100%); /* W3C */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #cccccc;
    margin-bottom:10px;
    padding: 20px ;
    }
    
.clearthunder_contentBox {
    border-left:1px dotted #777;
    margin-bottom:10px;
    padding: 0px 30px ;
    }
.clearthunder_contentBoxLeft {
    border-right:1px dotted #777;
    margin:0 30px 10px 0;
    padding: 0px 30px 0 10px;
    }


/* ------------------------------------- *\

			Slide Show Styles

\* ------------------------------------- */
#slideshow_1 {
    border:#ccc 2px solid;/* Add border around */
}
.slideshow_content_container{
    background:transparent url("/custom/Clarity/Images/ClearThunder/2011/ct_slideshow.png") repeat-x top;
	border-left:#590059 2px solid;
	border-right:#590059 2px solid;
    color:#e5e5e5;
	height:250px;
	text-align:center;
	margin:0 3em;
    padding:2em 2.2em 0;
	width:210px;
}
.slideshow_header{
    color:#e5e5e5;
	font-weight:normal;
    font-size:35px;
	line-height:1em;
}
.slideshow_content{
    font-size:22px;
	line-height:1.1em;
}
.slideshow_link{
    padding:1em 0 0 0;
}
.slideshow_link a{
    color:#88beff;
    font-size:15px;
    padding:1em 0 0 0;
}
.slideshow_indicators {
    margin: -30px 0 0 0 !important; /* move indicators up so they are seen */
    background:transparent url("/custom/TLW/Images/TW_SSNav.png") repeat-x top;
    height:500px;
	width:345px !important;
}
.slideshow_indicator{
    color:#49254C;
    font-size:50px;
    font-weight:bold;
    padding:0 .05em;
}
.slideshow_indicator:hover {
    color:#ccc;
}
.slideshow_indicator.slideshow_current {
    color: #6D006D;
}
	

/* ------------------------------------- *\

		Start Menu Styles 
\* ------------------------------------- */

.ct_mainNav{
	color:#B0CEEC;
	padding:48px 0 0 0;
}
.ct_mainNav a {
	color:#1B56AA;
	font-size: 14px;
	padding:0 .2em;
}
/* vertical styles */
.ct_sideNav {
    float:left;
    padding:0 5px 0 0;
    width:210px;
  }

.ct_sideNav {
    float:left;
    padding:0 5px 0 0;
    width:210px;
  }
.ct_sideNav ul{
    list-style:none;
    padding:0;
    margin:0;
}
.ct_sideNav ul li a{
    background-color:#efefef ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #cccccc;
    display:block;
    margin-bottom:5px;
    padding:8px;
}    
.ct_sideNav ul li a:hover {
    background:url("/custom/Clarity/Images/ClearThunder/2011/ct_slideshow.png") repeat-x scroll center bottom transparent;
    color:#fff;
}

/* Horizantal  styles */
.ct_sideNavH {
	margin:-15px 0 20px -40px;
	width:955px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border:3px solid #eee;
	background-color:
  }
.ct_sideNavH ul{
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border:1px solid #ddd;
	padding:0 0 0 15px;
    margin:0 auto;
	height:38px;
}
.ct_sideNavH ul li{
	display:block;
	float:left;
    list-style:none;
    padding:0;
    margin:0 auto;
}
.ct_sideNavH ul li a{
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	color:#333;
	display:list-item;
	list-style:none;
	font-size:15px;
	padding:8px 23px;
	margin:2px	
}
.ct_sideNavH ul li.last_item a{
	border-right:none;
}
.ct_sideNavH ul li a:hover {
	background: #c5deea; /* Old browsers */
	background: -moz-linear-gradient(top, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(31%,#8abbd7), color-stop(100%,#066dab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* IE10+ */
	background: linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* W3C */
	border-left:1px solid #8abbd7;
	border-right:1px solid #8abbd7;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
 .ct_sideNavH ul li.current a:hover {
	background:transparent;
	border-left:1px solid #c5deea;
	border-right:1px solid #c5deea;
 }
 .ct_sideNavH ul li.current a {

	color:#009ECC;
}
.clearthunder_contentBoxFull {
	margin:30px 0 0 ;
	width:860px;
}
hr.ct_hrLT {
	background-color:transparent;
	border-bottom: 1px solid #ccc;
	color:transparent;
	padding:5px 0;
}
	
/* ------------------------------------------- *\

		Bottom - Client Logo Styles Styles

\* ------------------------------------------- */

#ct_clientlogos{
	padding:10px 0 0 0;
	text-align:center;
	width:900px;
}
#ct_clientlogos img{
	padding:0 10px;
}


/* ------------------------------------------- *\

			Footer Styles Styles

\* ------------------------------------------- */

#footerContainer{
	background-color:#8C8C8C;
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_footerbackground.jpg');
	background-position:top;
	background-repeat:repeat-x;
	color:#555;
	font-family:verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:140%;
	padding:20px 0 0 0;
	z-index:100;
}
#footerContainerAdmin { /* For Admin Layout */
	background-color:#8C8C8C;
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ClearThunder_footerbackground.jpg');
	background-position:top;
	background-repeat:repeat-x;
	border-bottom:2px solid #555;
	color:#555;
	font-family:verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:140%;
	padding:20px 0 0 0;
	margin:30px 0 0 0;
	text-align:right;
	z-index:100;
}
#footer{
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ct_logoPeople.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	min-height:220px;
}
#footerAdmin{
	background-image: url('/custom/Clarity/Images/ClearThunder/2011/ct_logoPeople.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	min-height:150px;
}
.ct_footerleft {
	border-right:1px solid #999;
	padding:0 25px 20px 0;
	width:455px;
}
.ct_footercenter{
	border-right:1px solid #999;
	padding:0 25px 20px;
	width:120px;
}
.ct_footerright{
	padding:0 0 20px 20px;
	width:245px;
}
#footer a{
	color:#425C7C;
}
#footer ul{
	display:inline-block;
	list-style:none;
	margin:2.4em 0 0;
	padding:0;
}
h3.ct_smallbold {
	color:#555;
	font-weight:bold;
}
.ct_copyright {
	color:#555;
	padding:22px 0 0 0;
	text-align:right;
}
.ct_hintBox {
	background: #DDDDDD; 
	border: 1px dotted #AAAAAA; 
	font-size: 10pt; 
	font-family: Arial; color: #0000CC;
	margin: auto; 
	padding: 8px; 
	width: 80%;
} 



/* ------------------------------------- *\

            Slide Show Styles

\* ------------------------------------- */
#slideshow_1 {
    border:#ccc 2px solid;/* Add border around */
}
.slideshow_content_container{
    background:transparent url("/custom/Clarity/Images/ClearThunder/2011/ct_slideshow.png") repeat-x top;
    border-left:#590059 2px solid;
    border-right:#590059 2px solid;
    color:#e5e5e5;
    height:250px;
    text-align:center;
    margin:0 3em;
    padding:2em 2.2em 0;
    width:210px;
}
.slideshow_header{
    color:#e5e5e5;
    font-weight:normal;
    font-size:35px;
    line-height:1em;
}
.slideshow_content{
    font-size:22px;
    line-height:1.1em;
}
.slideshow_link{
    padding:1em 0 0 0;
}
.slideshow_link a{
    color:#88beff;
    font-size:15px;
    padding:1em 0 0 0;
}
.slideshow_indicators {
    margin: -30px 0 0 0 !important; /* move indicators up so they are seen */
    background:transparent url("/custom/TLW/Images/TW_SSNav.png") repeat-x top;
    height:500px;
    width:345px !important;
}
.slideshow_indicator{
    color:#49254C;
    font-size:50px;
    font-weight:bold;
    padding:0 .05em;
}
.slideshow_indicator:hover {
    color:#ccc;
}
.slideshow_indicator.slideshow_current {
    color: #6D006D;
}