﻿/*
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: 13px arial, verdana, tahoma, arial, Trebuchet, "Trebuchet MS", sans-serif; text-align: center; min-width: 930px; color: #666; background: #eeeeee; }

/* ---[ links ]------------------------------- */

a:link { color: #334193; }
a:visited { color: #334193; }
a:hover { color: #999999; }
a.link { color: #334193; font-size: 14px; text-decoration:none; margin:0; padding: 6px 20px 10px 0; background: url(/images/bluearrow.png) no-repeat right 7px; }
a.link:hover { color: #999; background: url(/images/greyarrow.png) no-repeat right 7px; }

/* ---[ common elements ]--------------------- */

p { margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 1.4em; }
h1 { font-size: 21px; font-weight: normal; color: #334193; 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 20px; padding:10px 0 0 0; list-style: url(/images/bluearrowsmall.png); }
li { padding: 0 0 6px 0; }
h1 a { text-decoration:none; }
blockquote { margin:0; padding: 15px; }

/* ---[ top ]------------------------------- */

#outer { width: 900px; margin: 0 auto; padding: 13px 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: 900px; margin: 0; padding:0 0 15px 0; position:relative; }
#logo { margin:0; padding: 30px 0 61px 20px; }
#strapline p { font-family:Georgia, "Times New Roman", Times, serif; position:absolute; top: 89px; left: 35px; font-size:20px; color: #fff; }
#hpoutercontent { background: #fff url(/images/contentbg.png) repeat-x 0 100px; margin: 0 0 20px 0; }
#outercontent { padding: 30px; background: #fff url(/images/contentbg.png) repeat-x; }
#content { padding: 10px; }
#contentfooter { margin: 0; padding: 0; height: 20px; background: #edede3 url(/images/endcurve.gif) no-repeat; }

.rotator img { width: 900px; height: 240px; }
.rotator1 img { width: 282px; }
.rotator2 img { width: 282px; }
.rotator3 img { width: 282px; }

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 20px; }
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li { margin: 0; padding: 0; float: left;}
#nav a { display:block; margin: 0; color: #f0f0f0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding: 16px 12px 17px 12px; text-decoration:none; background: url(/images/clear.gif);}
#nav a.marker { display:block; margin: 0; color: #f0f0f0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding: 16px 12px 17px 12px; text-decoration:none; background: url(/images/navmarkerbg.png) no-repeat bottom center ;}
#nav a:hover { display:block; margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding: 16px 12px 17px 12px; text-decoration:none; background-color: #fff; color: #2E4896; }

/* ---[ footer ]----------------------------------- */

#footer { margin: 0 0 0 0; padding:10px 0 0 0; position:relative; border-top: 1px dotted #ccc; }
#footerleft { padding: 15px 0 40px 15px; }
#footerleft a { color: #999; }
#footerleft a:hover { color: #cc3600; }
#footerleft p { font-size: 11px; color: #ccc; margin: 0; padding: 0; vertical-align:middle; }
#footerright { position: absolute; right: 20px; top: 20px; }
.footertel { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color: #333; }


/* ---[ 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; }


