* {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 20px 0; display: block; position:relative;}
h2 {font-size:1.2em; font-weight:700;color: #e1e1e1; margin: 0 0 10px 0;}
h3, h4, h5 {font-size:1.1em; font-weight: 700; color: #333; margin: 0 0 5px 0;}
/* left bar menu */
#leftlist {list-style:none;padding:0;}
#leftlist li {font-size:1.3em;color: #e1e1e1;

border-top: 1px solid #fff;

border-bottom:1px solid #f0f1f1;
border-left:1px solid #f0f1f1;
border-right:1px solid #f0f1f1;

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 );

margin: 0 0 5px 0;
}
#leftlist a, #leftlist a:visited  {color: #e1e1e1;font-weight: 700;text-decoration: none;border: 0;


display: block;
padding: 5px 20px 5px 20px;

}
#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:5x;}
#footer a:hover {color:#9d3c15;}
/* 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;}

hr { display: block; height: 1px;border: 0; border-top: 1px solid #ccc;margin: 1em 0; padding: 0; }
iframe {border: 1px solid #ccc; margin: 0 0 10px 0;}

.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;}
.redish {color:#9E3C15; font-weight: 700;}
.redish.last {margin: 0 0 20px 0;}
#sideright p, #sideright p { margin:0 0 10px 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; position:relative;}
#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 li img {background:#ccc;width:170px;height:170px;display:block;}
#header .one img {background:#fff;}
.logo_header {display: block; position:absolute; top: 102px; left:20px; text-align:left; z-index:666;}
.logo_header .primary {
    color: #6B238E;
    display: block;
    font-size: 2.3em;
    font-weight: 400;
    line-height: 0.9em;
}
.logo_header .secondary {
    display: block;
    color: #333333;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 5px;
}


/* 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;

}
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 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:#9d3c15;}
/* 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;}
/* officers */
.officer { display: block; margin: 20px 0 20px 0;}
.officer .image {float: left; display: block; width:100px;border:1px solid #fff;}
.officer .desc {float: right; display: block; width: 350px;}
.officer h3 {padding: 10px 0 0 0;}

/*Download */
.download li {margin: 0 0 10px 0;}

/*faqs*/
.faqs {display:block; margin: 0 0 20px 0;}

/*contact and club */
.contact,.club {display:block; margin: 0 0 20px 0;}
.email {background: url("email.png") no-repeat left 50%; padding: 0 0 0 25px;}
.tel {background: url("telephone.png") no-repeat left 50%; padding: 0 0 0 25px;}
.map {background: url("map.png") no-repeat left 50%; padding: 2px 0 2px 25px;}
.web {background: url("website.png") no-repeat left 50%; padding: 2px 0 2px 25px;}
.user {background: url("user.png") no-repeat left 50%; padding: 2px 0 2px 25px;}
.back {text-align:right;}
/*************************** 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, h4 {color:#333;}
h3{color:#333;}
a:hover {color:#333;}
#leftlist a, #leftlist a:visited  {color: #333; text-shadow: 1px 1px #fff, 0 0 5px #bbb;}
#leftlist li.active a {background-color:#6B238E; color: #fff; text-shadow:none;}
/* Left Menu */
h1 {ctext-shadow: 1px 1px #fff, 0 0 5px #bbb}
h1, a, a:visited , #footer a:hover,#linksx3footer a:hover {color: #6B238E;}
#leftlist a:hover, #leftlist li.active a:hover{background-color:#6B238E; color: #fff; text-shadow:none;}

small a,small a:visited {color: #6B238E !important; text-decoration: underline !important;}
small a:hover {color: #fff !important; text-decoration: none !important;}

#sideright a:hover {background-color:#6B238E; color: #fff; text-decoration:none;}
/*9D3C15*/


ul.space li {margin: 0 0 10px 0;}

/******* 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;}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

.under_nav {
display:block;
position:relative;
padding: 20px 0 0 20px;
}

.text_img {
display: block;
float: left;
position:relative;
margin:0 20px 20px 0;
border:0;
}