* {margin: 0;padding: 0;}
html, body {margin: 0;padding: 0; background: #efefef url(calligraphy.gif) top left; font: 62.5% arial, verdana, tahoma, helvetica, sans-serif;}
html {overflow-y: scroll;}
/* headers */
h1 {font-size:2.3em; line-height:0.9em; font-weight:400;color: #ffa905;margin: 0 0 5px 0; display: block; position:relative;}
h2 {font-size:1.6em; font-weight:400;color: #e1e1e1; margin: 0 0 10px 0;}
h3, h4, h5 {font-size:1.3em; font-weight: 700; color: #ccc; margin: 0 0 5px 0;}
/* left bar menu */
#leftlist {list-style:none;margin:25px 0 0 0;padding:0;}
#leftlist li {font-size:1.8em;color: #e1e1e1;border: 0;}
#leftlist a, #leftlist a:visited  {color: #e1e1e1;font-weight: 400;text-decoration: none;border: 0;}
#leftlist li.active a {color: #ffa905;text-decoration: none;border: 0;}
#leftlist a:hover {color: #ffa905;text-decoration: none;border: 0;}
/* general links */
a, a:visited {color: #ffa905; text-decoration: underline;}
a:hover {color: #ffff00; text-decoration: underline;}
a.menu:link, a.menu:visited {color: #666666; text-decoration: none;}
a.menu:hover {color: #0064CE; text-decoration: none;}
a.more:link, a.more:visited {color: #ffa905; text-decoration: none;}
a.more:hover {color: #ffa905; text-decoration: underline;}
#header a, #header a:visited, #header a:hover {color: #000;text-decoration: none;ftext-align:center;}
#footer a, #footer a:visited {font-weight:700;color: #44443C;text-decoration: none;text-transform: lowercase;margin:5px;}
#footer a:hover {color:#1c51bc;}
/* address under menu */
#address {font-size: 1.1em; color: #e1e1e1; display:block;padding:20px 0 0 0; }
#address a {font-size: 1.1em;}
/* misc */
.clearer {clear: both;height: 0; visibility: hidden;}
.clr:after {clear: both;content: ".";display: block;height: 0; line-height: 0; visibility: hidden;}
.clr {display: inline-block;}
html[xmlns] .clr {display: block;}
* html.clr {height: 1%;}
img {border: 0;}
abbr, acronym {cursor: help;}
abbr {speak: spell-out;}
acronym {speak: normal;}
.left {text-align:left;}
.right {text-align: right;}
.center {text-align: center;}
.floatleft {float:left;}
.floatright{float:right;}
.imgleft {float:left; margin:0 10px 5px 0;}
.imgright {float:right; margin:0 0 5px 10px;}
.line {border-top: 1px solid #024b38;border-bottom: 1px solid #024b38;width: 100%;height: 1px;margin: 5px 0 5px 0;padding:0;}
.line1 {border-top: 1px dotted #dedede;width: 100%;height: 1px;margin: 5px 0 5px 0;padding:0;}
ul, ol {padding: 0; margin:0 0 10px 0;list-style-type:none;}
#sideright p, #sideright p { margin:0 0  0.08in 0; }
#innerrightflag {display:block;width:72px;height:72px;float:right;}
/* accessibility quick links */
#accessibility {left: 14px;list-style-type: none;position: absolute;width: 40em;}
#accessibility li {left: -2500px;position: absolute;width: 1px;}
#accessibility a:focus, #accessibility a:active {color: #193CA6; background:#ffffaa; display:block; width:200px; cursor: pointer;left: 2486px;padding: 2px;position: absolute; text-decoration: underline;}
/* header spacer and footer */
#spacer {display: block;position:relative;height:40px;}
#footer  {width: 730px;margin: 0 auto;text-align:center;font-weight:700;color: #ada092;}
/* footer list aka bottom menu */
#footer ul {list-style:none;margin:0; padding:20px 0 5px 0;}
#footer li {display: inline; text-align:center; margin: 0 5px 0 0; font-size: 1.8em;}
/* header images */
#header  {font-size: 1.8em; text-align:center; height: 170px;width: 740px;margin: 0 auto;}
#header ul {list-style-type:none;margin:0; padding:0; position:relative;}
#header li {display: block;float:left; width:170px;height:170px; position:relative}
#header .one, #header .two, #header .three { margin: 0 20px 0 0;}
#header .four {margin:0;}
#header img {background:#ccc;width:170px;height:170px;display:block;}
#header .one img {background:#fff;}
/* main wrapper and main content container */
#container {background:#44443c;margin: 0 auto;width: 740px; padding:20px;}
#content {display:block;margin: 0 auto;width: 740px;height: 100%;padding:20px 0 0 0;}
/* left and right outer */
#sideleft {background:#5f5b51;float: left;width: 170px;height: 380px; min-height: 380px;}
html>body #sideleft{height:auto;}	
#sideright {background: #524f46;float: right;width: 550px;height: 330px;  min-height: 330px;}
html>body #sideright {height:auto;}
/* left and right inner */
#innersideleft {font-size: 1.6em;display:block; height: 380px; min-height: 380px; text-align: left;vertical-align: top;padding: 15px;
border: 1px solid #fff;
background: #f0f1f1;
background: -moz-linear-gradient(top,  #f0f1f1 0%, #fdfdfd 41%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f1), color-stop(41%,#fdfdfd));
background: -webkit-linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
background: -o-linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
background: -ms-linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
background: linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#fdfdfd',GradientType=0 );
}
html>body #innersideleft{height:auto;}
#innerright {font-size: 1.9em; height: 330px;  min-height: 330px; text-align: left;vertical-align: top;padding: 40px;color:#e1e1e1; 

border: 1px solid #fff;
background: #f0f1f1;
background: -moz-linear-gradient(top,  #f0f1f1 0%, #fdfdfd 41%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f1), color-stop(41%,#fdfdfd));
background: -webkit-linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
background: -o-linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
background: -ms-linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
background: linear-gradient(top,  #f0f1f1 0%,#fdfdfd 41%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#fdfdfd',GradientType=0 );


}
html>body #innerright {height:auto;}	
/* table styles */
table {border-spacing: 0; border-collapse: collapse; border:0; margin: 10px 0;width: auto;}
:first-child + html table {border-collapse: collapse;}
* html table {border-collapse: collapse;}
table th, table caption { position:absolute; width:1px; height:1px; top:-9999px; left:-999px; text-align:left;}
table td {border: 0; padding: 4px 10px 0 0;}
table td.last {}
/* courses */
.courses {width:100%}
/* instructors */
.instructors td.first {}
.instructors td.last {}
/* venues */
#venues {width:480px; clear:both;}
#venues ul {list-style-type:none; }
#venues li {width:225px; height:20px; float:left;}
/* seo footer links */
#linksx3footer {margin: 0 auto;width: 740px;text-align: center;color: #98989f;}
#linksx3footer ul {list-style:none;margin:0; padding:10px;}
#linksx3footer li {display: inline; text-align:center; margin: 0 5px 0 0; }
#linksx3footer a,  #linksx3footer a:visited { font-size: 1.6em;color: #59574d;text-decoration: none;border:0;}
#linksx3footer a:hover {color:#1c51bc;}
/* sitemap lists */
#sitemap {}
#sitemap ul ul {list-style-type: square;margin: 0 0 0 35px}
* html #sitemap ul {list-style-type: square;margin: 0 0 0 35px;}
#sitemap ul ul {list-style-type: square;margin: 0 0 0 40px;}
* html #sitemap ul{list-style-type: square;margin: 0 0 0 40px;}


/*************************** Colour Config *****************************/


/* Main Container */
#container {

background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}

/* Logo Background */
#header .one img {background:#e4d186;}

/* Text */
#address, #innerright, h2, h3, h4 {color:#333;}
/* Links */
a, a:visited {color: #1c51bc;}
a:hover {color: #333;}
/* Left Menu */
#leftlist a, #leftlist a:visited  {color: #333; text-shadow: 1px 1px #fff, 0 0 5px #bbb;}
#leftlist li.active a { color: #1c51bc;}
#leftlist a:hover { color: #1c51bc;}

h1  {color: #1c51bc; text-shadow: 1px 1px #fff, 0 0 5px #bbb;}
/******* CSS3 PLAY ****************/


#container {
-moz-box-shadow: 0 0 5px #bbb;
-webkit-box-shadow: 0 0 5px#bbb;
box-shadow: 0 0 5px #bbb;
-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; 
}

#innerright {-webkit-border-radius: 0 0 10px 0;-moz-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; }
#innersideleft {-webkit-border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; }
 #sideleft, #sideright  {background: transparent;}

#header li {
z-index: 100;
width: 170px;
height: 170px;
/* -- transition is the magic sauce for animation -- */
-o-transition: all .15s;
-moz-transition: all .15s ease-out;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
overflow: hidden;
}

#header .one {background: #bbb url(1.jpg) no-repeat; -webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; }
#header .two {background: #bbb url(2.jpg) no-repeat;}
#header .three {background: #bbb url(3.jpg) no-repeat;}
#header .four {background: #bbb url(4.jpg) no-repeat;  -webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;}

#header li img {-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity:0;opacity: 0;}

#header li:hover {
z-index: 1000;
/* -- transition -- */
-o-transform: scale(1.1);
-moz-transform: scale(1.1); 
-webkit-transform: scale(1.1);
transform: scale(1.1);
/* -- shadow -- */
-moz-box-shadow: 0 0 5px #bbb;
-webkit-box-shadow: 0 0 5px #bbb;
box-shadow: 0 0 5px #bbb;
}

.rssFeed h4 {font-size:1em;}
.spinner {background: url(spinner.gif) no-repeat 50% 50%}

img.floatRight { 
    float: right; 
    margin: 4px; 
}