/* the following styles overwrite and compliment those in 
the files: CSS/File,14456,en.css and CSS/File,14383,en.css and*/

#container { background-image: none; }
#pageheader { background-color: transparent; 
  background-image: url(/images/headers/File,31652,en.png); 
  background-repeat: no-repeat; height: 117px; z-index: 500; }


/* IE 6 hacks */
* html #menu { width: 675px; margin-left: 245px; } /* resize/reposition the menu for IE6 to stop it breaking the #container width.  Possible box-model issue with main uni stylesheets? */


h1 { font-size: 1.5em; color: black; margin: 0; padding: 12px 0px 12px 55px; margin-bottom: 12px; }
h1.homepage { background-color: white;  font-size: 1.5em; color: #003E7E; 
margin: 0; padding: 26px 0px 12px 18px; }
h2 { font-size: 1.3em; color: #003E7E; margin: 0; padding: 6px 0px 6px 0px;  }


a { color: #003E7E; }
a:visited { color: #668099; }
a:hover { color: #668099; }



p { padding: 0 0 4px 0; margin: 0; }


.clear { clear: both; }
.introduction { font-weight: bold; padding-bottom: 12px }


/*
----------------------------------------------------------------------------- 
GLOBAL STYLE DEFINITIONS
----------------------------------------------------------------------------- 
*/
#wrapper { padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif; background: white top right repeat-y; }

#wrapperHeader  { background: white; position: absolute; top: 86px; right: 12px; }

#wrapperConferences { background: white url(/images/backgrounds/File,31643,en.jpg) bottom left no-repeat; min-height: 560px; }
* html #wrapperConferences {
  height: 560px;
}
/*
----------------------------------------------------------------------------- 
HOMEPAGE SPECIFIC DEFINITIONS
----------------------------------------------------------------------------- 
*/

#boxes { position: absolute; padding: 0px 1px; top: 150px; left: 300px; width: 609px;
  background: url(/images/backgrounds/File,31637,en.gif) bottom left no-repeat; }
#boxconferences, #boxgroupsandholidays, #boxfieldcourses { float: left; margin-right: 11px;
  border-top: 1px solid blue; width: 195px;  min-height: 270px; top: 150px; background-color: white;
  font-size: 0.85em; overflow: auto; padding-bottom: 22px; 
}
#boxconferences img, #boxgroupsandholidays img, #boxfieldcourses img { margin: 4px; }
#boxconferences p, #boxgroupsandholidays p, #boxfieldcourses p { margin: 0px 8px 6px 8px; }
#boxconferences { left: 300px; }
#boxgroupsandholidays { left: 506px; }
#boxfieldcourses { left: 712px; margin-right: 0px; }


.readmore { position: absolute; bottom: 0px; width: 100%; }
.readmore a { background: url(/images/backgrounds/File,31640,en.gif) top left no-repeat; display: block; 
  height: 23px; width: 92px; color: white; text-decoration: none; text-align: center; line-height: 23px; margin-left: 86px; }
#boxconferences .readmore a { background-image: url(/images/backgrounds/File,31640,en.gif); color: white; }
#boxconferences .readmore a:hover { color: #ccc; }
#boxgroupsandholidays .readmore a  {  background-image: url(/images/backgrounds/File,31639,en.gif); color: white;  }
#boxgroupsandholidays .readmore a:hover { color: #ccc; }
#boxfieldcourses .readmore a {  background-image: url(/images/backgrounds/File,31638,en.gif); color: white;  }
#boxfieldcourses .readmore a:hover { color: #ccc; }


#introductionbox { position: absolute; top: 201px; width: 257px; min-height: 143px; background-color: #0753AC; margin-left: 12px; overflow: auto;
  font-size: 0.85em; color: #0753AC; padding: 4px 10px 18px 10px; }
#introductionbox { filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }
#introductionbox * { visibility: hidden; }
#introductiontext { position: absolute; top: 201px; width: 257px; min-height: 143px; margin-left: 12px; 
  font-size: 0.85em; color: white; padding: 4px 10px 18px 10px }


#contactbox { position: absolute; left: 618px; top: 535px; width: 270px; min-height: 120px; background-color: #0753AC;
  font-size: 0.85em; color: #0753AC; padding: 8px 10px 4px 10px; }
#contactbox { filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }
#contactbox * { visibility: hidden; }
#contacttext { position: absolute; left: 618px; top: 535px; width: 270px; min-height: 200px;  padding: 8px 10px 4px 10px;
  font-size: 0.85em; color: white; }    
#contacttext img, #contactbox img { padding-bottom: 4px; }
#contacttext a { color: white; }

/* overwrite default line-height for boxes */
#boxconferences, #boxgroupsandholidays, #boxfieldcourses { line-height: 1.3em; }


/* override quicklinks styles */
#quicklinks { position: absolute; top: 430px; left: 20px; }
#quicklinks li ul a { line-height: 12px; font-size: 90%;}
#quicklinks li ul a:visited { line-height: 12px; font-size: 90%;}
#quicklinks li ul a:hover { line-height: 12px; font-size: 90%;}



/*
----------------------------------------------------------------------------- 
SUB-PAGE SPECIFIC
----------------------------------------------------------------------------- 
*/

/* column styles */
.conferencesRight { padding: 0; margin: 0; float: right; width: 207px; padding-top: 32px;  }
.conferencesLeft { padding: 0; margin: 0; float: left;  width: 200px; padding-top: 32px; }
.conferencesMiddle { margin-left: 200px; margin-right: 207px; padding-right: 12px; }

/* sidebar images */
#btnReadMonthly a, #btnSeeSwansea a, #btnContactUs a { display: block; width: 199px; height: 111px;
  background: transparent url(/images/links/File,31645,en.jpg) 0px 0px no-repeat; margin-bottom: 8px;
  border: none; text-decoration: none; }
#btnReadMonthly a span, #btnSeeSwansea a span, #btnContactUs a span { visibility: hidden; }
#btnReadMonthly a { background-image: url(/images/links/File,31646,en.jpg); }
#btnSeeSwansea a { background-image: url(/images/links/File,31647,en.jpg); }
#btnContactUs a { background-image: url(/images/links/File,31645,en.jpg); }
#btnReadMonthly a:hover, #btnSeeSwansea a:hover, #btnContactUs a:hover {  background-position: 0px -112px; }

/* center content styles */
.conferencesMiddle .introduction h2 { font-weight: bold; font-size: 1.6em; color: #005AC6; }
.conferencesMiddle .introduction p { font-size: 0.9em; font-weight: bold; }
.conferencesMiddle .introduction { padding-bottom: 0px; margin-bottom: 8px; border-bottom: 1px solid #005AC6;}

.imagepadder {
  clear: both;
  height: 224px;
}

/*
----------------------------------------------------------------------------- 
LEFT HAND NAVIGATION STYLING
-----------------------------------------------------------------------------
*/

#navlist {list-style:none;padding-left: 10px; margin-left: 0px; width: 180px; float:left;}
#navlist li{margin: 0; padding: 0.10em; border-bottom: 1px solid gray;}
#navlist li a { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 97%; font-weight: bold; color: #0068C6;}
#navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 97%; font-weight: bold; color: #cccccc;}


/*
----------------------------------------------------------------------------- 
BREADCRUMB STYLING
-----------------------------------------------------------------------------
*/
#breadcrumbs {padding-top: 12px; padding-bottom: 8px;font-family: arial, helvetica, sans-serif; font-size: .8em; padding-left:12px; }
#breadcrumbs a { color: #0066cc; text-decoration: none; }
#breadcrumbs a:hover { color: #000000; text-decoration: underline;}
#breadcrumbs, #breadcrumbs ul, #breadcrumbs ul li { list-style: none; }
#breadcrumbs ul li{font-size: 80%; color: #0066cc;  display: inline; list-style-type: none; margin: 0px; line-height: 10px;}
#breadcrumbs ul {	margin:0px;padding: 0px; width: 100%;}