* {
  margin: 0;
  padding: 0;
}
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	background: #f2f2f2;
}
img { border: none }
/* for all browsers that understand min-width */
.width {
	min-width: 937px; /*was 850*/
	margin: 0 auto;
}
/* the bodge for IE6 browsers */
* html .minwidth {
	border-left: 937px solid #fff; 
	position: relative; 
	float: left; 
	z-index: 1;
}
* html .container {
	margin-left: -937px; 
	position: relative; 
	float: left; 
	z-index: 1; 
	text-align: left;
}
#wrapper {
	max-width: 937px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	padding: 0 10px 10px 10px;
	border-right: 2px solid #d2d2d2;
	border-bottom: 2px solid #d2d2d2;
	border-left: 2px solid #d2d2d2;
}
h1 {
	font-size: 2em;
	margin-top: 0;
}
h2 {
	font-size: 1.8em;color: #000;font-weight: normal;
}

a:hover {
	text-decoration: underline;color:#6699cc;
}
a:link, a:visited {
	color: #000;
	background: transparent;
	text-decoration: underline;
}

a.glink_career, a.glink_career:link, a.glink_career:visited {
	text-decoration:underline;color:#002978;
}
a.glink_career:hover {
	text-decoration: underline;color:#6699cc;
}
a.glink_career:active{
	text-decoration:underline;color:#002978;
}


p {
	margin: 0 0 15px;
	padding: 0;
	line-height:150%;
}
ul {
	line-height: 1.5em;
	margin: 0.5em 0 0 2.5em;
	padding: 0;
}

li {margin-bottom: 0.5em;}
dl {line-height:150%;
}
dt {
}
dd {
	margin-bottom: 5px;
	margin-left: 5px;
}

ol {line-height:150%;}
ol li {margin-left:24px;}

.red 
{
    color:#FF0000;
    float:left;
    padding-right:5px;
}

/* ------------------------ 3. masthead ------------------------ */
#masthead {
	height: 60px;
	background: #9d1100 url(../images/logo_corporatered.gif) no-repeat left top;
	margin-bottom: 5px;
	position: relative;
}
#logo {
	font-size: 0.8em;
	font-weight: normal;
	float: left;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	width: 170px;
}
/* \*/ #logo {overflow: hidden;} /* */
#logo a {
	background: none;
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 170px;
}
#masthead ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	float: right;
	padding: 5px 8px 3px 0;
	line-height:100%;
}
#masthead li {
	display: inline;
	color: #fff;
}
#masthead a {
	color: #fff;
	font-size: 0.9em;
}
#masthead a:hover {
	color: #fff;
}
#branding h1 {
	text-indent: -9000px;
}
#searchbox {
	background-color: transparent;
	clear: right;
	float: right;
	margin: 0 0 0 0;
	padding: 3px 8px 0 0;
	text-align: right;
	text-transform: lowercase;
	white-space: nowrap;
	z-index: 2;
}
#searchbox input.search_button {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 2px;
	padding: 0;
	text-transform: uppercase;
}
#searchbox label {
	color: #fff;
	font-size: 1em;
	font-weight: bolder;
	line-height: 1em;
	text-transform: uppercase;
	margin-right: 5px;
	margin-top: 2px;
	vertical-align: middle;
}
.input1 {
	background: #fff url(https://www.brookes.ac.uk/template/images/input_background.gif) repeat-x;
	border: 1px solid #ccc;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	visibility: visible;
	width:330px;
	margin-bottom:10px;
}
input {
	background: #fff url(https://www.brookes.ac.uk/template/images/input_background.gif) repeat-x;
	border: 1px solid #ccc;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	visibility: visible;
}
label {font-weight: bold;}
form {border: 0; margin: 0;}

/* ------------------------ 4. navigation ------------------------ */

#globalNav {
	height: 20px;
	margin-bottom: 10px;
}
#globalNav ul {
	background:#333 url(../images/global_nav_bg.gif) no-repeat right top;
	padding:0;
	list-style:none;
	margin:0;
	float:left;
	border-bottom: 1px solid #fff;
	width:100%;
}
#globalNav li {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:auto;
}
#globalNav a {
	display:block;
	width:auto;
	margin:0;
	padding:0 10px;
	border-right:1px solid #fff;
	border-bottom:none;
	color:#fff;
	background:#333;
	text-decoration:none;
	font-size: 0.9em;
}
#globalNav a:hover,
#globalNav a:focus,
#globalNav a:active {background:#777}
#globalNav .sel a {}
#globalNav .sel a:focus {}
#themenu .logo_careers {
	background: #9d1100 url(../images/careers_red_head.gif) no-repeat bottom left;
    text-indent: -9000px;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 120px;
}

/* \*/ .logo_careers {overflow: hidden;} /* */
.logo_careers a {
	background: none;
	display: block;
	height: 120px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 170px;
}
* html #themenu 
{
    padding:0 0 20px 0; 
    margin:0;
	float: left; 
}

#themenuholder {
	/* border: 1px solid #E0DFE3;*/
	width: 170px;
	margin: 0;
	
}
ul#thesubnav {
	margin:0 -30px 0 0;
	padding:0;
	list-style:none;
	width: 100%;
}
ul#thesubnav li {
	margin:0 15px 0 0;
	padding:0;
}
ul#thesubnav li a {
	display:block;
	margin:0;
	background:#fff url(../images/L1_bullet.gif) no-repeat 2px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 2.2;
	font-weight: normal;
	font-variant: normal;
	border-top:1px solid #eee;
	color:#000;
	width: 100%;
	padding: 0 0 0 15px;
}
ul#thesubnav a:hover,
ul#thesubnav a:focus,
ul#thesubnav a:active {
	background: #eee url(../images/L1_bullet_hover.gif) no-repeat 2px;
}
ul#thesubnav .sel a {
	background:#eee url(../images/L1_active_bullet.gif) no-repeat 0;
}
ul#thesubnav li.sel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#thesubnav li.sel ul li {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul#thesubnav li.sel ul#thesubmenu1 {
	padding: 0;
	margin: 0 5px 0 0;
}
li.sel ul#thesubmenu1 li a {
	padding-left: 20px;
	background:#ddd url(../images/L2_bullet.gif) no-repeat 2px;
}
li.sel ul#thesubmenu1 li a:hover,
li.sel ul#thesubmenu1 li a:focus,
li.sel ul#thesubmenu1 li a:active {
	background: #fff url(../images/L2_bullet_hover.gif) no-repeat 2px;
	color: #9d1100;
}
ul#thesubmenu1 li ul#thesubmenu2 {
	margin: 0 10px 0 0;
}
ul#thesubmenu1 li ul#thesubmenu2 li a {
	color: #fff;
	background: #bbb url(../images/L3_bullet.gif) no-repeat 10px;
	padding-left: 30px;
	border-top: none;
	line-height: 1.5em;
}
ul#thesubmenu1 li ul#thesubmenu2 li a:hover,
ul#thesubmenu1 li ul#thesubmenu2 li a:focus,
ul#thesubmenu1 li ul#thesubmenu2 li a:active {
	color: #000;
	background: #bbb url(../images/L3_bullet.gif) no-repeat 10px;
	padding-left: 30px;
}

/* ------------------------ 5. content ------------------------ */
#column-wrapper {
	float:left;
	margin-right:-184px;
	width:937px;
}

#copy .narrow, body.careerzine .narrow
{
	/*padding-right:200px;*/
	float:left;
	width: 500px;
	border:none;
}

#content {
	padding: 10px 10px 30px 3px;
	float: left;
	width: 522px;
}
#mainarea {margin: 15px 0 0 0;
}

#copy {
	float: right;
	width: 746px;
	margin-top: 0;
	margin-right: 0;
	
}


#copy h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#copy h4 {color: #9d1100;font-weight: bold; font-size:1em;}
#copy h4 a.h4, #copy h4 a.h4:visited {color: #9d1100!important; text-decoration: underline!important;}
#copy h4 a.h4:hover {color: #9d1100!important; text-decoration: none!important;}

/*#copy ul li a {text-decoration:underline;}*/
#copy a,  #copy a:visited {
	text-decoration:underline;color:#002978;
}
#copy a:hover {
	text-decoration: underline;color:#6699cc;
}
#copy a:active{
	text-decoration:underline;color:#002978;
}
#themenu {
	float: left;
	width: 175px;
	padding:0 0 20px 0;
	margin:0;
	
}
#liquidimage { 
  width: 100%; 
  margin: 0 auto; 
} 
#liquidimageBox {
  height: 181px;
  background: url(../images/section_homepage_pic.gif) no-repeat right top;
}

/* Quick Links */

#portalcolumntwo, body.careerzine #portalcolumntwo {
	float:right;
	clear:none;	
	width:184px;
	
}

.quick_links_box {
	background-image:url(../images/quick_links.gif);
	background-repeat:no-repeat;
	height:24px;
	margin-right:0;
	margin-top:10px;
	padding-left:0;
	width:183px;
}

.related_links_box {
	background-image:url(../images/related_links.gif);
	background-repeat:no-repeat;
	height:24px;
	margin-right:0;
	margin-top:10px;
	padding-left:0;
	width:183px;
}

.quick_links {
	border:1px solid #EEEEEE;
	margin-right:0;
	margin-top:6px;
	padding:3px;
	width:176px;
	float:left;
}

.quick_links ul {
	list-style-type:none;
	margin-left:0;
	padding:3px;
	
}

.quick_links li {
	background-image:url(../images/L1_bullet.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:1.2em;
	margin-top:5px;
}

.quick_links a:link, .quick_links a:visited {
color:#00277C;
font-weight:bold;
text-decoration:none;
}

/* Videos */

.videos_box {
	background-image:url(../images/hints_tips.gif);
	background-repeat:no-repeat;
	height:24px;
	margin-right:0;
	margin-top:10px;
	padding-left:0;
	width:183px;
}
.videos_inner {
	border:1px solid #EEEEEE;
	margin-right:0;
	margin-top:6px;
	padding:6px;
	width:170px;
	float:left;
}
.videos_inner .vidtext {
	padding: 6px 0 0 0;
	font-style: italic;
}
.videos_inner ul {
	list-style-type:none;
	margin-left:0;
	padding:0;
}
.videos_inner li {
	background-image:url(../images/L1_bullet.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:1.2em;
	margin-top:5px;
}
.videos_inner a:link, .videos_inner a:visited {
	color:#00277C;
	font-weight:bold;
	text-decoration:none;
}
.videos_inner img {
	border: none;
}

/* Home page sections */

#home_content {
	width: 540px;
	float:left;
	clear:none;
}
#home_content a,  #home_content a:visited {
	text-decoration:none;color:#666666;
}
#home_content a:hover {
	text-decoration: none;color:#666666;
}
#home_content a:active{
	text-decoration:none;color:#666666;
}

#home_content a.blue,  #home_content a.blue:visited {
	text-decoration:underline;color:#002978;
}
#home_content a.blue:hover {
	text-decoration: underline;color:#6699cc;
}
#home_content a.blue:active{
	text-decoration:underline;color:#002978;
}

.careersection {
	width: 253px;
	float: left;
	height: 220px;
	margin-right: 30px;
	margin-bottom: 10px;
	display: block;
}
.careersection .logo_careers {
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}
.careersection p {
	padding: 8px;
	height: 55px;
	margin: 0;
	width:235px;
}

.careersection #careerstudents p a, a:link, a:visited, a:hover, a:active {text-decoration:none;color:#666;}
.careersection #careergraduates p a, a:link, a:visited, a:hover, a:active {text-decoration:none;color:#666;}
.careersection #careeracademic pa, a:link, a:visited, a:hover, a:active {text-decoration:none;color:#666;}
.careersection #careeremployers pa, a:link, a:visited, a:hover, a:active {text-decoration:none;color:#666;}

.careersection #careerstudents p {
	border: 1px solid #f48126;margin-left:0;
	height: 70px;
}

.careersection #careergraduates p {
	border: 1px solid #59752b;margin-left:0;
	height: 70px;
}

.careersection #careeracademic p {
	border: 1px solid #002978;margin-left:0;
	height: 70px;
}

.careersection #careeremployers p {
	border: 1px solid #948f85;margin-left:0;
	height: 70px;
}

/* Home page sections END */

/* CareerZine */

body.careerzine { text-align: left; background-color: #fff }

.careerzine h3, body.careerzine h3 {
	font-size: 1.8em;color: #9c1100;font-weight: normal; border-bottom: solid 2px #9c1100; padding-bottom: 6px; margin-bottom: 12px;	
}
#copy .careerzine h4, body.careerzine h4 {
	font-size: 1.6em;color: #9c1100;font-weight: normal; border-bottom: solid 2px #9c1100; padding-bottom: 5px; margin-bottom: 10px;	
}
#copy .careerzine h4.overline, body.careerzine h4.overline  {
	font-size: 1.6em;color: #9c1100;font-weight: normal; border-bottom: none; border-top: solid 2px #9c1100; padding: 5px 0; margin: 10px 0;
}
.careerzine .greyh2text, body.careerzine .greyh2text {
	font-size: 0.7em; color: #999999;
}
.careerzine h5, body.careerzine h5 {
	font-size: 1.2em; color: #9c1100; line-height:150%; margin:0 0 5px; padding:0;
}
.careerzine .colpadding-news, body.careerzine .colpadding-news {
	padding-top: 75px;
}
.colpadding-newsarchive {
	padding-top: 45px;
}
.careerzine .headlinepic {
	float:right; padding: 10px 0 0 5px;
}
.careerzine strong.red, body.careerzine strong.red {
	color: #9C1100;
	font-size: 1.2em;
}
/* ------------------------ 6. footer ------------------------ */
#footer{
	border-top: 1px solid #eee;
	clear: both;
	padding-top: 10px;
}
#footer p {
	color: #bbb;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

#footer a {
	color: #9F9F9F;
}

#footer a:hover, a:active {
	color: #000;
}
#footer address {
	color: #bbb;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	font-style: normal;
}
#privacyPolicy {
	float: right;
}

/* ------------------------ 7. images ------------------------ */
#homepage #liquidimageBox {
}
#employers #liquidimageBox {
}
#graduates #liquidimageBox {
}
#students #liquidimageBox {
}
#universitystaff #liquidimageBox {
}
#liquidimageBox_EmployersSub {
	background: url(../images/employers_sub.jpg) no-repeat;
	height: 121px;
	margin-bottom: 10px;
}
#liquidimageBox_GraduateSub {
	background: url(../images/graduates_sub.jpg) no-repeat;
	height: 121px;
	margin-bottom: 10px;
}
#liquidimageBox_StudentSub {
	background: url(../images/students_sub.jpg) no-repeat;
	height: 121px;
	margin-bottom: 10px;
}
#liquidimageBox_StudentCareerZine {
	background: url(../images/students_careerzine.jpg) no-repeat;
	height: 121px;
	margin-bottom: 10px;
}
#liquidimageBox_StudentCareerZineHome {
	background: url(../images/students_careerzine_home.jpg) no-repeat;
	height: 181px;
	margin-bottom: 10px;
}
#liquidimageBox_UniStaffSub {
	background: url(../images/staff_sub.jpg) no-repeat;
	height: 121px;
	margin-bottom: 10px;
}

/* ------------------------ 8. Videopages ------------------------ */

.section-videopage-container
 {
	width:570px; 
	margin: 10px 0 10px 0; 
	border: 0; 
	padding: 0; 

}
.section-videopage-left {
	width:400px; 
	margin: 10px 0 10px 0; 
	border: 0; 
	padding: 0; 
	float: left;
}

.section-videopage-right {
	float: right;
	margin: 2px 0 10px 0;
	padding: 3px;
	width:150px;
}

/* ------------------------ 9. general ------------------------ */
#accessKey {
	display: none;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.leftbtnpadding 
{
	padding: 10px 0;
}
.leftbtnpadding2 
{
	padding: 0 0 10px 0;
}

/*-------------------------------------------------------------------------video profiles-------------------------------------------------------------------------------------------------*/
.videoprofile_area {
	width: 450px;
	margin-bottom: 30px;

}
.videoprofile {
	width: 103px;
	float: left;
	height: 130px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-top: 30px;
	display: block;
}


.videoprofile h3 {
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}
.videoprofile p {
	padding: 2px;
	height: 30px;
	margin: 0;
	width:99px;
	font-weight:bold;
}
.videoprofile a:link,
.videoprofile a:visited {
	text-decoration: none;
	color: #666;
	display: block;
}
.videoprofile #profile {
	
}

.videoprofile #profile p {
	margin-left:0;
	height: 30px;
	line-height: 20px;
}
.videoprofile #profile a:hover {
	color: #f48126;
}

.textbox {
	width: 480px;
	padding: 10px;
	font-weight: normal;
	height: 540px;
	background-color: #f2f2f2;
	font-size: 1.2em;
	border:1px solid #000;
}
.thumbnails {clear:both; margin-left:0;
	width: 400px;
	padding:  0;

}
.thumb{
	float:left;
	width: 95px;
	height: 95px;
	padding:  0 30px 20px 0;

}

/*--------------- Contact Form -----------*/
    .label1
        {
            float: left;
            padding-top: 2px;
            padding-right:5px;
            width: 165px;
            text-align:right;
        }
        
    select 
    {
        width:330px;
        margin-bottom:10px;
        font-size:1em;
    }
    
    textarea
    {
        font-size:1em;
        width:330px;
        height:100px;
        margin-bottom:10px;
        font-family:Arial;
/*        margin-left:10px;*/
    }
        
        .contactinput1
        {   
            width: 200px;
			clear:right;
        }
        
        div.inputs1
        {
            padding-bottom: 2px; 
			font-size:.8em;  
			clear:left;
        } 
 
        div.submit1 {float:left; padding-left:120px}
        
        #text 
        {
            margin-left:175px;
            font-size:1em;
        }
        
        .docList {
        padding-left:175px;
        margin-top:10px;
        }
        
        .textDetail {
        float:left;
        margin-top:5px;
        width:263px;
        }
        
        .deleteBtn {
        float:left;
        }
        
        .submitBtn {
        margin: 10px 0 0 180px;
        }


/*--------------- student_sitefeedback.aspx /  -----------*/

		
		
    label
        {
            float: left;
            padding-top: 2px;
            width: 120px;
        }
        
        .contactinput
        {   
            width: 200px;
			clear:right;
        }
        
        div.inputs
        {
            padding-bottom: 2px; 
			font-size:.8em;  
			clear:left;
        } 
 
        div.submit {float:left; padding-left:120px}