img{
border:none;
}

a{
text-decoration:none;
color:#09F;
}

a:hover{
color:#F90;
text-decoration:none;
}

a:visited{
	color:#666;
	text-decoration:none;
}


body{
background-color:#FFF;
background-image:url('img/background.jpg');
no-repeat;
}

.main{
width:80%;
margin-left:Auto;
margin-right:Auto;
font-family:"Myriad Pro", Verdana;
}

.header{
width:100%;
color:#000;
margin:2%; 
margin-left:0.9%;
}

.header h1{
text-shadow: 10px #DDDDD;
color:#000;
}

.buttons{
width:100%;
overflow:hidden;
/* border-bottom:1px solid #09C; bottom horizontal line that runs beneath tabs*/
margin-top:11%;
}

.buttons ul{
margin:0;
padding:0;
padding-left:10px; /*offset of tabs relative to browser left edge*/
font:bold 12px "Verdana";
list-style-type:none;
}

.buttons li{
display:inline;
margin:0;
}

.buttons li a{
float:left;
display:block;
text-decoration:none;
margin:0;
padding:7px 8px; /*padding inside each tab*/
border-right:1px solid 2c405b;/*right divider between tabs*/
color:#09C;
 /* background:#000000;background of tabs (default state)*/
width:15%;
text-align:center;
text-transform: uppercase;
}



.buttons li a.archive{
	color:#CCC;
}	

.buttons li a:visited{
color:#09C;
}

.buttons li a:visited.archive{
color:#CCC;
}

.buttons li a:hover, .buttons li.selected a{
color:#FFFFFF;
background:#09C; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.buttons li a:hover.archive, .buttons li.selected a.archive{
	color:#FFF;
	background:#CCC;
}

.buttonsleft{
	width:100%;
	overflow:hidden;
}

.buttonsleft li {
	display:inline;
	margin:0;
}

.buttonsleft li a{
float:left;
display:block;
text-decoration:none;
padding:7px 8px; /*padding inside each tab*/
/* border-right:1px solid 2c405b;right divider between tabs*/
color:#09C;
width:40%;
text-align:center;
text-transform: uppercase;
}

.buttonsleft li a.archive{
	color:#CCC;
}	

.buttonsleft li a:visited{
color:#09C;
}

.buttonsleft li a:hover, .buttons li.selected a{
color:#FFFFFF;
background:#09C; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.buttonsright{
	width:100%;
	overflow:hidden;
}

.buttonsright li {
	display:inline;
	margin:0;
}

.buttonsright li a{
float:left;
display:block;
text-decoration:none;
padding:7px 8px; /*padding inside each tab*/
/* border-right:1px solid 2c405b;right divider between tabs*/
color:#09C;
width:85%;
text-align:center;
text-transform: uppercase;
}

.buttonsright li a.archive{
	color:#CCC;
}	

.buttonsright li a:visited{
color:#09C;
}

.buttonsright li a:hover, .buttons li.selected a{
color:#FFFFFF;
background:#09C; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.container{
width:100%;
float:left;
color:#000;
margin-top:1%;
}

.container a:hover{
	color:#09C;
}


.container a:visited{
	color:#09F;
}


.newleft{
	width:49%;
	float:left;
	height:80%;
	overflow:hidden;
}

.newright{
	width:49%;
	float:right;
	height:80%;
	overflow:hidden;
}

.footer{
width:100%;
margin-left:5px;
margin-right:Auto; 
height:Auto;
color:#000;
font-family:"Myriad Pro", Verdana;
margin-top:65%;
}

#contact a{
	color:#FFF;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; 
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
float:left;
}

.pagination a, .pagination a:visited{
border: none;
text-decoration: none; 
color: #000000;

}

.pagination a:hover, .pagination a:active{
border:none;
color:#F30;
}

.pagination a.currentpage{
background-color: #990000;
Color:#FFF;
border-color: #FFFFFF;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
}

.pagination a.prevnext{
font-weight: bold;
}
/*.clear{
clear:both;
}
*/

.bottom{
	width:99.4%;
	height:95px;
	float:left;
	overflow:hidden;
		border:3px solid #4bacb0;
		border-radius:10px;
		-moz-border-radius: 10px;
}

.left{
	width:48%;
	height:100%;
	float:left;
	border-right: 1px solid #999;
}

.right{
	width:48%;
	height:100%;
	float:right;
}

.leftpanelquiz{
	width:56%;
	float:left;
	margin-left:2%;
}

.rightpanelquiz{
width:40%;
float:right;
}
#form1 {
	width:33%;
}