﻿/* fluid (800 -> 1024) */
/*div#container{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/border-right.gif) repeat-y right;
	background: url(http://www.herts.ac.uk/app_templates/lib/images/home.jpg) repeat-y;
	padding: 0;
	width: 100%;
	height: 519px;
	border-bottom: 8px solid #f8f8f8;
	position: relative;
}*/
div#border_top{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/border_top.gif) repeat-x;
	height: 5px;
	min-width: 768px;
	max-width: 960px;
	margin-top: 10px;
}
div#border_right{
	background: #0066CC url(http://www.herts.ac.uk/app_templates/lib/images/border-right.gif) repeat-y right;
	padding: 0 5px 0 0;
	min-width: 752px;
	max-width: 944px;
	padding-left: 11px;
}
/*div#header{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/home.jpg) repeat-y;
	background: transparent url(http://www.herts.ac.uk/app_templates/lib/images/home.jpg) repeat-y scroll left -3px !important;
	border-top: 4px solid #fff;
	padding-bottom: 9px;
}*/

/*To remove the white header background specially on home page*/
div#header{
 	background:  transparent !important;
}

div#header ul.left, div#header ul.right{
        background: #FFF !important;
}

div#header ul.left, div#header ul.right{
	filter:alpha(opacity=60) !important;
	-moz-opacity:0.6 !important;
}

div#left_column{
	background: 0;
	width: 194px;
	float: left;
	margin: 0 13px 0 168px;
	display: inline;
}
div#main_column{
	margin: 0 11px 0 373px;
	font-size: 110%;
	background: #F5F2E9;
}
div#content_container{
	background: #fff url(http://www.herts.ac.uk/app_templates/lib/images/left_column_background.gif) repeat-y;
	overflow: hidden;
}
div#column_container{
	overflow: hidden;
	float: left;
	width: 100%;
	margin-left: -168px;
	background: 0;
	position: absolute;
	bottom: 6px;
}
div#right_column{
	width: 179px;
	padding-left: 100%;
	*padding-left: 0;
	margin: 15px 0 0 -179px;
	position: absolute;
	bottom: 6px;
	background: 0;
}
div#footer{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/border_bottom.gif) repeat-x;
	min-width: 758px;
	max-width: 950px;
	overflow: hidden;
	padding: 0 0 0 10px;
}

h1 a{
	clear: both;
	text-indent: -1000em;
	margin: 0 134px 0 -11px;
	height: 67px;
	display: block;
}
div#header a.logo{
	width: 134px;
	height: 67px;
	display: block;
	float: right;
	margin-top: -67px;
}
div#wrapper{
	overflow: hidden;
	zoom:1;
	position: absolute;
	bottom: 6px;
}
div#left,
div#right,
div#center{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	background: #F5F2E9;
}
div#left { 
	float:left;
	width:193px;
	background: #f2f2f2;
	margin-right: 10px;
}
div#right { 
	float:right;
	width:180px;
	margin-right: 5px;
	padding-top: 2px;
}
div#center { 
	margin-right:194px;
	margin-left:203px;
	padding-top: 2px;
}
div#center div {
	border: 1px solid #D4D4D2;
	background: url(http://www.herts.ac.uk/app_templates/lib/images/home_box_bg.gif) no-repeat right top;
	margin: 0 2px 2px 2px;
	padding: 5px;
}
div#right div{
	border: 0px;
	margin: 0pt 0px 0px;
	padding: 0px;
}
div#right h2{
	font-size: 170%;
	background: #E9E7E0;
	float: left;
	margin: -5px 0 10px -5px;
	padding: 2px;
	display: inline;
}
div#right p{
	clear: left;
}
div#right ul a{
	display: block;
	background: url(http://www.herts.ac.uk/app_templates/lib/images/pod_square_bullet.gif) no-repeat 0 0.5em;
	padding-left: 15px;
}
div#wrapper ul{
	margin: 0 !important;
}
	div#wrapper ul li{
		background: 0 !important;
		padding: 0 !important;
	}

/* Colour */
/*	Text colour 
	#AA272F 
*/
h1 a{
	background: #AA272F url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_uh.gif) no-repeat 24px 16px;
	color: #AA272F;
}
div#header a.logo{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/purpleContent_logo.png) no-repeat;
	/*background-position: left 8px;*/
}
div#header ul#main_nav li.current a,
div#header ul#main_nav li a:hover,
div#header ul#main_nav li a:focus,
form#search h2,
input.button,
h2,
h3,
div.box h3,
div.box h3 a:link,
div.box h3 a:visited,
div.box h3 a:hover,
div.box h3 a:focus,
div.box h4.expert,
div.box h6,
div.course_code em,
div.box p.tel,
div.box p.email,
a:hover,
a:active,
a:focus,
ul#course_list h4,
ul#course_list h4 em,
ul#details_nav li.current div a,
div#additional_column div.box.promo h3,
ul.news_events_list li p.date,
div.box p.calendarNav,
div.calendar table tbody td.event a,
div.box dl dd{
	color: #670099;
}
div#landing h2{
	background-color: #AA272F;
}

/*	Alternative colour 
	#f60
*/
div#container,
ul.pagination li.current,
div.box ul.a_z li.selected a,
a.help,
div#main_column input.button,
ul.steps li.current a,
div#landing form{
	background-color: #f60;
}
ul#page_nav li.current a:link,
ul#page_nav li.current a:visited,
div.box h4,
em,
blockquote cite,
div.box h3.movie,
div.box h3.talk,
div.box h3.podcast,
div.box h3.help,
div.box h3.boxes,
div.box h3.movie a,
div.box h3.talk a,
div.box h3.podcast a,
div.box h3.help a,
div.box h3.boxes a,
div#main_column form.course_landing label,
div.box ul li.current a,
div.a_z_heading h3,
div#additional_column div.box h3,
div#additional_column div.box h3 a:link,
div#additional_column div.box h3 a:visited,
div#additional_column div.box h3 a:hover,
div#additional_column div.box h3 a:focus,
.details em,
div.news_events_heading h3,
div#course_content div.box h5,
address em{
	color: #f60;
}
div.box h3 a:link,
div.box h3 a:visited{
	text-decoration: none;
}
div.box h3 a:hover,
div.box h3 a:focus{
	text-decoration: underline;
}

/****/
a:hover,
a:active,
a:focus {
	text-decoration:underline;
}
div#header ul#main_nav li.current a{
	background-image: url(http://www.herts.ac.uk/app_templates/lib/images/colours/purpleContent_main_nav_current.gif);
}
ul#page_nav li.current{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_page_nav_bullet_current.gif) no-repeat 0 0.75em;
}
ul.list li{
	background-image: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_content_square_bullet.gif) !important;
}
div#header ul#main_nav li a:hover,
div#header ul#main_nav li a:focus{
	background-image: url(http://www.herts.ac.uk/app_templates/lib/images/colours/purpleContent_main_nav_current.gif);
}

/* Icon */
h3.movie{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_icon_movie.gif) no-repeat 0 0.2em;
}
h3.talk{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_icon_talk.gif) no-repeat 0 0.2em;
}
h3.podcast{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_icon_podcast.gif) no-repeat 0 0.2em;
}
h3.help{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_icon_help.gif) no-repeat 0 0.2em;
}
h3.boxes{
	background: url(http://www.herts.ac.uk/app_templates/lib/images/colours/red_icon_boxes.gif) no-repeat 0 0.4em;
}
