/*
  Amersham and Wycombe College styles

  Palette:
    Borders:		#3E3E3E, #00527E
    Backgrounds:	#E9E9E9, #BFD3DE, white
    Text:			#D42021, black, #1A4661, #666666, #D5FFFF, #6F6F6F, #00527E
  New Palette:
  	Borders:		#3E3E3E, #00527E
  	Backgrounds:	#eaeaea, #003b99, white
  	Text:			#043465, black, #1A4661, #666666, #D5FFFF, #6F6F6F, #00527E

*/



h1                    { margin-top: 5px; font-family: Verdana, Helvetica, sans-serif; font-size: 14pt; color: #043465; font-weight: bold; line-height: 100%; }
h2                    { margin: 5px 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; color: #043465; font-weight: bold; line-height: 100%; clear:both; }
h3,h4,h5,h6           { margin-bottom: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: #043465; font-weight: bold; font-style: italic; line-height: 100%;}

#content hr           { line-height: 10px; height: 1px; background: #FFFFFF; color: #00527E; }
#content li           { list-style: circle; }

#content a            { text-decoration: underline; color: #00527E; }
#content a:link       { color: #00527E; text-decoration: underline; }
#content a:visited    { color: #52007E; text-decoration: underline; }
#content a:hover      { color: #00527E; text-decoration: none; }

#content td			  { font-size: 11px; }
#content th			  { font-size: 11px; }

/* GC 27/05/08: hack to fix overlapping image problems */
#content table {
	clear:both;
}
/* end of hack */

code                  { color: #666666; }

td.main               { border: solid 1px #00527E; margin: 5px; }
td.coursebox          { border: solid 1px #00527E; background: #003b99 url(../img/fcourse_bg.gif) no-repeat bottom right; }
td.greybox            { border: solid 1px #3E3E3E; background: #eaeaea; }
div.greybox           { border: solid 1px #3E3E3E; background: #eaeaea; }
div.greybox .header   { width: 100%; margin-top: 0px; color: #043465; font-weight: bold; background: white; padding: 5px 5px 10px 5px; }  
div.greybox .body     { padding: 7px; }

#content img[align="left"] { margin-right: 5px;}
#content img[align="right"] { margin-left: 5px;}

/* Login box */
div.login                     { width: 180px; padding: 0; border: solid 1px #00527E; background: #BFD3DE url(/img/fcourse_bg.gif) no-repeat bottom right; }
div.login h3                  { font-style: normal; color: #1A4661; background: white; margin-top: 0px; margin-bottom: 0px; padding: 5px 5px 10px 5px; }
div.login form                { margin-top: 0px; margin-bottom: 0px; }
div.login div.body            { padding: 10px 10px 45px 10px; }
div.login div.message         { color: #043465; }
div.login div.body div.field  { font-weight: bold; }
div.login div.body div.small  { font-size: 80%; }

/* Content fields */
td.content h1             { margin: 0px; }
td.content div.date       { font-weight: bold; }

table.fields td.dates      { font-weight: bold; }

/* Enquiry details */
div.enquiry h1            { margin: 0px; }
div.enquiry h2            { margin: 0px; font-size: 90%; color: #6F6F6F; }
div.enquiry div.expert    { }
div.enquiry div.expert span.field { font-weight: bold; }
div.enquiry div.expert span.name  { }

/* Further Information */
div.furtherinfo           { clear: both; border: solid 1px #3E3E3E; margin-top: 10px; }
div.furtherinfo h3        { background: white; margin: 5px 5px 10px 5px; }
div.furtherinfo div.body  { background: #eaeaea; padding: 7px; }

/* Publication Data */
table.publicationdata     { width: 400px; }
table.publicationdata th  { vertical-align: bottom; text-align: left; font-size: 80%; white-space: nowrap; font-weight: bold; }
table.publicationdata td  { font-size: 75%; padding: 5px; }

/* Top ten lists */
div.topten            { 
	border: solid 1px #3E3E3E; 
	clear:both; /* fix to stop overlapping floating media */
}
div.topten h3         { background: white; margin: 5px 5px 10px 5px; }
div.topten div.body   { background: #eaeaea; padding: 7px; }
div.topten div.body div.item  { clear: right; width: 100%; }
div.topten div.body div.item img { float: right; margin: 2px 0 2px 0; }
#content table td div.topten div.body div.item img {visibility: hidden; display: none;}

/* Related items */
div.related           { width: 100%; border: solid 1px #3E3E3E; background: #eaeaea; }
div.related .header   { margin-top: 0px; color: #043465; font-weight: bold; background: white; padding: 5px 5px 10px 5px; }  
div.related .body     { padding: 7px; }  

/* "Did you know?" box */
div.didyouknow                        { border: solid 1px #3E3E3E; }
div.didyouknow div.body               { background: #eaeaea; padding: 7px; }
div.didyouknow div.header             { font-size: 130%; background: white; margin: 5px 5px 10px 5px; font-weight: bold; }
div.didyouknow div.header div.didyou  { color: #6F6F6F; font-size: 80%; }
div.didyouknow div.header div.know    { color: #043465; padding: 0 0 0 25px; }

/* Short list (top 3 and such) */
div.shortlist                         { background: #eaeaea; border: solid #3E3E3E; border-width: 1px 1px 1px 1px ; }
div.shortlist h2                      { margin: 0; padding: 5px 5px 10px 5px; }
div.shortlist div.alsohead            { background: white; color: #043465; font-weight: bold; }
div.shortlist div.item                { padding: 5px; background: white; border: solid #3E3E3E; border-width: 0 0 0 0; }
div.shortlist div.item a.contenttitle { color: #043465; font-size: 120%; }
div.shortlist a.contentitle           { font-size: 120%;}
div.shortlist div.date                { color: #6F6F6F; font-size: 90%; font-weight: normal; }

/* Ask the experts / Enquiries form */
table.asktheexperts td.title  { color: #043465; font-weight: bold; font-size: 110%; }

/* Course search */
form.search_form            { width: 100%; text-align: center;} 
form.search_form table      { border: solid 1px #00527E; margin 5px; cell-spacing: 10; width: 400; }
form.search_form td         { padding: 2px 8px 2px 8px; text-align: left; } 
form.search_form th         { vertical-align: top; text-align: left; font-size: 75%; font-weight: bold; padding: 2px 8px 2px 8px; } 
form.search_form td.header  { column-span: 2px; padding: 10px 0 0 8px; } 

form.search_form table.checklist    { cell-spacing: 0; border: none; width: 100%; }
form.search_form table.checklist td { padding: 0; width: 10px; }
form.search_form table.checklist th { white-space: nowrap; vertical-align: middle; font-weight: normal; padding: 0 10px 0 0; }

form.search_form table.paging         { cell-spacing: 0; border: none; width: 100%; }
form.search_form table.paging td.prev { text-align: left; }
form.search_form table.paging th.prev { text-align: right; }

form.search_form td.controls    { text-align: right; border-top: 1px solid; }
form.search_form #btnDepToggle  { width: 80px; }

/* Search results */
div.results                                     { width: 610px; text-align: left; padding: 15px 0 0 0; }
div.results div.resultitem                      { padding: 0 0 10px 0; }
div.results div.resultitem div.type             { color: #043465; }
div.results div.resultitem div.title            { font-size: 130%; }
div.results div.resultitem div.class span.name  { color: #6F6F6F; }

/* Advanced search */
table.advancedsearch                      { border: 0; border-spacing: 0; border-style: solid; border-color: #00527E; border-width: 1px 1px 1px 1px; }
table.advancedsearch td                   { padding: 5px; }
table.advancedsearch td.alsohead          { font-weight: bold; }
table.advancedsearch td.titlehead         { background: #eaeaea; font-weight: bold; color: #043465; }
table.advancedsearch tr.controls td       { border-style: solid; border-color: #00527E; border-width: 1px 0 0 0; }
table.advancedsearch span.faintdatesmall  { font-size: 80%; color: #6F6F6F }

/* Quick search */
table.quicksearch               { border: 0; cell-spacing: 0; border-style: solid; border-color: #00527E; border-width: 0 1px 1px 1px; width: 95%; text-align: center; }
table.quicksearch td            { padding: 5px; text-align: left; }
table.quicksearch tr.over       { background: #eaeaea; }
table.quicksearch td.titlehead  { font-weight: bold; color: #043465; }
table.quicksearch span.faintdatesmall  { font-size: 80%; color: #6F6F6F }

/* Archived content */
table.archive                     { border: 0; }
table.archive td                  { padding: 5px; }
table.archive tr.over             { background: #eaeaea; }
table.archive td.titlehead        { font-weight: bold; color: #043465; }
table.archive span.faintdatesmall { font-size: 80%; color: #6F6F6F }

/* My account pages */
#myaccountholder                  { text-align: center; }
table.myaccount                   { width: 300px; border-style: solid; border-color: #00527E; border-width: 1px 1px 1px 1px; margin-top: 10px;}
table.myaccount th                { white-space: nowrap; width: 15%; font-weight: bold; text-align: left; vertical-align: top; font-size: 70%; padding: 0 0 0 5px; margin: 0; }
table.myaccount td                { padding: 0 0 10px 0; vertical-align: middle; }
table.myaccount td h1,h3,h3       { background: #eaeaea; padding: 5px 5px 2px 5px;}
table.myaccount td.controls       { padding: 5px; vertical-align: top; border-style: solid; border-color: #00527E; border-width: 1px 0 0 0; }
table.myaccount td div.terms      { padding: 10px 40px 0 40px; font-weight: bold; }

/* Password recovery form */
table.passwordreminder th         { font-weight: bold; text-align: left; vertical-align: middle; font-size: 70%; padding: 0 0 0 5px; margin: 0; }

/* Buttons */
button                { cursor: hand; font-size: 12px; background-color: #00527E; border:outset 1px; padding: 0 3px 0 3px; color: #FFFFFF; font-weight: bold;}
button.over           { cursor: hand; font-size: 12px; background-color: #80ABBE; border:outset 1px; padding: 0 3px 0 3px; color: #FFFFFF; font-weight: bold;}
/* Attribute selectors are CSS2 only... */
input[type="button"]  { cursor: hand; font-size: 12px; background-color: #00527E; border:outset 1px; padding: 0 3px 0 3px; color: #FFFFFF; font-weight: bold;}


.istyle               { border: solid 1px #3E3E3E; padding: 0px 5px 2px 5px; }
.whitebg              { background-color: #FFFFFF; }
.bluebg               { background-color: #00527E; }
.smtext               { line-height: 150%; font-size: 8pt; }
.bbord                { border: solid 1px #00527E; }
.wbord                { border: solid 1px #FFFFFF; }

.spvt                 { padding: 2px 0px 2px 0px; }
.sprt                 { padding: 2px 10px 2px 0px; }
.splt                 { padding: 2px 0px 2px 10px; }
.spbh                 { padding: 2px 10px 2px 10px;}

.htextb               { color: #00527E; }
.htextr               { color: #043465; }

/* Course listing */
.course_list {
	width:				40%;
	padding:			0 20px 20px 0;
	float:				left;
}
.course_list td {
	padding:			5px;
}
#content .course_list_title {
	border-width:		5px;
	width: 				100%;
	background-color:	black;
	color:				white;
	font-weight:		bold;
	font-size:			16px;	
	line-height:		23px;
	overflow:			hidden;
	
}
#content .course_list .course_list_title a:link, #content .course_list .course_list_title a:visited {
	color:				white;
	font-weight:		bold;
	font-size:			12px;
}
td.course_list_image {
	border-width:		5px 5px 5px 0;
	height:				33px;
	padding:			0px;
	text-align: 		right;
}
td.course_list_image img {
	
}
.course_list_body {
	background-color:	#eaeaea;
	border-width:		0;
	height:				100px;
	vertical-align:		top;
}
.course_list_body h5 {
	margin:				10px 0;
}

#FULL_list td {
	border-color:		blue;
	border-style:		solid;
}
#PART_list td {
	border-color:		#007700;
	border-style:		solid;	
}
#HIGH_list td {
	border-color:		red;
	border-style:		solid;
}
#BUSI_list td {
	border-color:		#777;
	border-style:		solid;
}

/* Department list */
.department_list {
	width:				45%;
	padding:			0 20px 20px 0;
	float:				left;
	min-width:			300px;
}
.department_list td {
	padding:			5px;
}
.department_list_title {
	border-width:		2px;
	border-color:		#00229a;
	border-style:		solid;
	background-color:	#eaeaea;
	color:				white;
	font-weight:		bold;
	font-size:			11px;	
	line-height:		15px;
	overflow:			hidden;
}
#content .department_list .department_list_title a:link, #content .department_list .department_list_title a:visited {
	color:				black;
	font-weight:		bold;
	font-size:			11px;
}
td.department_list_image {
	border-width:		2px 2px 2px 0;
	border-color:		#00229a;
	border-style:		solid;
	width:				95px;
	height:				25px;
	padding:			0;
}

/* Album */
#album {
	/*position:			relative;
	top:				-26px;*/
	float:				right;
	margin:				0px 5px 5px 5px;
	border:				1px solid black;
	padding:			0px 5px;
}
#album #next {
	text-align:			right;
}
#album #caption, #album #index {
	text-align:			center;
}
#album #caption, #album #next, #album #prev, #album #index {
	padding:	5px;
}
#album span {
	color:				#043465;
	cursor:				pointer;
	text-decoration:	underline;
}
#album span:hover {
	text-decoration:	none;
}

/* Floating desc img boxes */
div.twobyone {
	float:				left;
	width:				45%;
	margin:				0 20px 10px 0;
	border-style:		none;
}
div.twobyone table td.twobyone_title {
	border-width:		2px;
	border-style:		solid;
	border-color:		#eaeaea;
	width:				100%;
	padding:			5px;

}
div.twobyone table td.twobyone_image {
	border-width:		2px 2px 2px 0;
	border-style:		solid;
	border-color:		#eaeaea;
	padding:			0;
	margin:				0;
	text-align: 		right;
	vertical-align:		middle;
}

/* Site map */
#sitemap {margin-bottom: 20px;}
div.nest div.nest {padding-left: 20px;}
div.nest {font-size: 14px;}
div.nest div.nest {font-size: 12px;}
div.nest div.nest div.nest {font-size: 11px;}

/* Misc */
div.grey {
	padding:			5px;
	margin:				10px 0px;
	background-color:	#eaeaea;
}

td.spacer {
	width:				20px;
}

/* Page footer */

td.footmen            { color: #FFFFFF; font-size: 8pt; padding: 2px 2px 2px 2px; }
td.footmen a          { text-decoration: underline; color: #FFFFFF; }
td.footmen a:link     { color: #FFFFFF; text-decoration: underline; }
td.footmen a:visited  { color: #FFFFFF; text-decoration: underline; }
td.footmen a:hover    { color: #FFFFFF; text-decoration: none; }
td.footer             { font-size: 8pt; padding: 2px 2px 2px 2px; }