/*	general styles
---------------------------------------- */
body {margin:0; background-color:#cc256b;}
body, div, span, p, th, td, input, textarea, select {font-size:11px; line-height:20px; font-weight:normal; font-family:verdana;}
h1, h2, h3 {margin:0; padding:0; color:#cc256b; font-weight:normal;}
h1 {font-size:1.7em;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em;}

a {text-decoration:none;}
 a img {border:none;}

/*	layout
------------------------ */
#shadow-top {margin-left:auto; margin-right:auto; width:934px; height:223px; background:transparent url(../images/shadow-top.gif) no-repeat left bottom;}
#shadow {margin-left:auto; margin-right:auto; width:934px; background:transparent url(../images/shadow-middle.gif) repeat-y left;}
#container, #footer {margin-left:auto; margin-right:auto; width:763px;}

/*	navigation
------------------------ */
#nav {background:transparent url(../images/background-navigation.png) repeat-x left; color:#fff; height:28px; padding-top:7px; text-align:center; border-bottom:10px solid #fff;}
 #nav a {color:#fff; padding:10px 5px;}
 #nav a:hover, #nav a.current {color:#000;}

/*	news block
------------------------ */
#news {height:220px; margin-bottom:10px;}
#news-left, #news-centre, #news-right {float:left; height:220px;}
#news-left {width:187px;}
 #news-left img, #news-right img {border:1px solid #cc256b;}
/* IE6 Hack */
* html #news-left img, * html #news-right img {border:none;}

#news-centre {width:172px; margin-left:5px; margin-right:3px;}
 #news-centre img {display:block;}
 #news-centre #news-items {border:1px solid #e3e5e5; border-top:none; height:200px; padding-top:5px;}
  #news-centre #news-items h1 {font-size:1.3em;}
  #news-centre #news-items h1, #news-centre #news-items p {color:#717171; padding:0 5px; line-height:12px;}
  #news-centre #news-items a {color:#cc256b;}
  #news-centre #news-items a:hover {text-decoration:underline;}

#news-right {width:394px;}

/*	crossfade
------------------------ */
ul.crossfade {position:relative; padding:0; margin:0; list-style:none;}
 ul.crossfade li.cf-element {position:absolute; top:0; left:0; visibility:hidden; color:#515151; line-height:12px;}
  ul.crossfade .cf-element p {padding:0; margin:5px 0;}
  ul.crossfade li.cf-element a {color:#cc256b; display:block;}

/*	content area
------------------------ */
#content {}
 #content #content-left, #content #content-right {float:left;}
 #content #content-left {}
  #content #content-left .cl-item {width:182px; margin-right:10px; margin-bottom:10px; padding:4px; border:1px solid #e3e5e5;}
   #content #content-left .cl-item p {line-height:12px;}
 #content #content-right {width:561px;}
 /* IE 6 Hack */
 * html #content #content-right {width:551px;}

#content a {color:#cc256b;}
#content a:hover {color:#8f0841;}

ul.news {margin:0; padding:0; list-style:none;}
 ul.news li {border-bottom:1px solid #e3e5e5;}

p.back {border-top:1px solid #e3e5e5; margin-top:5px;}

/*	forms
------------------------ */
#cform {width:75%;}
input, textarea, select {width:99%; line-height:1.0em;}
textarea {height:150px;}
input.submit {color:#fff; background-color:#cc256b; border:1px solid #cc256b; text-align:center; width:150px; padding:4px 0; margin-top:5px; cursor:pointer;}
label.error {margin:5px 0; padding:5px; background-color:#ff0000; color :#fff; font-weight:bold; clear:both; display:block;}

/*	tables
---------------------------------------- */
table.courses {border-collapse:collapse; border:1px solid #e3e5e5; width:100%;}
 table.courses tr.on {background-color:#f4f5f5;}
 table.courses th, table.courses td {padding:1px 3px;}
 table.courses th {color:#fff; background-color:#cc256b;}
 table.courses td.title {width:40%;}
 table.courses td {vertical-align:top; border:1px solid #e3e5e5;}

/*	footer area
---------------------------------------- */
#footer-shadow {margin-left:auto; margin-right:auto; width:934px; padding-top:55px; background:transparent url(../images/shadow-bottom.gif) no-repeat top center;}
#footer, #footer span {font-size:9px; line-height:11px; color:#000;}
 #footer span#splash {float:right;}
 #footer a {color:#000;}
 #footer a:hover {color:#000; text-decoration:underline;}

/* repetitive
---------------------------------------- */
.clearfix {clear:both;}
.error {color:#981b01;}
.back {border-top:1px solid #d1d3d4;}