@charset "utf-8";

/* General styling *******************************************/
html {height:100%;}
body {color:#494949; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:0.813em; height:100%; margin:0; padding:0; background:#e8e8ea;}

:focus { -moz-outline-style: none;}
img:focus { -moz-outline-style: none;}

a {text-decoration:none; color:#7b7b7b;}
a:hover {text-decoration:underline;}
a:focus, a:hover, a:active { outline:none;}

a:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
a:hover img {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* This makes all elements stay a certain width and height even when you set it to have padding */

h1 {margin: 0 0 15px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:1.846em; color:#30aac4; text-transform:uppercase; line-height:1.5em;}
h2 {margin: 0 0 15px; font-size:1.4em;}
h3 {margin: 0 0 15px;}
h4 {margin: 0 0 15px;}
h5 {margin: 0 0 15px;}
h6 {margin: 0 0 15px;}

.border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

p {margin: 0 0 15px;}
strong {font-weight:700;}
em {font-style:italic;}

sup { position: relative; top: -0.5em; font-size: 80%; }

table {width:100%; border:none; border-collapse:collapse;}
	table th {padding:10px; border:1px solid #ddd; background:#ddd;}
	table td {padding:10px; border:1px solid #ddd; vertical-align:top; width:50%;}
	table td a{float:right;}
	
hr {background-color:#ddd; border:none; color:#ddd; height:1px;}

.clear {clear:both;}
.invisible{position : absolute; top : -1000px; width:1px; height:1px; overflow:hidden;}


/* Blog Styles **********************************************/

.alignleft {float:left; margin-right:15px; margin-bottom:5px;}
.alignright {float:right; margin-left:15px; margin-bottom:5px;}


/* Structure Styles *****************************************/

.breadcrumbs{
	float: left;
    width: 100%;
    padding: 15px 20px;
}

	.breadcrumbs a{color:#999;}
	.breadcrumbs a.current-item{color:#30aac4; text-decoration:underline;}

.background {position:fixed; top:0; width:100%; height:40%; background:#f9f9f9;}
.wrapper {position:relative; width:1192px; margin:auto;}

	.header {height:91px; position:relative;}
		.header .logo {position:absolute; top:26px; left:29px;}
			.header .logo a {width:213px; height:52px; display:block; background:url(images/structure/logo.jpg) no-repeat;}
			.header .logo a:hover {text-decoration:none; opacity:0.7;}
		.header .nav {position:absolute; top:29px; right:/*117*/29px;}
			.header .nav ul, .header .nav ul li{display:inline-block;}
			.header .nav a {display:inline-block; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:15px; color:#000; line-height:16px; padding:0px 10px; border-right:1px solid #000;}
			.header .nav a:hover {text-decoration:none; color:#30aac4;}
			.header .nav ul li:last-child a{border-right:none; padding:0px 0px 0px 10px;}
		.header .vote {display:none; position:absolute; top:21px; right:29px; width:70px;}
			.header .vote a {display:block; text-align:center; border:2px solid #000; line-height:28px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:15px; color:#000;}
			.header .vote a:hover {background:#000; color:#fff; text-decoration:none;}
		.header .menutext {display:none;}
		
	.content {line-height:1.7em; background:#fff;    float: left;
    width: 100%;}
		.content ul {list-style:url(images/structure/bullet-red.png); margin:0 0 15px 23px; padding-top:15px;}
		.content ol {list-style:decimal; margin:0 0 15px 23px;}
		.content li {padding-bottom:15px; padding-left:10px;}
			
		.content .spacer {width:85px; height:4px; background:#30aac4; margin-bottom:35px;}

		.content .homebox {padding:60px 70px; min-height:500px;     position: relative;
    float: left;
    width: 100%;}						
			.content .homebox .chart {float:right; width:45%; text-align:center; margin-bottom:80px;}
			.content .homebox .main {float:left; width:100%;}
				.content .homebox .main a {display:inline-block; margin-top:15px; border:3px solid #30aac4; padding:0 30px; line-height:44px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; color:#30aac4; text-transform:uppercase;}
				.content .homebox .main a:hover {background:#30aac4; color:#fff; text-decoration:none;}
				
					.content .homebox .main .textlink {display:inline; margin-top:0; border:none; padding:0; line-height:normal; font-family: 'Open Sans', sans-serif; font-weight:600; color:#30aac4; text-transform:none; text-decoration:underline;}
					.content .homebox .main .textlink:hover {color:#30aac4; text-decoration:underline; background:none; opacity:0.7;}
				
				.content .homebox .main a.bigbox {text-transform:none; line-height:normal; display:inline-block; margin-top:15px; border:2px solid #30aac4; padding:30px 30px 20px; font-family: 'Open Sans Condensed', sans-serif; font-weight:600; color:#30aac4; color: #494949; width:100%; height:310px;}
				.content .homebox .main a.bigbox h2{text-transform:uppercase; font-weight:700;}
				.content .homebox .main a.bigbox p{font-size:1em; font-family: 'Open Sans', sans-serif; line-height:1.8;}
				
				.content .homebox .main a.bigbox:hover {background:#30aac4; color:#fff; text-decoration:none;}
			
			.content .homebox .left {float:left; width:45%;}
			.content .homebox .right {float:right; width:45%;}
				.content .homebox .right ul {list-style:url(images/structure/bullet-green.png);}
				
		.content .innerbox {display:table; width:100%; direction:rtl; margin:0; padding:0; border:none; background:#DCDCDE;}
			.content .innerbox .row {display:table-row; width:100%;}
			
				.content .innerbox .left {background:#DCDCDE; display:table-cell; display:none; width:340px; padding:60px; direction:ltr;}
					.content .innerbox .left h2 {color:#30aac4; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:20px; margin-bottom:15px;}
					.content .innerbox .left .sublinks {margin-bottom:25px;}
						.content .innerbox .left .sublinks a {display:block; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:18px; color:#000; padding:15px 0; border-bottom:1px solid #c9c9c9;}
						.content .innerbox .left .sublinks a:hover {text-decoration:none; color:#30aac4;}
					.content .innerbox .left .newsfeed {padding-top:25px; line-height:1.4em;}
						.content .innerbox .left .newsfeed a {display:block; margin-top:15px;}
						.content .innerbox .left .newsfeed a:hover {opacity:0.7;}
			
				.content .innerbox .right {background:#fff; display:table-cell; width:852px; padding:60px; direction:ltr;}
					.rightImg {float:right; margin-left:25px; margin-bottom:15px; border:1px solid #ccc; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; }
					.content .innerbox .right a {text-decoration:underline; color:#30aac4;}
					.content .innerbox .right a:hover {opacity:0.7;}
					.fineprint {font-size:0.8em;}
					.hotlinks {background:#f7f7f7; padding:7px;}
						.hotlinks a {display:inline-block; padding-right:10px; margin-right:10px; border-right:1px solid #ccc;}
						.hotlinks .last {border-right:none; margin-right:0; padding-right:0;}
	
	.footer {height:60px; background:#A3BBDA; text-align:center; line-height:60px; font-size:12px; color:#fff;    float: left;
    width: 100%;}
			.footer a {color:#fff;}
			.footer a:hover {color:#000; text-decoration:none;}
			
			
@media print {
   body, .background, .header {background:none !important;}
   #basic-modal-content {display:none;}
}