@charset "utf-8";

/* CSS Document */



/* BASIC STRUCUTRE */



body {

margin:0 auto;

padding:0;

min-height:100%;

background:#0099CC;

}

#wrapper {

width:100%;

margin:0 auto;

padding:0;

min-height:100%;

}

#header {

width:auto;

height:80px;

margin:0 auto;

padding:0;

}

#homeBanner {

width:auto;

padding:0;

margin:0 auto;

}

#contentWrapper {

width:auto;

margin:0 auto;

padding:0 0 30px 0;

min-height:500px;

}

#footer {

width:auto;

height:auto;

min-height:60px;

margin:0 auto;

padding:0;

}









/* BASIC STRUCTURE STYLES */



body {

font-family:Lucida Sans, Arial, Helvetica, sans-serif;

font-size:11px;

color:#333333;

}

#wrapper {}

#header {

background:url(/images/bg_header.jpg) repeat-x top #0099CC;

text-align:right;

}

#header img.logo_header {

margin:20px 30px 0 0;

}

#contentWrapper {

background:url(/images/bg_page.png) repeat-x top #FFFFFF;

}

#footer {

background:#0099CC;

clear:both;

color:#D9F0F7;

padding:20px 0 0 30px;

line-height:18px;

}

#footer a {

color:#FFCCCC;

}









/* BASIC SUBSTRUCUTRE */

#homeBanner {

width:100%;

padding:0;

background:#FFFFFF;

margin:0;

}

#columnLeft {

width:350px;

margin:20px 40px 20px 20px;

}

#contentRight {

margin:0;

width:330px;

padding:30px 30px 30px 15px;

float:right;

display:inline;

}

#contentMain {

width:670px;

margin:0;

padding:30px 15px 30px 30px;

float:left;

display:inline;

}

div.clear {

clear:both;

}

span.clear {

clear:both;

}

div.accountBlock {

background:#FFFFFF;

}

div.accountBlockPic {

float:left;

display:inline-block;

padding:0 10px 0 0;

text-align:right;

width:100px;

}

div.accountBlockArrow {

position:absolute;

margin:0;

padding:15px 0;

width:100px;

}

#comments {

margin:20px 0 0 0;

width:670px;

}

div.commentBlock {

width:auto;

background:#F9F2EE;

padding:10px;

}

#commentBlockLogin {

width:auto;

background:#F9F2EE;

padding:10px;

margin:0 0 20px 0;

}

#commentBlockLogin #fb_login_image {

vertical-align:middle;

}

div.commentForm {

float:left;

}

div.commentForm input {

width:430px;

height:24px;

margin:0 0 0 30px;

padding:4px;

font-size:18px;

}

div.commentSubmit {

float:right;

padding:3px 0 0 0;

}

div.commentBlockUser {

background:#CCCDFF;

padding:10px;

margin:0 0 20px 0;

}

div.commentBlockUser .commentText {

float:right;

}

div.commentBlockUser .commentUsername {

color:#CC3333;

float:left;

width:300px;

font-weight:bold;

}

div.commentBlockUser .commentUsername .FB_Link {

margin:0;

padding:0;

color:#CC3333;

}

span.commentBlockDate {

color:#999999;

font-size:10px;

font-family:Arial, Helvetica, sans-serif;

font-weight:normal;

}

div.commentArrow {

margin:0 0 0 20px;

padding:0;

}



div.vidColumn {

width:230px;

margin:0 30px 0 0;

float:left;

}

div.vidSmallBlock {

width:auto;

margin:0 0 20px 0;

padding:10px;

background:#FFFFFF;

}

div.vidSmallBlock:hover {

background:#CCCDFF;

}

div.vidSmallBlock .vidTitle {

font-size:12px;

font-weight:bold;

color:#CC3333;

}

div.vidContentBlock {

width:400px;

float:right;

}

div.vidContentBlock .vidTextBlock {

width:380px;

padding:10px;

color:#CCFFFF;

background:#0099CC;

}

div.vidTitle {

font-size:16px;

font-weight:bold;

color:#FFFFFF;

margin:0 0 5px 0;

}



div.homeVlock {

width:670px;

margin:0 0 30px 0;

padding:0;

}

div.homeVlock #vlockObject {

float:left;

margin:0 20px 0 0;

width:400px;

}

div.homeVlock .arrowVidLeft {

width:14px;

margin:20px 0 0 0;

float:left;

padding:0;

}

div.homeVlockText {

width:205px;

padding:10px;

margin:0;

float:left;

color:#CCFFFF;

background:#0099CC;

}











/* BASIC SUBSTRUCUTRE STYYYYLES */

#homeBanner {

width:100%;

padding:0;

}

#columnLeft {

width:350px;

margin:20px 40px 20px 20px;

}

#columnRight {

width:auto;

margin:20px 20px 20px 40px;

}

span.accountBlockName {

font-size:14px;

padding:5px 0;

font-weight:bold;

}

div.accountBlockSummary {

padding:5px;

}









/* BASIC STYLE ELEMENTS */



h1 {

font-family:"Myriad Cond", "Myriad Pro Cond", Lucida Sans, Arial;

font-size:40px;

text-transform:uppercase;

}

h2 {

color: #0059B3;

}

h3 {

color: #0059B3;

}

a:link, a:visited, a:active {

text-decoration:underline;

color:#CC3333;

}

a:hover {

text-decoration:none;

}

img {

display:inline-block;

border:none;

}

object {

padding:0;

margin:0;

}

embed {

padding:0;

margin:0;

}

input.text {

height:24px;

padding:4px;

font-size:18px;

}









/* CLASSES */



img.alignleft {

float:left;

margin:0 10px 0 0;

}



#nav ul li ul li img {

float:left;

display:block;

padding:0 10px 0 0;

}

#nav .navAccountBadge {

padding:0 0 10px 0 !important;

border-bottom:dashed 1px #EE7D39;

}

#nav .navAccountLinks {

line-height:normal;

padding:5px 0;

}

#nav .navAccountWelcome {

font-weight:bold;

}

#nav .navAccountDesc {

line-height:12px;

font-size:10px;

color:#CCCCCC;

}

div.newsBlock {

width:auto;

line-height:20px;

display:block;

height:130px;

margin:20px 0;

}

img.newsBlockThumb {

float:left;

display:block;

margin:0 15px 0 0;

}

span.newsBlockTitle {

color:#CC3300;

font-size:18px;

font-weight:bold;

padding-bottom:5px;

}

div.newsBlockSummary { 

padding:10px 0 4px 0;

}

span.newsBlockDetails {

color:#999999;

font-size:10px;

}



div.profileBlock {

width:200px;

float:left;

margin:0 20px 20px 0;

background:#0099CC;

padding:10px;

color:#CCFFFF;

text-align:left;

}

div.profileBlock table {

padding:2px;

font-size:10px;

margin:10px 0 0 0;

}

div.profileBlock table tr th {

width:65px;

text-align:left;

}



div.newsStoryDate {

color:#666666;

font-size:10px;

margin:20px 0;

}

div.newsStoryBody {

line-height:1.6em;

}

div.newsStoryTags {

color:#CCFFFF;

margin:20px 0 0 0;

}



div.homeRateBlock {

background:#FFFFFF;

}

div.homeRateArrow {

height:24px;

width:35px;

margin:-24px 0 0 30px;

float:left;

}

div.homeRateDesc {

padding:10px;

}

div.homeRateText {

width:200px;

float:left;

margin:10px 0 0 0;

}

div.homeRateStatus {

margin:5px 0 0 20px;

color:#00CC33;

font-size:25px;

font-weight:bold;

float:right;

display:inline-block;

}

img.homeRateThumb {

display:block;

float:left;

}



#contentRight input.textinput {

background:#FFFFFF url(/images/textinputbg.gif) repeat-x scroll 0 0;

border:1px solid #D3D3D3;

color:#000000;

font-size:14px;

margin-bottom:10px;

padding:3px 0;

text-indent:7px;

width:150px;

}

div.loginPrompt {

float:left;

display:block;

}

div.loginFB {

float:right;

display:block;

border-left:solid 1px #CCCCCC;

padding:15px;

margin-bottom:10px;

}

div.success {

background:#ACF080;

border:dashed 1px #009933;

padding:10px;

margin:0 0 30px 0;

}



div.peoplePlock {

width:280px;

margin:0 30px 30px 0;

float:left;

padding:10px;

background:#FFFFFF;

}

div.peoplePlock img.peoplePlockPic {

float:left;

margin:0 10px 0 0;

}



div.whiteBox {

background:#FFFFFF;

padding:10px;

}

div.whiteBoxTeam {

padding:10px;

background:#FFFFFF;

float:left;

margin:0 25px 30px 0;

width:175px;

text-align:center;

}

div.thumbColumn {

width:290px;

margin:0 30px 0 0;

float:left;

}


div.imageContentBlock {

float:right;
display:inline;

}







/* JAVASCRIPT CAROUSEL FOR VIDS */

/* Generic Carousel Properties */
    .carousel { position:relative; clear:both;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:0.7;
        opacity:0.7;
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

    /* Vertical Carousel */
    #Carousel { width:230px; height:200px;}
    #Carousel .container { top:15px; width:291px; height:145px; }
        
    #Carousel .items { top:0; }
    #Carousel .item { background-color:#ffffff; height:28px; margin-bottom:2px;  width:230px; }
    #Carousel .item.hover { background-color:#999999; }
    #Carousel .item.selected { background-color:#ffffff; }
    #Carousel .item .caption { position:absolute; left:35px; top:5px; width:135px; background-color:transparent; font-size:10px; }
    #Carousel .item .icon img { position:relative; left:5px; width:22px !important; height:22px; cursor:default; top:2px; display:inherit !important;}
    #Carousel .navButton { position:absolute; bottom:0px; width:122px; height:28px; }
    #Carousel .navButton.previous {  left:0px; background-image:url('/images/interface/button.up.png');  }
    #Carousel .navButton.next { right:0px; background-image:url('/images/interface/button.down.png'); }
    
    /* Hide data items from selector */
    #Carousel .item .email {display:none;} 

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: inline !important;
	float: right;
	width: 432px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 432px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 432px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 432px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div#thumbs {
	width:160px;
	float:left;
	display:inline;
	margin:10px 0 0 0;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}