/*--------------------------------< 1. Main layout and defaults >-----------------------------------------*/

/* --- default settings --- */
*{
padding:0px;margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
/*.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}*/
.clearfix {display:inline-block;}

img {border:0;}

body{
	position:relative;
	margin:0 auto 0 auto;
	background-position: center;
	color:#333;
	background-color: #EFEFEF;
	font-size:62.5%;
	line-height:1.5;
}
/* --- layout settings --- */
#wrapper {
	width: 960px;
	margin:0 auto;
	min-height:300px;
	background-image:url(../images/wrapper_bg.jpg);
	background-repeat:no-repeat;
	padding-top:20px;      
	position:relative;        

	/*background-color:#F0F0F0;*/
}
#skipLink{
display:none;
}
#nav {
	width: 150px;
	float:left;
	clear:left;
	padding: 5px;
}
#content {
	clear: right;
	float: left;
	width: 960px;
	
}
#middleChannel {
	clear: right;
	float: left;
	width: 960px;
	
	
}
#middleChannelLeft {
	float: left;
	width: 700px;
	background-color:#EFEFEF;
}
#middleChannelRight {
	float: left;
	width: 250px;
	background-color:#3300CC;
}
#header {

	height: 121px;
	width: 957px;
	padding:0px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
		
}
#headerRight{
	background-color:#3366FF;
	float:right;
	clear:right;
}
#headerLeft{

	float:left;
	clear:left;
}
#footer {
background-image:url(../images/footer_bg.gif);
background-repeat:no-repeat;
	float:left;
	clear:both;
	height:114px;
	width: 100%;
}
#midsection {

padding-bottom:20px;
}

/*--------------------------------< 3. Standard Links >-----------------------------------------*/
a:link, a:visited{
color:#ED1848;
text-decoration:none;
}
a:hover{
text-decoration:underline;
/* border-bottom: 1px solid #000000;*/ /* Using border-bottom instead of text-decoration:underline increase readibility */
}

/*--------------------------------< 4. Header specific including "Feature List" Accessibilty etc. ------------------*/
#header ul, #header h1{
	padding-left:15px;
}
#header h1{
	padding:0px;
	padding-left:0px;
	margin:0px;
	
}

#header h1 a{
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
display:block;
width:230px;
height:120px;
text-indent:-9999px;
	
}
#header ul{
padding-left:0em;
}
#featureList li
{
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	font-size:0.9em;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	padding-right: 0.6em;
}
#featureList li a:link, #featureList li a:visited{
	text-decoration: none;
	color:#FFFFFF;
}
#featureList li a:hover{
	text-decoration: underline;
}


/*--------------------------------< 5. Navigation - series of unordered lists >-----------------------------------------*/


#nav ul{
list-style-type:none;
}
/*common sub nav lists*/
#nav ul ul a:link, #nav ul ul a:visited{
color:#999;/*dark_grey*/
display:block;
width:150px;
/*margin:0 8%;*/
padding:4px 2%;
text-decoration:none;
}
#nav ul ul a:hover{
text-decoration:underline;
background-color:#FFF;
}
/*specific lists*/
#nav ul #itemSub a:link, #nav ul #itemSub a:visited{
color:#202A5D;
background-color:#FFF6D9;
}
#nav ul #itemSub a:hover{
background-color:#ffdc6c;
text-decoration:underline;
}

#nav ul h4 a:link, #nav ul h4 a:visited{
display:block;
font-size:1.2em;
width:150px;
/*margin:0 8%;*/
padding: 0 2%;
text-decoration:none;
color:#666;/*default dark grey*/
border-top:solid 2px #ffffff;
font-weight:lighter;
}
#nav ul h4.selected a:link, #nav ul h4.selected a:visited{
display:block;
background-color:#F36;
color:#FFF;
text-decoration:none;
}
#nav ul h4 a:hover{
background-color:#F36;
color:#FFF;
text-decoration:underline;
}
/*--------------------------------< 6. Footer specific styles >---------------------------------------*/
#footer p{
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
font-size:1em;
line-height:1.2;
}
/*--------------------------------< 7. Main page area styles >-----------------------------------------*/

/* --- standard html elements --- */
#middleChannel p, #middleChannel h1, #middleChannel h2, #middleChannel h3, #middleChannel h4{

}

#middleChannel p, #middleChannel h3{
 font-size:1.2em;
}
#middleChannel h1, #middleChannel h2{
/*font-size:1.6em;
line-height:1.4em;
letter-spacing:-1px;*/
}
#middleChannel h3{
font-size:1.4em;
line-height:1.2em;
letter-spacing:-1px;
}
#middleChannel h4{
line-height:1.4em;
}
#middleChannel ul{
padding-bottom:10px;
}
#middleChannel select{
font-size:1.1em;
margin-left:15px;
width:200px;
}
#middleChannel option{
line-height:1px;
}
#middleChannel input{
font-size:1.1em;
line-height:1;
}

/*--------------------------------< 7. Common helper styles >---------------------------------------*/

/* --- table formatting --- */
#myTable #highlight{
background-color:#E0F0F7;
}
#myTable #lowlight{
background-color:#9FD8F3;
}
.clear{
height:1px;
font-size:0.0em;
clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
		
		
/*-----------MOVE THIS INTO AN IE SPECIFIC STYLE SHEET--------*/		



  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */




/*----------------------------------< 8. Grid layout stylings >-------------------------------------------*/


.h_2col {width:100%;
float:left;}

.h_2col_col_one {
width:413px;
float:left;
display:inline;
}

.h_2col_col_two {
width:545px;
float:left;
display:inline;
overflow:hidden;

}

.h_3col {width:100%;}

.h_3col_col_one {
width:33.3%;
float:left;
background-color:#333333;}

.h_3col_col_two {
width:33.3%;
float:left;
background-color:#999999;}

.h_3col_col_three {
width:33.3%;
float:left;
background-color: #CCCCCC;}

.h_4col {width:100%;}

.h_4col_col_one {
width:25%;
float:left;
background-color:#333333;}

.h_4col_col_two {
width:25%;
float:left;
background-color:#999999;}

.h_4col_col_three {
width:25%;
float:left;
background-color: #CCCCCC;}

.h_4col_col_four {
width:25%;
float:left;
background-color: #FFFFFF;
}

 #topnav {
	 font-family:Arial, Helvetica, sans-serif;
      float:left;
      width:100%;
      background:#000000 url("../images/tabs/norm_bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
	  
      }
    #topnav ul {
      margin:0;
      padding:10px 0px 0;
      list-style:none;
	  
      }
    #topnav li {
	
      float:left;
      background:url("../images/tabs/norm_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
	  margin-left:4px;
      }
    #topnav a {
	
      float:left;
      display:block;
      background:url("../images/tabs/norm_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #topnav a {float:none;}
    /* End IE5-Mac hack */
    #topnav a:hover {
      color:#333;
	  /*background:url("images/tabs/hover_right.gif") no-repeat right top;*/
      }
    #topnav #current {
	
      background-image:url("../images/tabs/norm_left_on.gif");
      border-width:0;
      }
    #topnav #current a {
      background-image:url("../images/tabs/norm_right_on.gif");
      color:#333;
      padding-bottom:5px;
      }
			

.h_2col h2 {
color:#ED1848;
font-size:18px;
}

.h_2col p {
color:#ffffff;
line-height:14px;
margin-bottom:10px;
}

#text_top {
padding-right:36px;
margin-top:10px;

}

#text_top p {
font-size:14px;
line-height:1.1;
}

#whats_on {
margin-top:495px;
margin-left:15px;

}

#whats_on p {
color:#1B222A;
font-size:12px;
padding-left:10px;
padding-right:58px;
line-height:1.3;
}

#whats_on h3 {
text-transform:uppercase;
font-size:20px;
color:#ED1848;
margin-bottom:20px;
margin-left:10px;

}
#competition {
color:#333333;
float:left;
margin-bottom:10px;
position:relative;
width:520px;

}

#competition_c {
color:#333333;
float:left;
margin-bottom:10px;
position:relative;
width:520px;

}



#competition img {
float:left;
margin-top:24px;
*margin-top:25px;
}

#competition_c img {
float:left;
margin-top:24px;
*margin-top:25px;

}


#competition p {
color:#333333;
float:left;
font-size:12px;
line-height:1.3;
width:210px;
}

#competition h3 {
float:left;
color:#ED1848;

margin-top:106px;
width:200px;
text-transform:uppercase;
font-size:20px;
margin-bottom:10px;
line-height:1.1;


}
#register_event {
float:left;
width:200px;
height:263px;
background-image:url(../images/register_box_bg.jpg);
background-repeat: no-repeat;
padding-left:10px;
padding-right:10px;

}

#register_event h4 {
margin-top:150px;
color:#00B3F0;
font-size:1.4em;


}

#facts {
margin-bottom:10px;
float:left;
width:537px;
position:relative;

}

#register_event p {
color:#1B222A;
font-size:1.2em;

}
#student_journalists  {float:left;
width:275px;
height:263px;
background-image:url(../images/student_journalists_bg.jpg);
background-repeat:no-repeat;
margin-left:22px;
padding-left:10px;
padding-right:10px;

}

#student_journalists h4 {
color:#FAA61A;
font-size:1.4em;
margin-top:150px;
}
#student_journalists p {

color:#1B222A;
font-size:1.2em;
}

#nse_box {
background-image:url(../images/nse_box_bg.jpg);
background-repeat:no-repeat;
position:absolute;
top:220px;
left:1px;
width:373px;
height:292px;
}

#nse_box h4 {
color:#ED008C;
font-size:18px;
margin-top:75px;
margin-left:185px;

}

#nse_box p {
color:#FFFFFF;
margin-left:185px;
font-size:14px;
margin-right:30px;
line-height:1.3;
}

.competition_margin {
margin-top:40px;
*margin-top:39px;
}

.competition_bottom {
margin-bottom:15px;

}

#how_to_enter p {
color:#1B222A;
font-size:12px;
margin-bottom:35px;
line-height:1.3;

}

.comp_cat {
float:left;
width:50%;

}

.comp_cat ul {
font-size:14px;

}

.comp_cat ul li {
list-style-type:none;
background-image:url(../images/star.gif);
background-repeat:no-repeat;
background-position:3px 4px;
padding-left:27px;
font-size:12px;
}

.comp_cat h4 {
font-size:18px;
color:#ED1848;
}

.deadline_title {
font-size:19px;
color:#ED1848;
margin-top:16px;
}

#meet_the_stars {
width:414px;
height:600px;
background-image: url(../images/meet_the_stars.jpg); background-repeat:no-repeat;
margin-left:10px;
}

#meet_the_stars p {
 padding-top:30px;
 padding-left:20px;
 padding-right:10px;
 font-size:14px;
}

.padding_left {
padding-left:18px;
width:527px;

}

#reporting {
color:#7C1C2B;
margin-left:220px;
margin-top:25px;

} 

#dashed_line {

float:left;
width:957px;
clear:left;
}

#dashed_line img {
margin-left:10px;
}

.competition_3col {
float:left;
width:279px;
padding-left:20px;
margin-top:20px;
display:inline;
zoom:1;
}

.competition_3col h3 {
color:#ED1848;
font-size:18px;
margin-bottom:15px;
}

.competition_3col p {

color:#1B222A;

}

.competition_3col ul {
padding-left:0px;
}

.competition_3col ul li {
font-size:12px;
color:#ED1848;
list-style-type:none;
background-image:url(../images/star.gif);
background-repeat:no-repeat;
background-position:0px 0px;
padding-left:27px;
}

#footer p {
margin-top:75px;
margin-left:15px;
font-size:12px;
}

#events_map {
position:relative;
}

#map_derby {
display:block;
height:30px;
left:40px;
position:absolute;
top:84px;
width:100px;
z-index:40;

}

#events {
padding:40px;
font-size:18px;
}

#events h4 {
margin-bottom:20px;

}

#events ul li {


margin-bottom:10px;
}

#hover_to_pause {
position:absolute;
right:10px;
top:5px;
}

.negative_left_10 {
margin-left:-18px;
}
.margin_left {
margin-left:10px;
}

#text_top img {

margin-left:-15px;
}

#competition_text_left {
left:196px;
position:absolute;
top:26px;
width:282px;
}

#competition_text_left p {
color:#333333;
float:left;
font-size:12px;
line-height:1.3;
width:280px;
}

#competition_text_left h3 {
float:left;
color:#ED1848;

margin-top:106px;
width:280px;
text-transform:uppercase;
font-size:20px;
margin-bottom:10px;
line-height:1.1;


}

.wk_top {

margin-top:10px;
}

#home_link {
color:#FFFFFF;
font-size:16px;
margin-left:17px;
margin-top:-30px;
}

#emstem_nav a {
color:#FFFFFF;
padding:2px;
letter-spacing:-1px;
}

#emstem_nav a:hover {

}


#emstem_nav {
color:#FFFFFF;
position:absolute;
right:43px;
top:50px;
font-size:16px;
font-weight:bold;
}