/* home.css for contact website */
/* edited by 

 s.crouch - 11 Dec 2008 -
    layout of regional contacts list altered

 s.crouch - 27 Sep 2007 - 
	layout of normal unordered lists altered to save space

 s.crouch - 11 Jan 2007 - 
 	New sections for FAQ and contact us via FAQ pages

 s.crouch - 15 Feb 2006 - 
 	Removed all redundant tags, 
 	improved formatting,
	re-ordered into different sections and added comments for each section

*/

/* Generic layout stuff */
body { 
	margin:0 auto;
	width:88%;
	font-family:verdana,arial,sans-serif; 
	font-size:xx-small; 
}
div.spacer {	clear:both;} 
img.right {	float:right;}
a.top { position:relative; top:5px; float:right; color:#00B0AB; text-decoration:none; font-weight:bold;}
a.back {text-decoration:none; color:#03c;} 




/*******************/
/* start - columns */
/*******************/
/* Override the default nav layout */
div#hornav 
{
	margin: 0 !important;
}

div.all_content { 
	text-align:left;  
	/*margin: 0 6% 30px 6%; */
	border:1px solid #e4e4e4;  
	border-top:none;
	background:none repeat scroll 0 0 white;
	/*width: 87.7%;*/	/* Width is needed to avoid peekaboo bug */
}  

div.page_content { 
	padding:20px 0px 20px 10px; 
}

div.col1 { 	  
	width:200px; 
	float:left; 
	margin:0px;  
	padding:0px; 
}

div.col1_allpage { 	  
	width:180px; 
	float:left; 
	margin:0px;  
	padding:0px; 
}

div.col1_nav {
	width:170px; 
	float:left; 
	margin:0px;  
	padding:0px; 
}

div.page_content2 {
	position:relative;
	padding:0px;
	left: 130px;
	top: 80px;
} 

div.page_content2   div.col2and3 { 
	padding:20px 0px 0px 20px; 
}

div.col2and3, div.col2and3_allpage  {   
	width:64%; 
	height:100%; 
	float:left; 
	padding: 0 0 0 10px
}

div.col2and3_allpage  {   
	width:70%;	 
}

div.col2, div.col2_world { 	
	float:left; 
	margin:0px; 
	width:40%; 
	padding:0px 5px 0px 0px;  
}

div.col2_world {
	position:relative; 
	height:auto;
}

div.col3, div.col3_world {
	 float:left;
	 margin:0px;
}

div.col3_world  {
	position:relative;
}

div.col2and3_all  {   
	width:80%;
	height:100%;
	padding:10px 40px; 
}




/* start - content */
div.border_image img {	
	border: 1px solid #ccc;
}

p, p.normal {font-size:115%;}
p, p.normal ul li { 	font-size:100%;}
p, p.normal, p.text {	margin:0px 0px 20px 0px; font-size:125%; line-height:1.5em;}
p a, p.normal a {color:#03c; text-decoration:none;}

p.index_prospectus {
	font-size: 120%;
	margin: 10px 0px;
	background-image: url(../img/sm_pros1.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 10px 25px;
}


/* Unordered list standard look */
ul.normal {
	font-size:125%; 
	list-style:square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

ul.normal li { 
	padding: 0px 0px 10px 0px;
}

ul.normal div.home_address {
	color: #000;	
	margin:5px 0px 0px 0px; 
	padding:0px; 
	line-height:1.3em; 
}

ul.normal a {
	color:#03c; 
	text-decoration:none;
}

ul.normal h3.home {
	font-size:100%;
}

/* The see courses in your area text located on the details.aspx page */

div.see_courses {
	padding:5px; 
	border:1px solid #ccc; 
}

div.see_courses p {
	padding:0px 0px 0px 15px; 
	margin:0px; 
	background-image: url(../img/littlecourse.gif); 
	background-repeat:no-repeat; 
	font-size:115%; 
	line-height:1.5em; 
}

div.see_courses p  a {
	text-decoration:none; 
	color:#03c;
}

/* Paragraph tags used on many of the pages */
p.sm {	font-size:115%; color:#333; margin:0px; padding:0px;}
p.home_text {	font-size:125%; line-height:1.5em;}
p.home_text a {color:#03c; text-decoration:none;}
p.italic {	font-style:italic;}
p.home_address { color: #000;	margin:5px 0px 20px 0px; padding:0px; font-size:125%; line-height:1.3em; }
p.home_address a {color:#03c; text-decoration:none;}
p.home { color: #000;	margin:5px 0px 20px 0px; padding:0px; font-size:125%; line-height:1.3em; }

/************/
/* Headings */
/************/

h1{
	color:#000; 
	margin:0px; 
	padding:0px 0px;  
	font-family:  Trebuchet MS, Verdana, arail; 
	font-weight:bold; 
	font-size:180%; 
}

h1.home_g { 
	margin:0px 0px 10px 0px; 
	padding:0px; 
	font-family:  Trebuchet MS , Verdana; 
	font-weight:normal; 
	font-size:190%;  
}

h2 { 
	color:#666;
	margin:0px; 
	padding:0px 0px;  
	font-family:  Trebuchet MS, Verdana, arail; 
	font-weight:bold; 
	font-size:160%; 
}

h2.home, h2.home_g {  
	margin:0px; 
	padding:0px 0px;  
	font-family:  Trebuchet MS, Verdana, arail; 
	font-weight:normal; 
	font-size:160%; 
}

h2.home_g  {	
	padding: 0px 0px 3px 0px; 
	color:#00B0AB; 
	font-weight:bold;
}


h3 { 
	font-weight:bold; 
	font-size:125%;  
	margin:0px; 
	padding:0px 0px 0px 0px; 
	color:#444444; 
}

h3.home { 
	color:#000; 
	font-weight:bold; 
	font-size:125%;  
	margin:10px 0px 5px 0px; 
	padding:0px 0px 0px 0px; 
}

h3.home_g2 {
	padding:0px 0px 3px 0px; 
	margin:0px 0px; 
	color:#000;  
}

h3.home_g2 span.normal {
	font-size:100%;
}

span.compulsory {
	color:red;
}


h4 {
	color:#666; 
	font-weight:bold; 
	font-size:120%; 
	margin:10px 0px 0px 0px; 
	padding:0px;
}



p.subtitle, p.subtitle_dark { color:#666; margin:0px; padding:0px; font-size:125%; padding:0px 0px 10px 0px;}
p.subtitle_dark 
{ 
	color:#000;
}

a {	text-decoration :underline; font-weight:normal; color:#666;}
a:hover {	text-decoration :underline; font-weight:normal; color:#000;}


/* OU campus maps  */

div.map_text { font-size:125%; color:#000; float:left; width:90px;}
div.map_text a{ text-decoration:none; text-align:center; color:#000;}
div.map_text a:hover{ text-decoration:underline;  text-align:center; color:#009999;}
div.map_text img {	margin:5px 20px 20px 0px; padding:1px; border:1px solid #ccc;}
div.map_text p {text-align:center;	}




/* short lists of contacts (world list) */
ul.contacts {	
	margin: 10px 0px 10px 0px;
	padding: 0;
}

ul.contacts li {
	list-style:none; margin:0px; padding:0px 5px 5px 10px; 
	background-image: url(../img/cont_arr.gif); 
	background-repeat:no-repeat; background-position:top left;
}

ul.contacts li a {
	font-size:125%;  
	text-decoration:none; 
	color:#000;	
}
	
	
/* short lists of contacts (world list, OU regions) */
ul.region_contacts {	
	margin: 10px 0px 10px 0px;
	padding: 0;
}

ul.region_contacts li {
	list-style:none; 
	margin:0px; 
}

ul.region_contacts li a {
	font-size:125%;  
	text-decoration:none; 
	color:#000;	
}
	
	
/* The grey querybox on the contact homepage, email and thankyou pages */
div.query_box2 {
	background-color:#f4f4f4; 
	margin:0px 0px; 
	padding:3px 5px 5px 10px; 
	border:1px solid #ccc; 
}

div.query_box2 p {	
	font-size:125%; 
	margin:0px;
}

div.query_box { 
	width:auto;	
	background-color:#f4f4f4; 	
	margin:0px 0px; 
	padding:3px 5px 5px 10px; 
	border:1px solid #ccc; 
}

div.info_box { 
	width:auto;	
	background-color:#ffffcc; 	
	margin:0px 0px; 
	padding:3px 5px 5px 10px; 
	border:1px solid #ffcc66; 
}
  
div.query_box p.home_text_g { 
	font-weight:bold;
	padding:3px 0px; 
	margin:0px; 
	font-size:125%;
}

/*start - forms */

form {padding:0px;margin:0px;}
span.normal {	font-weight:normal; }

input.button,   input.button_p  {
	font-size:115%; 
	padding:1px 4px; 
	cursor:default;
	background: url(../img/back_greenbutton.gif); 
	font-weight:bold; 
}

/* The send an email form uses a table - for some reason called home_form */
table td {	vertical-align:top;}
table.home_form td {font-size:125%; padding:0px 0px 5px 0px;}
table.home_form td.leftcell {width:40%; font-size:125%; padding:0px 0px 5px 0px;}
table.home_form input {font-size:115%;}
table.home_form input.button {font-size:85%; font-weight:bold;}
input.std	{	width: 240px;}
	

div.form p {	font-size:125%; padding:3px 0px;}
div.form input {	font-size:100%;} 
div.form select {	font-size:1.1em;}

select.home, input.home {	font-size:125%; }


/* start - Event Page related CSS */

div.box { position:relative; margin:0px; padding:0px 10px 0px 10px; 	border:1px solid #ccc;}
div.box a {	
	font-weight:bold;
} 
div.box a:hover {	
	font-weight:bold;	
}

/* The individual event box */

div.events_box { margin:0px; background-color:#f4f4f4; padding:6px 10px 10px 10px; 	border:1px solid #ccc;}
div.events_box p.normal { margin-left:30px; padding:0px;width:300px;}
div.events_box form { margin-left:30px; }
div.events_box form input.text {margin:5px 0px; border :1px solid #999; font-size:130%; width:131px;}
div.events_box form select  {font-size:120%; font-family:  Verdana, Arial, sans serif; }
div.event { margin:0px; padding:0px; 	border:1px solid #ccc;}
div.event table td {padding:0px; margin:0px;}
div.event p {font-size:125%; margin:0px;  padding:2px 3px 3px 3px; line-height:1.5em;}
div.event p.description {font-size:125%;  padding:2px 10px 3px 3px; }
div.event p.date { }
div.event p.field {color:#666; width:70px; float:left; font-size:115%; }
div.event p.description img {float:right; border:solid 1px #ccc; margin:0px 0px 0px 15px;}
div.event tr.title td p {font-size:125%; font-weight:bold; }
div.event tr.title td {border-bottom:1px dashed #ccc;}

/* Symbols for events */
div.symbols {margin-top:20px;}
div.symbols img {position:relative; top:6px; }
div.symbols p {font-size:115%; margin:0px; padding:0px; position:relative; top:1px; }

/* The event image (sits to the right of the event text) */
img.events { 
	float:left; 
	margin:0px 0px 0px 0px; 
	padding:5px 0px 0px 0px; 
	position: relative;
}


div.onpage { position:relative; margin:0px 0px 30px 0px; padding:0px 0px 5px 0px; 	border:1px solid #ccc;}
div.onpage ul { margin:5px 0px; padding:0px;}		
div.onpage ul li {list-style:none;	font-size:115%; margin: 2px 5px; padding: 5px 0px 0px 12px ; background-image : url(../img/down_arr.gif); background-repeat: no-repeat; background-position:left;} 
div.onpage ul li a  { text-decoration:none;}  
p.onpage_title, p.onpage_title_b, p.onpage_title_l {padding:0px; margin:5px 5px; font-weight:bold; color:#00B0AB; font-size:125%;} 	
p.onpage_title_b {	color:#000; }
p.onpage_title_b span.normal {font-size:100%;}
p.onpage_title_l { 
	color:#000;
	font-weight: normal;
}

ul.onpage {
	list-style:none; margin:0px 0px 20px 0px; font-size:125%; 
}
ul.onpage li {padding: 5px 0px 0px 15px ; background-image : url(../img/down_arr.gif); background-repeat: no-repeat; background-position:left;}


/* search pages  */
.result {font-size:125%;	border-top: 1px dashed #ccc;	padding: 6px;}
.result img {	border:none;}
p.title {	margin:4px;}
p.desc {margin:2px;}
p.url {font-size: 85%;	margin:2px;}


/* For that ask a question thing that still hasnt been implemented 
div.ask {width:auto;	position:relative;  background-image: url(../img/ask5.jpg); margin:0px 0px 0px 0px; padding:0px; border:1px solid #ccc; } 
div.ask_text {padding:10px 10px 10px 10px;}
div.ask textarea { margin-left:0px;}
div.ask input.button, div.ask2  input.button { background-color:#fff; font-size:1.1em; cursor: pointer;}
*/

/***************/
/* FAQs layout */
/***************/

ul.faq_c {
	margin:0 0 0 22px;
	padding:0;
}

ul.faq_c li {
	font-size:130%;
	padding:2px 2px 2px 0;
	margin:5px 0 5px 0;
	list-style:none;
}

ul.faq_c li a {
	list-style:none;
	padding:0 0 0 20px;
	font-weight:normal;
	background-image:url(../img/question_arr.gif);
	background-repeat:no-repeat;
}

div.col50a {
	width:360px;
	float:left;
}

div.col50b {
	width:auto;
	float:left;
}

div.col50d {
	width:28%;
	float:left;
	margin:0;
	padding:0 16px 0 30px;
}

div.col50c {
	float:left;
	border-left:1px solid #ccc;
	padding:0 10px 0 10px;
	margin:0;
	width:56%;
}

div.col0c {
	float:left;
	width: 100%;
}

#firstcol_wider2 {
	padding:10px;
	margin:0 10px 0 0;
}

ul.faq_d {
	margin:10px 0 20px 0;
	padding:0;
	list-style-type:none;
	font-size:130%;
}

ul.faq_d li {
	background-image:url(../img/question_arr.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	margin:0;
	padding:4px 0 4px 16px;
}

ul.faq_d li img {
	margin:0 0 -2px 25px;
}

ul.faq_d li a { 
	color:#0033cc;
	text-decoration: none; 
}

ul.faq_d li a:hover {
	color:#0033cc;
	text-decoration: underline;  
 }

ul.faq_d li.sel1 {
	color: #0033cc;
	font-weight:bold;
}

ul.faq_d li.sub {
	background-position:16px 2px;
	padding:2px 0 2px 32px;
}

ul.faq_d li.sel2 {
	background-position:16px 2px;
	padding:2px 0 2px 32px;
	color:#c00;
	font-weight:bold;
}

div.col50c p, div.col50d p {
	font-size:120%;
	margin:0;
	padding:0;
}

div.col50c span.heading {
	font-size: 125%;
	color:#0033cc;
	font-weight: bold;
}

div.col50c p.more {
	margin:10px 0 0 0;
	color:#666;
}

div.col50d form {
	margin:6px 0 0 0;
	padding:0;
}

div.col50d input.t {
	width:160px;
}

div.col50d input.s {
	font-size:139%;
	background-color:#fff;
	color:#c00;
}

div.col50c input.s {
	font-size:100%;
	background-color:#fff;
	color:#c00;
}

div.col50c div.faqa {
	background-image:url(../img/form.gif);
	background-repeat:repeat-x;
	width: auto;
	margin:0 0 0 0;
	border:1px solid #999;
}

div.col50c div.faqa div.faqwhite {
	padding:8px 8px 8px 8px;
}

div.col50c div.faqa div.faqblue {
	background-color:#f0f5ff;
	padding:4px 4px 4px 4px;
	margin-top: 25px;
}

div.col50c div.faqa h3 {
	font-size:130%;
	color:#0033cc;
	font-weight:bold;
	margin: 0px 0px 8px 0px;
	padding:0;
}

div.col50c div.faqa p {
	font-size:130%;
	line-height:140%;
	margin:0;
}

div.col50c div.faqa p.sml {
	font-size:120%;
	margin:0 8px 8px 4px;
	padding:0;
}

div.col50c div.faqa input {
	margin:4px 0 -3px 0;
	padding:0;
}

div.faqtooltip {
	background-color:#ffe;
	color:#000;
	position:absolute;  
	visibility:hidden;
	width:30em;
	font-size:120%;
	border:1px solid #666;
	padding:5px;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	margin:0;
	left:0;
	z-index:100;
}

div.col50c ul.faqlist {
	margin:16px 0;
	padding:0;
	font-size:130%;
	list-style-type:none;
}

div.col50c ul.faqlist li {
	margin:0;
	padding:0 0 0 20px;
	background-image:url(../img/question.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
}

div.col50c ul.faqlist li a {
	color:#0033cc;
	text-decoration:none;
}

div.col50c ul.faqlist li a:hover {
	color:#0033cc;
	text-decoration:underline;
}

div.col50c ul.faqlist2 {
	font-size:130%;
	margin:10px 0 0 16px;
	padding:0;
}

div.col50c ul.faqlist4 {
	font-size:130%;
	margin:4px 0 -4px 40px;
	padding:0;
	list-style-type:circle;
}

div.col50c ol.faqlist3 {
	font-size:130%;
	margin:10px 0 0 24px;
	padding:0;
}

div.col50c ul.faqlist2 li, div.col50c ol.faqlist3 li, div.col50c ul.faqlist4 li {
	margin:0;
	padding:1px 0;
	line-height:140%;
}

div.col50c a {
	color: #0033cc;
	text-decoration: none;
}

div.col50c a.blue:hover {
    color: #0033cc;
    text-decoration: underline;
}

textarea.faq {
	margin:0;
	width:95%
}

p.faqalert {
	font-size:130%;
	line-height:150%;
	vertical-align:top;
	padding:8px;
	margin:10px 0 10px 20px;
	color:#000;
	width:600px;
	border:1px solid #c00;
}

p.faqalert strong { color:#c00; }

/************************/
/* Voice contact layout */
/************************/

div.contact_div {
	background-image:url(../img/form.gif);
	background-repeat:repeat-x;
	margin-left:20px;
	border:1px solid #ccc;
	width:90%;
}

div.contact_div table {
	width:95%;
	font-size:120%;
}

div.contact_div table.md {
	width:auto;
	margin:4px 0 0 0;
	padding:0;
}

div.contact_div table.md td {
	padding:1px 4px 0 0;
	margin:0;
}

div.contact_div table.md th {
	font-size:80%;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:bold;
}

div.contact_div table.md td.md { padding:5px 8px 0 0; }

div.contact_div table.md td.pc { font-size:85%; padding:4px 16px 8px 0; }

div.contact_div table.md td.subj { font-size:85%; padding:4px 0 0 0; }

div.contact_div table td.cdh { width:8em; }

div.contact_div table td textarea {
	margin:0;
	padding:0;
	width:95%;
	overflow:auto;
}