/* CSS Document */
/* Site Wide Styles */
/* make mozilla standards compliant */
/* * { -moz-box-sizing: border-box; } */
body
{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 0.74em;
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
}

img.img_float_left
{
	display: inline;
	float: left;
	margin: 3px 10px 0 0;
}

img.img_float_right
{
	display: inline;
	float: right;
	margin: 3px 0 0 10px;
}

img.img_border
{
	border-color: #000;
	border-width: 1px;
	border-style: solid;
}

a
{
	color: #4D87CE;
	font-weight: bold;
	text-decoration: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

td
{
	padding: 0;
	margin: 0;
	border: none;
	vertical-align: top;
}

.subscript_info:before {content: "\00BB \0020";}

.narrator:before {content: "\00BB \0020";}

table.table_selector
{
	width: 98%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	line-height: 15px;
}


table.table_selector ul
{
	display: inline;
	margin: 0;
	padding: 0;
	border-color: #CCC;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	background-color: #EEE;
}

table.table_selector li
{
	display: inline;
	margin: 0;
	padding: 0 3px;
}

table.table_selector th
{
	margin: 0;
	padding: 0;
}

table.table_selector td
{
	text-align: right;
	margin: 0;
	padding: 0;
}

a:hover { color: #2a65ad; }
.center { text-align: center; }

/* The various sections of the page */
#header
{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFF;
}

#menu
{
	padding: 20px 0;
	background-color: #000066;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
}

#menu a
{
	color: #FFFFFF;
	text-decoration: none;
	margin: 20px 10px;
}

#menu a:hover
{
	border-bottom: #FFF;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
}

#title
{
	width: 750px;
	margin: 40px auto 0 auto;
}

#title #img_oriel_college_crest
{
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}

#title h1
{
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 30px 0 0 0;
	color: #300;
	text-align: left;
	border-bottom: #EEE;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#title h2
{
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	text-align: right;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #000000;
}

#container
{
	width: 750px;
	margin: 60px auto 0 auto;
	color: #555555;
	text-align: justify;
}

#widecontainer{
	width: 1000px;
//	text-align: justify;
	clear: both;
}

#sidebar
{
	width: 160px;
	display: inline;
	float: right;
	padding: 200px 0 0 0;
	font-size: 95%;
	background-image: url(http://www.orielmcr.org/images/college/bw-orielsm.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 40px 0;
	text-align: left;
}

#sidebar p { font-family: "Trebuchet MS", Arial, Verdana; }

#sidebar h1
{
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #eeeeee;
	color: #660000;
	text-align: left;
}

#sidebar span.span_menu
{
	display: block;
	width: 100%;
	background-image: url(http://www.orielmcr.org/images/icons/submenua.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#sidebar a
{
	display: block;
	width: 100%;
	padding: 5px;
	padding-right: 0;
}

#sidebar a:hover
{
	background-image: url(http://www.orielmcr.org/images/icons/submenua_hover.jpg);
	background-repeat: no-repeat;
}

#content
{
	line-height: 20px;
	font-size: 12px;
	color: #000033;
	text-align: justify;
	padding: 0 0 0 10px;
	margin: 0 220px 0 0;
	background-color: #FFFFFF;
}

#content p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
}

#content .narrator
{
	font-style: italic;
	color: #555;
}



#content p.introduction
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000033;
}

#content .subscript_info
{
	padding: 0;
	margin: 0 0 0 0;
	color: #555;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
}


#content h1
{
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #eeeeee;
	color: #660000;
	margin: 30px 0 10px 0;
	padding: 0;
}

/* footer */
#footer
{
	width: 100%;
	background-color: #000066;
	padding: 5px 0;
	color: #FFFFFF;
	text-align: center;
	margin: 40px 0 0 0;
	clear: both;
}

#footer #footer_text a { color: #FFFFCC; }
#footer #footer_text a:hover { color: #FFFF66; }
#footer #w3c_certificates img { border: none !important; }

/* committee.html */
#tbl_committee_details { text-align: justify; }

#tbl_committee_details th
{
	padding: 5px;
	margin: 0;
	text-align: left;
	vertical-align: top;
}

#tbl_committee_details td
{
	padding: 5px 10px;
	margin: 0;
}

#tbl_committee_details img { }

#tbl_committee_details dl
{
	margin: 5px auto;
	padding: 0;
}

#tbl_committee_details dt
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#tbl_committee_details dd
{
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#tbl_committee_details dd a { display: block; }

#tbl_committee_details p
{
	padding-top: 0;
	margin-top: 0;
}

/* welfare.html */
#welfare h2
{
	border-color: #999;
	border-width: 1px 0 1px 0;
	border-style: solid;
	padding: 3px 0;
}

/* forthcoming_events.html */
table#tbl_forthcoming_events { }
table#tbl_forthcoming_events th { font-size: 11px; }
.center { text-align: center; }

table#tbl_forthcoming_events td
{
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	padding: 10px 0;
}

table#tbl_forthcoming_events dl
{
	text-align: left;
	font-size: 10px;
}

table#tbl_forthcoming_events dt
{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	color: #660000;
}

table#tbl_forthcoming_events dd
{
	margin: 0;
	padding: 0;
}

/* ball related */
p.ball
{
	font-family: Arial;
	font-weight: bold;
	color: #000;
}

img#img_iloveorielball
{
	display: block;
	margin: 0 auto;
	border: none !important;
}

#hallmenu
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 1000px;
	width: 1000px;
	border-style: none;
	overflow: hidden;
}

/* MCR Live! related */
#live_body
{
	width: 100%;
	min-width: 780px;
}

#live_header { width: 100%; }

#live_menu
{
	padding: 5px 0;
	background-color: #000066;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
}

#live_menu a
{
	color: #FFFFFF;
	text-decoration: none;
	margin: 20px 10px;
}

#live_menu a:hover
{
	border-bottom: #FFF;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
}

#live_title { margin: 0 260px 0 10px; }

#live_title #img_oriel_college_crest
{
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
}

#live_title h1
{
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 17px 0 0 0;
	color: #300;
	text-align: left;
}

#live_container
{
	width: 100%;
	clear: both;
	margin: 0 auto;
}

#live_sidebar
{
	margin: 0;
	padding: 0;
	width: 200px;
	display: inline;
	float: right;
	text-align: left;
}

#live_sidebar h1
{
	clear: both;
	margin: 0 10px 5px 0;
	padding: 10px 0 0 0;
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #eeeeee;
	color: #660000;
}

#live_sidebar #hallbook
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 130px;
	width: 165px;
	border-style: none;
	overflow: hidden;
}

#live_sidebar ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#live_sidebar li
{
	padding: 0;
	margin: 0;
}

#live_sidebar dl, #live_sidebar dt, #live_sidebar dd {margin: 0; padding: 0;}

#live_sidebar dd {color: #555;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;}
	
#live_sidebar dd:before {content: "\00BB\0020 "; }


#live_sidebar li a { }

#live_sidebar #isis_info img
{
	padding: 2px;
	display: inline;
	float: left;
	border: none !important;
}

#live_sidebar #isis_info #flag_status
{
	display: inline;
	float: left;
	background-image: url(http://www.ourcs.org.uk/isisflag.php);
	background-repeat: no-repeat;
	width: 44px;
	height: 29px;
	background-position: -3px -3px;
}

#live_sidebar #isis_info #river_status
{
	display: inline;
	float: left;
	margin-left: 5px;
	background-image: url(http://www.ourcs.org.uk/suntimes.php);
	background-repeat: no-repeat;
	width: 104px;
	height: 29px;
	background-position: -3px -3px;
}

#live_sidebar div.rss p
{
	margin: 5px 0 0 0;
	padding: 0;
	display: none;
}

#live_sidebar div.rss p.channel { display: none; }

#live_sidebar div.rss p.news, #live_sidebar div.rss p.newsAlt
{
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
}


#live_sidebar .subscript_info
{
	padding: 0;
	margin: 0 0 0 0;
	color: #555;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
}

#live_content
{
//	margin: 0 260px 0 10px;
	clear: both;
	text-align: justify;
}

#live_content h1
{
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #eeeeee;
	color: #660000;
	margin: 20px 10px 10px 10px;
	padding: 0;
}

#live_content .subscript_info
{
	padding: 0;
	margin: 0 0 0 0;
	color: #555;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
}

.tbl_events_live_invisible { display: none; }

.tbl_events_live_visible
{
	width: 98%;
	background-color: #EEE;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

.tbl_events_live_visible th
{
	text-align: left;
	height: 20px;
	font-family: "Arial Narrow";
}

.tbl_events_live_visible th.date { width: 10%; }

.tbl_events_live_visible th.day_of_week
{
	width: 7%;
	font-style: italic;
}

.tbl_events_live_visible th.bar, .tbl_events_live td.bar { width: 12%; }
.tbl_events_live_visible td { padding: 5px 0; }

.tbl_events_live_visible tr.head
{
	height: 25px;
	background-color: #006;
	color: #FFF;
}

.tbl_events_live_visible tr.even th, .tbl_events_live_visible tr.even td { background-color: #FFF; }

.tbl_events_live_visible ul
{
	margin: 0;
	padding: 0;
}

.tbl_events_live_visible li
{
	display: inline;
	margin: 0 0 0 3px;
}

.tbl_events_live_visible li:before { content: "\2022"; }
.tbl_events_live_visible dl { display: inline; }

.tbl_events_live_visible dt
{
	display: inline;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	color: #660000;
}

.tbl_events_live_visible dd
{
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
	font-size: 11px;
}

/* photo gallery related */
#header_image
{
	margin: 0;
	padding: 0;
	width: 100%;
}

#header_image #menu
{
	padding: 5px 0;
	background-color: #000066;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
}

#header_image #title
{
	margin: 5px 0;
	padding: 0;
	width: 750px;
}

#header_image #title #img_oriel_college_crest
{
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}

#header_image #title h1
{
	display: block;
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: left;
	font-size: 20px;
}

table#tbl_thumbnails
{
	margin: 0;
	padding: 0;
}

table#tbl_thumbnails td { padding: 10px; }
table#tbl_thumbnails img { border: none !important; }

#image_container
{
	clear: both;
	display: block;
	width: 750px;
	margin: 0 auto;
}

div.pager_links
{
	display: block;
	margin: 15px 0;
}

div.pager_links ul
{
	display: inline;
	background-color: #EEE;
	margin: 0;
	padding: 0;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

div.pager_links li
{
	display: inline;
	margin: 0 5px;
}

/* freshers week table */
table.tbl_freshers_week_visible
{
	margin: 0;
	padding: 0;
}



table.tbl_freshers_week_invisible {display: none;}

table.tbl_freshers_week_visible {width: 100%;}

table.tbl_freshers_week_visible,  table.tbl_freshers_week_visible td, table.tbl_freshers_week_visible th
{
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	font-family: Arial;
	font-size: 10px;
	
}
table.tbl_freshers_week_visible th {width: 15%}

table.tbl_freshers_week_visible th.second_week {width: 16%;}

table.tbl_freshers_week_visible th.time
{
	width: 4%;
	text-align: left;
	padding: 0 2px;
}

table.tbl_freshers_week_visible td { padding: 0 2px; }
table.tbl_freshers_week_visible td.compulsory { background-color: #FF0; }

table.tbl_freshers_week_visible dt
{
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	color: #600;
	font-size: 12px;
	line-height: 1.1em;
}

table.tbl_freshers_week_visible dd
{
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-style: italic;
}

#tbl_freshers_week_selector {width: 100%;}


/* test area only */