/* LAYOUT *
------------------------------------*/

#wrapper {
	background-image:url(../images/header-background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -122px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 122px; /* .push must be the same height as .footer */
}
#container {
	margin:0 auto;
	width:900px;
}
#header {
	height:151px;
	/*overflow:hidden;*/
	position:relative;
	z-index:100;
}
#us-elections a {
	position:absolute;
	z-index:10;
	display:block;
	width:261px;
	height:82px;
	background-image:url(../images/us-study-centre.png);
	_background:none;
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/s/assets/template/images/us-study-centre.png', sizingMethod='crop');
	_cursor:hand;
	top:10px;
	left:0px;
}
#us-elections h1 {
	display:none;
}
#us-study-centre a {
	position:absolute;
	z-index:10;
	display:none;
	width:213px;
	height:61px;
	background-image:url(../images/us-elections.png);
	background-repeat:no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/s/assets/template/images/us-elections.png', sizingMethod='crop');
	_cursor:hand;
	background-repeat:no-repeat;
	top:24px;
	right:0px;
}
#us-study-centre h2 {
	display:none;
}
#logged-in{
	position:absolute;
	z-index:10;
	color:white;
	right:20px;
	top:20px;
}
#logged-in a{
	text-decoration:none;
	color:white;
}
#logged-in a:hover{
	color:#EA5155;
}

/* MENU
------------------------------------*/

#menu {
	font-size:16px;
	font-weight:bold;
	height:44px;
	position:absolute;
	z-index:1000;
	bottom:-4px;
	left:0px;
}
#menu a{
	text-decoration:none;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menu ul li {
	float:left;
	padding:0;
	background-image:url(../images/menu-edge.gif);
	background-position:right center;
	background-repeat:no-repeat;
	position:relative;
	margin:0 6px 0 0;/*background-color:#FFFFFF*/
}
#menu ul li.first {
	padding-left:0;
}
#menu ul li.last {
	padding-right:0;
	background-image:none;
}
#menu ul li a {
	display:block;
	float:left;
	color:white;
	line-height:39px;
	height:41px;
	padding:0 6px 0 0;/*background-color:#FFFFFF	*/
}
#menu ul li a:hover {
	color:#0099FF;
}
#menu ul li.selected a {
	color:#EA5155;
}
#menu ul li.selected a:hover {
	color:#0099FF;
}
#menu .L1_hover .UL1 {
	display:block;
}
#menu ul li.selected li a{
	color:#ccc;
}
#menu ul ul {
	position:absolute;
	z-index:100;
	left:0px;
	top:40px;
	width:160px;
	background-color:#666;
	display:none;
	border:2px solid black;
	border-top:none;
}
#menu ul ul ul {
	z-index:1000;
	display:none;
	left:150px;
	top:-2px;
	border:2px solid black;
}
#menu ul ul li {
	background-image:none;
	padding:0;
	width:160px;
	float:left;
}
#menu ul ul a {
	width:100%;
	line-height:normal;
	font-size:12px;
	display:block;
	padding:4px 6px;
	height:auto;
	color:#ccc;
}
#countdown {
	font-size:16px;
	font-weight:bold;
	height:44px;
	line-height:39px;
	position:absolute;
	z-index:10;
	bottom:-4px;
	right:0px;
}
#countdown span {
	color:#0099FF;
}
#submenu a{
	text-decoration:none;
}
#submenu ul {
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}
#submenu li {
	padding:0 0 4px 0;
	margin:0 0 4px 0;
	border-bottom:1px solid #777;
}
#submenu ul ul li {
	border:none;
	padding:0 0 6px 0;
	margin:0;
}
#submenu ul ul {
	border:1px solid #666;
	margin:5px 0 0 0;
	padding:5px 5px 0 5px;
}
#submenu a {
	color:white;
}
#submenu a:hover {
	color:#0099FF;
}
#submenu .level2_selected {
	background-color:#444;
	padding:5px;
}
#submenu .leveln_selected a {
	color:#999999;
}

/* CONTENT
------------------------------------*/

#content {
	margin:25px 0; /* was content:25px 0; */
}
#subpage {
	float:left;
	width:619px;
	margin:0 7px 0 0;
	background-image:url(../images/subpage-background.gif);
	background-repeat:repeat-y;
}
#content .home {
	float:left;
	width:711px;
	margin:0 7px 0 0;
}
#content .left {
	float:left;
	width:130px;
	margin:0 7px 0 0;
	/*background-color:#666;*/
	padding:10px;
}
#content .middle {
	float:left;
	width:554px;
	/*background-color:white;*/
	margin:0 7px 0 0;
}
#content .highlight {
	color:#E42730;
}
/* sidbear control */

#content .content{
	background-image:url(../images/content-bg.gif);
	zoom:1;	
}
#content .no-left{
	background-image:url(../images/content-bg-no-left.gif);
	background-position:-7px 0px;
	background-repeat:repeat-y;
}
#content .no-right{
	background-image:url(../images/content-bg-no-right.gif);
	/*background-position:-7px 0px;
	background-repeat:repeat-y;*/
}
#content .content-home{
	background-image:url(../images/content-bg-no-left.gif);
	background-position:0px 0px;
	background-repeat:repeat-y;
}
#content .no-left .left {
	display:none;
}
#content .no-left .middle {
	width:704px;
}
#content .no-sidebars{
	background-image:none;
	background-color:#F9F9F9;
}
#content .no-sidebars .middle {
	width:100%;
}
#content .no-sidebars .left {
	display:none;
}
#content .no-sidebars .right {
	display:none;
}
#content .no-right .middle {
	width:736px;
	margin:0;
}
#content .no-right .right {
	display:none;
}
#content .middle-inner {
	padding:20px;
}
#content .right {
	float:left;
	width:274px;
	width:182px;
	overflow:hidden;
}
#content .block {
	border-bottom:7px solid #333333;
	margin:0;
	/*background-color:white;*/
	font-size:11px;
	/*min-height:176px;*/
	position:relative;
	zoom:1;
}
#content .block-left {
	float:left;
	width:117px;
	text-align:center;
}
#content .block-right {
	float:left;
	width:117px;
	text-align:center;
}
#content .percent {
	font-size:40px;
	font-weight:bold;
}
#content .said {
	color:#999;
	font-weight:bold;
	font-size:14px;
}
#content .answer {
	color:black;
	font-weight:bold;
	font-size:14px;
}
#content .straw {
	padding:60px 20px 10px 20px;
	background-image:url(../images/straw-background.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#content .quiz form {
	text-align:center;
}
#content .html {
	padding:10px;
}
#content .quiz {
	padding:45px 20px 10px 20px;
	background-image:url(../images/quiz-background.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:white;
}
#content .quiz-bits {
	padding:0 0 10px 10px;
}
#content .quiz-answers {
	float:left;
	width:100px;
}
#content .straw-polls {
	border:1px solid #ccc;
	padding:6px;
	margin:0 0 5px 0;
	font-weight:bold;
	background-color:#F7F7F7
}
#content .straw-polls p {
	padding:0;
	margin:0;
}
#content .trivia {
	padding:6px;
	border:1px solid #ccc;
	background-color:#F7F7F7;
	margin:0 0 10px 0;
}
#content .trivia-stats {
	width:18px;
	height:18px;
	margin:0 2px 0;
	border:1px solid black;
	float:left;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
#content .trivia-empty {
	background-color:white;
}
#content .trivia-yes {
	background-color:green;
	color:white;
}
#content .trivia-no {
	background-color:red;
	color:white;
}
#content .trivia-selected {
/*background-color:black;
	color:white;*/
}
#content .people{
	padding:10px;
	background-color:white;
}
#content .people p{
	margin:0;
	padding:0 0 5px 0;
}
#content .search{
	background-color:white;
	padding:10px;
	position:relative;
}
#content .search .text{
	border:1px solid #999;
	width:120px;
}
#content .search .submit{
	position:absolute;
	z-index:10;
	right:10px;
	top:8px;
}
#content p.tags{
	text-transform:uppercase;
	font-size:9px;
}
#content p.tags a{
	text-decoration:none;
}
#content .error{
	color:red;
	font-weight:bold;
}
#content .msg{
	color:blue;
	font-weight:bold;
}
#content p a.selected{
	color:black;
}
#content .summary-image{
	margin:0 0 10px 10px;
	padding:0;
}
#content .summary-image img{
	border:1px solid black;
}

/* featuers */

	#content .middle .features{
		background-color:black;
		border-bottom:7px solid #333;
		color:white;
	}
	#content .middle .features h1,
	#content .middle .features h2,
	#content .middle .features h3{
		color:white;
	}
	#content .middle .features .feature{
		float:left;
	}
	#content .no-right .middle .features .feature{
		padding:20px;
		width:328px;
		overflow:hidden;
	}



.two_column {
/*margin:0 0 10px 0;*/
}
.two_column .col {
	float:left;
	overflow:hidden;
	width:206px;
	margin:0 10px 0 0;
}
.two_column .last {
	margin:0;
}

/* left column */

	#content .left h1,
	#content .left h2,
	#content .left h3,
	#content .left p{
		padding:0 0 10px 0;
		margin:0;
	}
	#content .left h1,
	#content .left h2,
	#content .left h3{
		color:white;
		color:black;
	}
	#content .left a{
		/*font-weight:normal;*/
	}
	#content .left a:hover{
		color:#0099FF;
	}

/* tinymce */	
	
	.thumb-left{
		float:left;
		border:1px solid black;
		margin:0 10px 10px 0;
	}
	
	.thumb-right{
		float:right;
		border:1px solid black;
		margin:0 0 10px 10px;
	}	

/* HOME
------------------------------------*/

	#home-main {
		width:711px;
		height:480px;
		/*background-image:url(../images/main-backround.jpg);*/
		background-repeat:no-repeat;
		background-position:center;
		color:white;
		font-size:16px;
		position:relative;
		border-bottom:7px solid #333;
		overflow:hidden;
		background-color:#333;
		background-image:url(../images/slideshow-bg.gif);
		background-position:bottom;
		background-repeat:repeat-x;
	}
	#home-main-text {
		position:absolute;
		z-index:10;
		left:20px;
		top:20px;
		width:350px;
	}
	#home-main h1, #home-main h2, #home-main h3, #home-main h4, #home-main h5, #home-main h6 {
		font-size:35px;
		line-height:35px;
		font-weight:bold;
		color:white;
	}
	#home-main p {
		font-weight:bold;
	}
	#home-main-link {
	}
	#home-main-link a {
		position:absolute;
		display:block;
		width:619px;
		height:254px;
		z-index:5;
	}
	#home-main-slides{
		width:2900px;
	}
	#home-main-slides a {
		float:left;
		display:block;
		width:711px;
	}

/* slideshow buttons */

	#home-main-buttons{
		position:absolute;
		z-index:10;
		left:0px;
		bottom:0px;
	}
	#home-main-buttons ul{
		margin:0;
		padding:0;
	}
	#home-main-buttons li{
		float:left;
		list-style:none;
	}
	#home-main-buttons li.first a{
		width:177px;
		background-image:none;
	}
	#home-main-buttons li.selected a{
		background-color:black;
		background-image:url(../images/slideshow-btn-on.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#home-main-buttons a{
		display:block;
		width:178px;
		height:160px;
		overflow:hidden;
		text-decoration:none;
		font-weight:normal;
		color:white;
		background-image:url(../images/slideshow-btn-off.gif);
		background-position:left center;
		background-repeat:no-repeat;

	}
	#home-main-buttons a h2{
		font-size:16px;
		margin:0;
		padding:5px 10px 0 10px;
	}
	#home-main-buttons a p{
		margin:0;
		padding:0 10px 0 10px;
		font-size:11px;	
		font-weight:normal;
	}

#home-tracker {
	margin:0 0 7px 0;
	height:125px;
	background-image:url(../images/tracking-background.gif);
	background-repeat:no-repeat;
	position:relative;
	width:619px;
}
#home-tracker a {
	display:block;
	position:absolute;
	z-index:100;
	width:619px;
	height:125px;
}
#home-tracker .c-name {
	color:#01598C;
	font-weight:bold;
	font-size:14px;
	position:absolute;
	z-index:10;
}
#home-tracker .c-p {
	font-size:48px;
	font-weight:bold;
	position:absolute;
	z-index:10;
	bottom:15px;
}
#c1-name {
	left:120px;
	top:10px;
}
#c2-name {
	left:425px;
	top:10px;
}
#c1-p {
	color:#0085C7;
	right:320px;
}
#c2-p {
	color:#E42730;
	right:15px;
}
#home-straw {
	height:44px;
	background-color:#555555;
	margin:0 0 7px 0;
	line-height:44px;
	font-size:17px;
	font-weight:bold;
	color:white;
	overflow:hidden;
	padding:0 10px;
}
#home-straw a {
	color:#999999;
}
#home-straw a:hover {
	color:white;
}
#home-newsletter {
	float:left;
	width:304px;
	height:176px;
	background-image:url(../images/campaign-newsletter.gif);
	background-repeat:no-repeat;
	margin:0 7px 0 0;
}
#home-newsletter form {
	float:left;
}
#home-newsletter input {
	float:left;
	margin:0 5px 0 0;
}
#home-newsletter input.text {
	width:160px;
}
#home-newsletter #newsletter {
	padding:65px 0 0 30px;
}
#home-newsletter #search {
	padding:50px 0 0 30px;
}
#home-commentators {
	float:left;
	width:308px;
	height:176px;
	overflow:hidden;
}
.home-component {
	margin:0 0 10px 0;
}
.home-component-inner {
	padding:10px;
	/*background-color:white;*/
}
.home .two_column {
	margin:0;
}
.home .two_column .col {
	float:left;
	width:324px;
	margin:0 20px 0 0;
	overflow:hidden;
	/*background-color:#FFFFFF;*/
}
.home .two_column .last {
	margin:0;
}
.home .components{
	/*background-color:#F9F9F9;*/
	padding:20px;
}

/* BLOG
-----------------------------------*/

#blog {
}
#blog_content {
	float:left;
	width:603px;
	margin:0 7px 0 0;
	background-color:white;
	padding:20px;
}
#blog_menu {
	float:left;
	width:210px;
	background-color:white;
	padding:20px;
}
/* COMPONENTS
------------------------------------*/

.dl_form {
}

/* FOOTER
------------------------------------*/

#footer {
	background-color:#000;
	padding:22px 0 0 0;
	color:#666666;
	min-width:900px;
	height:120px;
	overflow:hidden;
}
#footer-inner {
	margin:0 auto;
	width:900px;
}
#footer-global {
}
#footer-logos {
	float:right;
}
#footer a {
	color:gray;
}

/* ARTICLES
------------------------------------*/

.subpage-article {
	color:navy;
	clear:both;
}
.article-date {
	color:gray;
}
.comment-submit {
	margin-top:20px;
}
.clear {
	clear:both;
}
.comment-bubble{
	padding:10px;
	border:1px solid #ccc;
	background-color:#efefef;
	margin:0 0 10px 0;
}
.comment-bubble .name{
	padding:0;
	margin:0;
	font-weight:bold;
}
.comment-bubble .date{
	font-size:11px;
}
.article{
	float:left;
	width:140px;
	margin:0 29px 30px 0;
}
.article h2{
	font-size:14px;
	margin:0;
	padding:0;
}
div.article p{
	padding:0 0 5px 0;
	margin:0;
}
.article .text{
	font-size:11px;
}

/* PEOPLE-ARTICLES
------------------------------------*/

/* bus card */

	.profile{
		/*padding:10px;
		border:1px solid #ccc;
		background-color:#F9F9F9;*/
		margin:0 0 10px 0;
		position:relative;
		zoom:1;
	}	
	.profile-left{
		float:left;
		width:142px;
	}
	.profile-left p{
		padding:0;
		margin:0;
	}
	.profile-left img{
		border:1px solid black;
	}
	.profile-right{
		float:left;
		padding:10px;
		width:230px;
		width:60%;
	}
	.profile-right p{
		padding:0 0 4px 0;
		margin:0;
	}
	.profile .rss{
		position:absolute;
		z-index:10;
		right:10px;
		top:10px;
	}
	.profile .rss a{
		text-decoration:none;
		color:gray;
		display:block;
		width:16px;
		height:16px;
		background-image:url(../images/rss.png);
		background-repeat:no-repeat;
		background-position:center right;
		padding:0 32px 0 0;
		font-size:11px;
		/*text-indent:-10000px;*/
	}
	.profile .rss a:hover{
		color:black;
	}

/* forms */

	.profile-form{
		
	}
	.profile-form dt{
		margin:0;
		padding:0 0 5px 0;
		color:black;
		font-weight:bold;
	}
	.profile-form dd{
		margin:0;
		padding:0 0 15px 0;
	}	
	.profile-form .input{
		padding:5px;
		border:1px solid #ccc;
		background-color:white;
	}
	.profile-form .w100{
		width:90%;
	}
	.profile-form .submit-dd{
		text-align:right;
	}
	.profile-form .submit{
		padding:5px;
		border:1px solid black;
		background-color:black;
		color:white;
		cursor:pointer;
	}
	
/* tables */

	.profile-data{
		width:100%;
	}
	.profile-data thead td{
		font-weight:bold;
		color:white;
		background-color:#0099CC;
	}
	.profile-data tbody tr{
		background-color:#E3EEF0;	
	}
	.profile-data td{
		font-size:11px;
		padding:5px;
		border-top:1px solid white;
	}
	.profile-data tbody tr:hover{
		background-color:#efefefe;
	}
	.profile-data .actions{
		text-align:right;
	}

.people-article {
	background:white;
}
.people-article h2 {
	color:red;
	padding:20px;
}
.people-article dl {
	width:700px;
	padding-top:20px;
	padding-bottom:20px;
}
.people-article dl dt {
	font-weight:bold;
	border-bottom:1px solid white;
	width:80px;
	float:left;
	padding-top:10px;
	margin-left:20px;
}
.people-article dl dd {
	width:500px;
	float:left;
	padding-top:10px;
}


/* GALLERY
------------------------------------*/

#gallery-photos{
	list-style:none;
	padding:0;
	margin:0;
}
#gallery-photos li{
	float:left;
	width:75px;
	margin:0 10px 0 0;
}

/* MODAL WINDOW
------------------------------------*/

#modal{
	position:fixed;
	_position:absolute;
	z-index:10000000;
	border:2px solid white;
	background-color:black;
	width:800px;
	margin:0 0 0 -400px;
	left:50%;
	top:-2px;
	height:550px;
	overflow:hidden;
	display:none;
}
#modal_content{
	padding:20px;
}
#modal_content iframe{
	width:100%;
	height:490px;
	border:none;
}
#modal_close{
	position:absolute;
	z-index:10;
	right:10px;
	bottom:10px;
	display:block;
	width:36px;
	height:18px;
	color:white;
	font-weight:bold;
	line-height:18px;
	border:1px solid gray;
	text-decoration:none;
	font-size:9px;
	text-align:center;
}
#modal_close:hover{
	border:1px solid white;
}