/* HTML ELEMENTS */
body { background: #DFE0E1; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #fff; }
h1 { font-size: 135%; padding: 0; margin: 0 0 10px 0; }
h2 { font-size: 120%; padding: 0; margin: 0 0 5px 0; }
h3 { font-size: 115%; padding: 0; margin: 15px 0 0 0; }
ul { line-height: 16px; }
p { clear: both; margin: 5px 0 5px 0; }
hr { border:0; color: #fff; background: #fff; height: 2px; margin: 20px 0 0 0; padding:0; clear: both; }

/* LINKS */
a { color: #fff; font-weight: bold; text-decoration:none; }
a:hover { color: #033; }
a img { border: none; }

/* DIV ELEMENTS */
#Page { margin: 10px auto; width: 800px; }
#Error { width: 800px; margin: 10px auto; text-align: center; color: #000; }
#Header { margin: 0 0 10px 0; background: url(../images/general/header.gif) no-repeat left top #fff; padding: 20px 20px 0 20px; height:82px; }
#navTopBar1 { width:100%; height:30px; background:#033; padding:0; margin:0; }
#Content { padding: 20px 20px 20px 20px; background: #B70606; clear: both; height: 500px; }
html>body #Content { height: auto; min-height: 400px; }
#Footer { clear: both; margin: 10px 0 0 0; padding: 5px 0 5px 20px; background: #033; text-transform: uppercase; font-weight: bold; }

/* FORM ELMENTS */
form { margin: 0; padding: 0; }
label, form span { float: left; width: 200px; }
label.longLabel {width:320px;}
.Label2 { width: auto; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; color: #033; width: 350px; border: 1px solid #B70606; }
textarea { width: 550px; height: 100px; }
.checkbox, .checkbox2 { border: none; width: auto; }
.checkbox2 { float: left; margin: 0 10px 0 0; }
#btn_Search, #btn_Book { text-align: right; width: 16px; height: 18px; border: none; }
h2 span { width: auto; float: none; }

/* HEADER ELEMENTS */
#Header form { width: 235px; float: left; background: url(../images/general/search_top.gif) no-repeat left top; }
#Header form #FormHolder { margin: 23px 0 0 0; padding: 5px 30px 0 25px; background: url(../images/general/formbackground.gif) repeat-y 0 30px; }
#Header input { width: 180px; margin: 0; padding: 0; color: #B70606; }
#Header img { padding: 0 269px 10px 0; float: left; }
#Header label { display: none; }
#Header #SiteSearch { margin: 10px 0 0 0; padding: 0 0 8px 0; text-align: right; }
#Header #SiteSearch a { padding: 3px 25px 2px 0; background:url(../images/general/arrows.gif) no-repeat right top; color: #B70606; }

/* Navigation Elements */
#topnav { font-weight:bold; color:#fff; background:none; margin: 0; padding: 0; text-transform: uppercase; }
#topnav li.First { margin: 0 0 0 10px; }
#topnav ul	{ background:#033;}
#topnav, #topnav ul { list-style:none; line-height:100%; padding:0; margin: 0; }
#topnav li { margin:0; float:left; padding:0; }
#topnav a { display:block; color:#fff; padding:11px 11px 7px 20px; background: url(../images/general/arrows.gif) no-repeat 0 9px; }
#topnav a:hover {  }
#topnav ul a {padding:8px 0 8px 5px; margin:0; background:none; }
#topnav li ul {width:20em; position:absolute; left:-999em; height:auto; margin:0; }
#topnav li li {width:20em; padding: 0; border-bottom:1px solid #fff; }
#topnav li:hover ul ul, #topnav li.sfhover ul ul {left:-999em;}
#topnav li:hover ul, #topnav li.sfhover ul {left:auto;}
#topnav ul li:hover a:hover, #topnav ul li.sfhover a:hover {color:#fff; background: #999; }
#topnav li:hover a, #topnav li.sfhover a {color:#B70606; }
#topnav li:hover li a, #topnav li.sfhover li a {color:#fff; background: none; }

/* CONTENT ELEMENTS */
#Content #Left { float: left; width: 360px; padding: 0 19px 0 0; border-right: solid 2px #fff; height: 400px; }
#Content #Right { float: left; width: 360px; padding: 0 0 0 19px; }
html>body #Content #Left { height: auto; min-height: 400px; }
#Content #Left:after { content: "."; display: block; height: 0; padding: 0 0 10px 0; clear: both; visibility:hidden; }
* html #Content #Left { height: 1%; padding: 0 0 10px 0; }

/* CONTENT HTML ELEMENTS */
ul.Bullets { margin: 10px 0 10px 40px; padding: 0; list-style-type: square; color: #033; }
ul.Bullets .WhiteText { color: #fff; }

/* CONTENT RIGHT ELEMENTS */
#Content #Right form { margin: 20px 0 0 0; }
#Content #Right label { width: 130px; }
#Content #Right input, #Content #Right textarea { width: 210px; }
#Content #Right textarea { height: 50px; }

/* CONTENT COURSES */
#Content .Courses { padding:0 0 10px 0; margin:10px 0 0 0; border-bottom: solid 2px #fff; clear:both; width:100%; overflow:hidden; }
#Content .Courses .CourseText { float: left; width: 680px; }
#Content .Courses .CourseSelect { float: left; text-align: right; }
#Content .Courses:after { content: "."; display: block; height: 0; padding: 0 0 10px 0; clear: both; visibility:hidden; }
* html #Content .Courses { height: 1%; padding: 0 0 10px 0; }
#Content .Courses .CourseText .Dates { margin: 10px 10px 0 0; padding: 0; list-style: none; }
#Content .Courses .CourseText .Dates li { margin: 0 10px 0 0; padding: 0; display: inline; }
#Content .Courses .CourseSelect ul { margin: 0; padding: 0; list-style: none; }
#Content .Courses .CourseSelect ul li { margin: 0 0 7px 0; padding: 0 0 0 20px; background:url(../images/general/arrows_red.gif) no-repeat left top; }

/* BREAD CRUMBS */
#BreadCrumb { margin: 0 0 20px 0; }
#BreadCrumb a { color: #033; }
#BreadCrumb a:hover { color: #fff; }

/* CONTENT VENUE TABLE */
#Content #Venues { margin: 15px 0 15px 0; padding: 0; width: 100%; border-collapse: collapse; }
#Content #Venues td { padding: 4px 4px 4px 0; border-bottom: solid 2px #fff; }
#Content #Venues td.VDate { width: 250px; }
#Content #Venues td.VTown { width: 100px; }
#Content #Venues td.VCheck { width: 50px; }
#Content #Venues td.VLink { text-align: right; width: 100px; }
#Content #Venues td.VLink a { padding: 2px 0 2px 25px; background:url(../images/general/arrows_red.gif) no-repeat left top; }

#Content #Links { margin: 20px 0 0 0; padding: 0; list-style: none; }
#Content #Links li { margin: 0 10px 0 0; display: inline; }
#Content #Links li a { padding: 2px 0 2px 25px; background:url(../images/general/arrows_red.gif) no-repeat left top; }


#Content td.workshops {width:20px;}
#Content td span.WhiteText {width:450px;}

/* CONTENT FORM BUTTON */
#Content #FormSubmit { margin: 15px 19px 0 0; padding: 0 0 8px 0; text-align: right; }
#Content #FormSubmit a { padding: 3px 25px 2px 0; background:url(../images/general/arrows_red.gif) no-repeat right top; text-transform: lowercase; }
#Content #FormSubmit a:hover { color: #fff; }





/* FUNDING CONTENT */
#Content #fund h1 {margin:0 0 20px 0;}
#Content #fund ul {margin:0 0 20px 20px;}
#Content #fund #Left {border:none; height:auto; min-height:none;}
#Content #fund #Right {height:auto; min-height:auto;}
#Content #fund p.pdf {text-align:right; margin:0 0 20px 0;}
#Content #fund p.pdf a {background:url(../images/general/arrows_red.gif) no-repeat left center; padding:5px 0 5px 20px;}




/* SITE MAP */
#SiteMap { margin: 0; padding: 0; list-style: none; }
#SiteMap li { margin: 0 0 10px 0; padding: 0 0 1px 25px; background:url(../images/general/arrows_red.gif) no-repeat left top; }
#SiteMap ul { margin: 5px 0 10px 0; padding: 0; list-style: none; }
#SiteMap ul li { margin: 0 0 5px 0; list-style: none; }

ul.Workshops {list-style:none; padding:0 0 0 25px;}
ul.Workshops strong {color:#033; padding-right:10px;}

ul.Pages {list-style:none; padding:10px 0 0 0;}
ul.Pages li {padding:0 5px;display:inline;}

ul.Pages li a.Active {color:#333;}

/* FOOTER ELEMENTS */
#Footer ul { margin: 0; padding: 0; display: inline; }
#Footer ul li { display: inline; }
#Footer ul li strong { color: #B70606; }
#Footer #RightUl { margin: 0 0 0 30px; }
#Footer a:hover { color: #B70606; }

/* FOOTER */
#SwanFooter { text-align: center; margin: 0; padding: 10px 0 0 0; border-top: solid 10px #fff; font-size: 85%; color: #000; }
#SwanFooter a { color: #B70606; text-decoration: none; text-transform: lowercase; }

/* ERROR PAGE */
#Error h2 { margin: 10px 0 30px 0; }
#Error a { color: #B70606; }

/* CUSTOM ELEMENTS */
#Content:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; padding: 0 0 10px 0; }
* html #Content { height: 1%; }
#Header:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; padding: 00; }
* html #Header { height: 1%; }

/* HOME ELEMENTS */
#QuickLinks .hometop { margin: 0; padding: 16px 0 0 150px; width: 210px; height: 105px; background: url(../images/home/top.gif) no-repeat left top; }
#QuickLinks .homemid { margin: 0; padding: 0 0 0 65px; width: 295px; height: 116px; background: url(../images/home/mid.gif) no-repeat left top; }
#QuickLinks .homebot { margin: 0; padding: 0 0 0 118px; width: 242px; height: 102px; background: url(../images/home/bot.gif) no-repeat left top; }

/* QUICK LINKS TITLES */
#QuickLinks h1 { font-size: 190%; color: #B70606; }
#QuickLinks .homemid h1, #QuickLinks .homebot h1 { color: #033; }

/* QUICK LINKS LINKS */
#QuickLinks .Right { text-align: right; }
#QuickLinks a { margin: 0 30px 0 0; padding: 4px 25px 4px 0; font-size: 95%; color: #5D626B; font-weight: bold; }
#QuickLinks .hometop a { background: url(../images/home/arrow_top.gif) no-repeat right top; }
#QuickLinks .homemid a { margin: 0 180px 0 0; color: #fff; background: url(../images/home/arrow_mid.gif) no-repeat right top; }
#QuickLinks .homebot a { margin: 0 60px 0 0; color: #033; background: url(../images/home/arrow_bot.gif) no-repeat right top; }




/************************************ HOME ELEMENTS ************************************/
#HomeLinks {background: url(../images/home/home_back.gif) no-repeat left top; list-style:none; padding:0; margin:0; height:385px; width:360px; overflow:hidden;}
#HomeLinks li {display:inline; margin:0; padding:0;}
#HomeLinks li a {display:block; margin: 0; position:relative; line-height:20px;}
#HomeLinks li.home1 a {padding:25px 20px 0 60px; width:185px; height:115px; left:95px;}
#HomeLinks li.home2 a {padding:33px 20px 0 60px; width:115px; height:140px; left:25px; bottom:68px;}
#HomeLinks li.home3 a {padding:50px 20px 0 70px; width:190px; height:87px; bottom:67px;}
#HomeLinks li.home4 a {padding:30px 20px 0 70px; width:170px; height:53px; left:90px; bottom:258px;}


#HomeLinks li a strong {font-size:190%; color:#033;}
#HomeLinks li a:hover strong {color:#B70606;}

#HomeLinks a small {text-align: right; background: url(../images/home/arrow_top.gif) no-repeat right top; display:block; padding:5px 20px 5px 0; font-size:100%; }

#HomeLinks li.home1 a small {background: url(../images/home/arrow_top.gif) no-repeat right top;}
#HomeLinks li.home2 a small {background: url(../images/home/arrow_mid.gif) no-repeat right top; color: #fff;}
#HomeLinks li.home3 a small {background: url(../images/home/arrow_bot.gif) no-repeat right top; color: #033;}
#HomeLinks li.home4 a small {background: url(../images/home/arrow_bot.gif) no-repeat right top;}

#HomeLinks a { margin: 0 30px 0 0; padding: 4px 25px 4px 0; font-size: 95%; color: #5D626B; font-weight: bold; }


/************************************ HOME ELEMENTS ************************************/


#flash { margin: 0; padding: 6px 5px 0 5px; width: 790px; height: 20px; font-weight: bold; color: #fff; overflow: hidden; clear: both; background:#B70606; }
#flash strong { float: left; color: #fff; margin: 0; padding: 0 10px 0 5px; text-transform: uppercase; }


/* SCROLLER */
#NewsHolder { margin: 0; padding: 6px 5px 0 5px; width: 790px; height: 20px; font-weight: bold; color: #000; overflow: hidden; clear: both; background:#fff; }
#NewsHolder strong { float: left; color: #B70606; margin: 0; padding: 0 10px 0 5px; text-transform: uppercase; }
#NewsHolder .NewsContent{ height: 20px; display: block; }
#NewsHolder .NewsContent a { color: #000; }
#NewsHolder .NewsContent a:hover { color: #B70606; }


.error { border:1px solid white; background:#033; color:white; padding:8px; margin:0 0 12px 0; width:auto; }
.error h2 { color:orange; }