/* LAYOUT *

------------------------------------*/



#wrapper {

	background-image:url(../images/header-background.jpg);

	background-repeat:no-repeat;

	background-position:0 20px;

	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;

}

#links{

	height: 20px;

	overflow: hidden;

	text-align: right;

}

#links p{

	margin: 0;

	padding: 0;

	line-height: 20px;

}

#links a{

	text-transform: uppercase;

	color: white;

	text-decoration: none;

	font-size: 11px;

}

#links a:hover{

	color: gray;

}

#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;

	display: none;

}

#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 #444444;

	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 #444;

		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 #444;

		overflow:hidden;

		background-color:#444;

		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;

}