/* CSS Document for Imperial College */

@import url(standard.css);

html, body {
	margin: 10px; 
	padding: 0; 
	border: 0;
	font-size:100.1%;
}

body {
	color:#5e5c5e; 
	background:#FFFFFF;
	font-family:"Trebuchet MS1","Helvetica",sans-serif;
	font-size:0.75em;  /* Base font 11px */
	font-size:0.66em;  /* Base font 10px */
	font-weight: normal;
	text-align:center;
	padding-bottom:30px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ utility classes */

.alert {font-weight:bold; color:red;}

.clearBoth {clear:both;}

.clearer {clear:both; height:0; line-height:0; padding:0; margin:0; font-size:0;}

.embolden {font-weight:bold;}

.floatLeft {float:left;}

.floatRight {float:right;}

.hide {visibility:hidden; display:none;}

.hr {
	background-image:url(../images/boxes/dashed_line.gif);
	background-position:center;
	background-repeat:repeat-x;
	background-color:#ffffff;
	height:10px;
	font-size:0;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	clear:both;
}

.italic {font-style:italic;}

.marginRightA {margin-right:67px !important;}
.marginRightZero {margin-right:0px !important;}

.marginBottomA {margin-bottom:6px !important;}
.marginBottomB {margin-bottom:30px !important;}
.marginBottomZero {margin-bottom:0px !important;}


span.textRight {text-align:right;}

blockquote {
	margin-left:10px; 
	margin-right:30px;
	margin-bottom:24px;
	color:#02306c;
	line-height:150%;
}
blockquote span {font-size:86%;}

img {border:0;}
img.gap_below_img, div.gap_below_img {margin-bottom:18px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of utility classes */


/* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC Colours */
.colour1 {color:#b3b3b3;} /* faded grey */
.colour2 {color:#02306c;} /* dark blue */
.colour3 {color:#666666;} /* dark grey */
/* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC end of Colours */



/*#################################### forms */

form textarea#your_message {
	width:494px;
	margin-bottom:10px;
}

form input.text {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	width:223px;
}

form input.radio {
	margin-top:0px;
	margin-bottom:0px;
}
/*#################################### end of forms */



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ navigation */
#nav_left_col 
{    
	width:150px;	
	margin-right:30px;
	float:left;
	font-family:"Trebuchet MS1","Helvetica",sans-serif;
	color:#FFFFFF;
	background-color:#FFFFFF;
}

#nav_left_col .nav_padding {
	background-color:#8091a8;
	padding-left:9px;
	padding-right:9px;
	padding-top:4px;
	padding-bottom:5px;
	font-size:86%;
}

#nav_left_col .nav_padding2 {
	background-color:#8091a8;
	padding-left:12px;
	padding-right:12px;
	padding-top:14px;
	padding-bottom:14px;
	font-size:100%;
	font-weight:bold;
}

#nav_left_col img
{
    margin:0;
    padding:0;
}

#nav_left_col ul {
	margin-left:0px;	
	padding-left:0px;

	
}

#nav_left_col ul li {
	margin-left:0px;
	padding-left:0px;
	padding-bottom:0px;
}

#nav_left_col ul li a {
	display:block;
	background-color:#FFFFFF;
	background-image:url(../images/navigation/nav_divider6.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#666666;
/*	padding-left:9px;*/
	padding-left:13px;
	padding-top:4px;
	padding-bottom:4px;
	padding-bottom:6px;
}

#nav_left_col ul li a:hover {color:#a4234e;}

#nav_left_col ul#nav li a.active {
	background-color:#bf1d4e;
	color:#FFFFFF;
}

#nav_left_col ul#nav li a#ln01.active {	/* for the Home to be highlighted */
	background-color:#bf1d4e;
	color:#FFFFFF;
}

#nav_left_col ul li a.nav_level2 {background-color:#fae4e8;} /* pink background for level 2 menu items */

#nav_left_col ul li a.active_level2 {
	color:#a4234e !important;
	background-color:#fae4e8 !important;
}

.secondlevel {background-color:yellow;} /*!!*/


div.minorHeader {
	color:#FFFFFF;
	font-size:123%;
	line-height:100%;
	margin-bottom:5px;
}


ul.horiz_nav_list {margin-bottom:30px;}

ul.horiz_nav_list li {
	display:inline;
	list-style-type: none;
}

ul.horiz_nav_list li a#active_level3 {color:#666666;}

ul.horiz_nav_list .pipe_separator {color:#a4234e;}

ul.jumpers {margin-bottom:30px;}

ul.jumpers li {margin-bottom:3px;}


ul.links {margin-bottom:6px; padding-bottom:0px;}

ul.links li {margin-bottom:3px; padding-bottom:0px;}


ul.disc, ol.disc { 
	list-style-position:inside;
	margin-bottom:26px;
	margin-top:6px;
	padding-bottom:0px;
}

ul.disc { list-style-type:disc;}

ol.disc { list-style-type:decimal;
margin-left:0px;}

ul.disc li, ol.disc li {margin-bottom:3px; padding-bottom:0px;}

ul.dash {list-style-type:none; margin-bottom:10px;}

ul.dash li {color:#022452;}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end of navigation */

/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH headers & anchors */	

h1.metaNormal {	  

	color:#02306c;
	font-family: Arial, Verdana,sans-serif;
	font-size:190%;
	margin-top:20px;
	margin-bottom:22px;
	margin-left:0px;
}		



h2.metaNormal {	 

	color:#666666;
	font-family: Arial,.Verdana, sans-serif;
	font-size:190%;
	font-weight:normal;
	margin-bottom:13px;
	padding: 0;
}				  

h2.metaBold {
	color:#666666;
	font-family: Arial, Verdana, sans-serif;
	font-size:230%;
	font-weight:bold;
	margin-bottom:0px;
	padding:0px;
}

h2, h3, h4 {
	color:#666666;
	font-family: Arial, Verdana, sans-serif;
	font-size:190%;
	font-weight:normal;
	margin-bottom:13px;
	padding:0px;
}  

a {
	color:#a4234e;
	text-decoration:none;
}

a:hover {text-decoration:underline;}


a.arrow_right_red {
	color:#a4234e;
	text-decoration:none;
	background-image:url(../images/arrows/arrow_right_red2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
}
a.arrow_right_red:hover {text-decoration:underline;}

a.arrow_left_red {
	color:#a4234e;
	text-decoration:none;
	background-image:url(../images/arrows/arrow_left_red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
}
a.arrow_left_red:hover {text-decoration:underline;}

a.arrow_right_white {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/arrows/arrow_right_white.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
}
a.arrow_right_white:hover {text-decoration:underline;}


a.arrow_right_blue {
	color:#02306c;
	text-decoration:none;
	font-weight:normal;
	background-image:url(../images/arrows/arrow_right_blue.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
}
a.arrow_right_blue:hover {text-decoration:underline;}

a.arrow_down_red {
	color:#a4234e;
	text-decoration:none;
	background-image:url(../images/arrows/arrow_down_red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
}
a.arrow_down_red:hover {text-decoration:underline;}

a.arrow_up_red {
	color:#a4234e;
	text-decoration:none;
	background-image:url(../images/arrows/arrow_up_red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
	display:block;
	margin-bottom:40px;
}
a.arrow_up_red:hover {text-decoration:underline;}

a.nav2 {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
a.nav2:hover {text-decoration:underline; color:#FFFFFF;}

.dashed_box_holder a {color:#5e5c5e;}
/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH end of headers and anchors */

/*DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD Definition lists */
dl {margin-left:0px; margin-bottom:40px;}

dl dt {font-weight:bold; color:#02306c; margin-bottom:3px;}

dl dd {margin-bottom:15px; line-height:150%;}

dl dt a {
	font-weight:bold;
	text-decoration:underline;
}

dl dd span.date {
	font-weight:bold;
	font-style:italic;
	font-size:90%;
}
/*DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD end of Definition lists */

/*LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL Lists */
ul.list_style1 { 
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:30px;
}

ul.list_style1 li {
	font-weight:bold;
	margin-bottom:10px;
}

ul.list_style1 li p { 
	margin-left:17px;
	margin-bottom:0px !important;
	font-weight:normal;
}	

ul.list_style3 { 
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:30px;
}

ul.list_style3 li {
	font-weight:normal;
	margin-bottom:10px;
}

ul.list_style3 li p { 
	margin-left:17px;
	margin-bottom:0px !important;
	font-weight:normal;
}
/*LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL end of Lists */

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IDs */
#holder {
	background-color:#FFFFFF;
	width:900px;
	text-align:left;
	margin:25px auto;
}


#contentHomepage {
/*	width:700px;*/
/*	height: 541px;*/
	margin:0px;
	padding:0px;
	border:0px;
	float:right;
/*	position: relative;*/

}

#content {
	width:700px;
	font-family:"Verdana","Geneva", sans-serif;
	float:left;	
}

#contentA {
	width:501px;
	margin-right:30px;
	font-family:"Verdana","Geneva", sans-serif;
	float:left;
}


/* controls timeline page ;*/

#contentC {
	width:501px;
	margin-right:0px;
	font-family:"Verdana","Geneva", sans-serif;
	float:left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#contentA p {
	margin-bottom:24px;
	line-height:150%;
}

#contentB {
	width:150px;
	font-family:"Verdana","Geneva", sans-serif;
	/*font-size:90%;*/
	font-size:86%;
	color:#FFFFFF;
	background-color:#8091a8;
	padding:0px;
	float:left;
}

#title_box {
	margin-bottom:30px;	
}


#alternative {
	margin-top:30px;
	float:right;
}

#form_alert{
    color:#a4234e;
    margin-top:5px;
    font-weight:bold;
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII end of IDs */


.photo_story {
	width:350px;
	height:60px;
	margin-bottom:20px;
	float:left;
}

.photo_story .photo {
	width:64px;
	height:51px;
	float:left;
}

.photo_story .photo_text {
	padding-top:0px;
}


.contentB_padding {
	padding:4px 9px 6px 9px;
	margin:0px;
}

.contentB_padding p {
	margin:0px;
	margin-bottom:10px; 
	padding:0px;
}

img#moduleImage {border-top:1px dashed #FFFFFF;}


#contentA img.floatLeft {
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:4px;
}

#contentA div.columnA {
	width:236px;
	margin-right:25px;
	float:left;
}

#contentA div.columnBr { /* used in Centenary postcards, template 6, needed for IE6 */
	width:236px;
	margin-right:0px;
	float:right;
}

/* Press kit */
div.pk_third {width:158px; margin-right:10px; float:left;}

#pressKit .gap_below_img {margin-bottom:7px;}
/* end of Press kit */


/* footer */
.dashed_box_holder {
	margin-right:10px;
	margin-bottom:10px;
	background-image:url(../images/boxes/dashed_box_main_body.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
}

.dashed_box_inner {
	font-weight:bold;
	background-image:url(../images/boxes/dashed_box_right_cap.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:7px 7px;
	margin:0 0px;
}
/* end of footer */


/* TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT tables */
table {margin-bottom:30px;}

table tr#row1 th {
	background-image:url(../images/tables/dashed_line_top1.gif);
	background-repeat:no-repeat;
	padding-top:7px;
	text-align:left;
}
table tr#row1 th.column1 {background-position:top left;}

table tr#row1 th.column2 {background-position:top;}

table tr#row1 th.column3 {background-position:top right;}

table tr td {
	background-image:url(../images/tables/dashed_line_top4.gif);
	background-repeat:no-repeat;
	background-position:top;
}

table tr.alt td {background-image:url(../images/tables/dashed_line_top3.gif);}

table tr#row2 td {background-image:url(../images/tables/dashed_line_top2.gif);}

table tr td.column1 {background-position:top left;}

table tr td.column2 {background-position:top;}

table tr td.column3 {background-position:top right;}


table tr th {
	background-color:#8091a8;
	color:#ffffff;
	padding:4px 0px 4px 8px;
}

table tr td {
	background-color:#FFFFFF;
	padding:7px 0px 4px 8px;
	vertical-align:top;
}

table tr.alt td {background-color:#f2f4f6;}

table.fourColumns tr th.column3 {background-position:top !important;}
table.fourColumns tr th.column4 {background-position:top right;}

table.fourColumns tr td.column3 {background-position:top;}
table.fourColumns tr td.column4 {background-position:top right;}


/* TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT end of tables */


/*  Centenary e-Postcard page specific styles */
#ePostcard .marginRightA {margin-right:120px;}
#ePostcard .marginRightB {margin-right:40px;}

#ePostcard form {margin-bottom:30px;}

#ePostcard img.gap_below_img {margin-bottom:10px;}
/* end of Centenary e-Postcard page specific styles */