/*
Title:      Master styles for screen media
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	01/02/10
Updated:    01/02/10
*/

html { margin:0; padding:0; width:100% }
body { margin: 0; padding: 0 0 30px 0; border: 0; font: 12px arial, verdana, tahoma, arial, Trebuchet, "Trebuchet MS", sans-serif; text-align: center; min-width: 940px; color: #666; background: #eeeeee; }

/* ---[ links ]------------------------------- */

a:link { color: #cc3600; }
a:visited { color: #cc3600; }
a:hover { color: #336; }
a.link { color: #cc3600; font-size: 14px; text-decoration:none; margin:0; padding: 6px 20px 10px 0; background: url(/images/orangearrow.gif) no-repeat right 7px; }
a.link:hover { color: #336; background: url(/images/purplearrow.gif) no-repeat right 7px; }

/* ---[ common elements ]--------------------- */

p { margin: 0 0 0 0; padding: 0 0 10px 0; }
h1 { font-size: 18px; font-weight: normal; color: #336; margin: 0 0 15px 0; padding: 0; font-family:Georgia;}
h2 { font-size: 16px; font-weight: normal; padding: 0; margin: 0 0 14px 0; color: #333; font-family:Georgia; }
h2 a { text-decoration: none; }
h3, h4, h5 { font-size: 90%; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
em { font-style: italic; }
strong { font-weight: bold; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.smaller { font-size: 11px; }
ul { margin:0 0 1em 2em; padding:0; } 


/* ---[ top ]------------------------------- */

#outer { width: 940px; margin: 0 auto; padding: 0 15px 0 15px; text-align: left; background: #fff url(/images/footerbg.gif) no-repeat bottom center; }

#header { background: #fff url(/images/headerbg.png) no-repeat; width: 940px; margin: 0; padding:0; }
#logo { margin:0; padding: 15px 0 23px 0; }
#strapline p { font-family:Georgia, "Times New Roman", Times, serif; text-align:right; padding: 35px 80px 0 0; font-size:22px; color: #fff; font-style:italic; }
#hpoutercontent { padding: 15px; background: #fff url(/images/contentbg.png) no-repeat; }
#outercontent { padding: 20px; background: #fff url(/images/contentbg.png) no-repeat; }
#content { padding: 10px; }
#contentfooter { margin: 0; padding: 0; height: 20px; background: #edede3 url(/images/endcurve.gif) no-repeat; }

div.panes div { display:none; }


.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}

.coursetable { margin: 10px 0 20px 0; }
.coursetable table { border-collapse: collapse; width: 100%; border: 1px solid #999;}
.coursetable td { border: 1px solid #999; margin: 0; padding: 10px; vertical-align:top; }
.coursetable th { background: #eee; color: #000; border: 1px solid #999; margin: 0; padding: 10px; font-weight: normal; text-align:left;}

/* navigation */

#nav { padding: 0 0 0 0; margin: 0 0 0 10px; }
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li { margin: 0; padding: 0; float: left;}
#nav a { display:block; margin: 0; color: #336; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding: 14px 12px 15px 12px; text-decoration:none;}
#nav a:hover { background: #fff; color: #cc3600; text-decoration:none;}

/* ---[ footer ]----------------------------------- */

#footer { margin: 0 0 0 0; padding:0 0 0 0; }
#footerleft { padding: 15px 0 40px 15px; }
#footerleft a { color: #fff; }
#footerleft a:hover { color: #cc3600; }
#footerleft p { font-size: 11px; color: #fff; margin: 0; padding: 0; vertical-align:middle; }


/* ---[ forms ]------------------------------------ */

#enquiryform { padding: 0; margin: 0; font-size:11px; }
#enquiryform .input { width: 260px; padding: 4px; background-color: #fff; border: none; border: 1px solid #e0e0e0; }
#enquiryform textarea { width: 260px; padding: 4px; background-color: #fff; border: none; border: 1px solid #e0e0e0; }
#enquiryform label { float: left; width: 100px; padding: 5px 10px 0 0; font-size: 12px; }
#frmsubject34 { visibility:hidden; display:none; }


/* ---[ misc. ]---------------------------------------- */

hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0 10px 0; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }

.showit { display: block; }
.hideit { display: none; }