@charset "utf-8";
/* CSS Document */

/* --------------------------------- Start CatchAll --------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
padding: 0;
margin: 0;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}

body {
font-size: 11px;
color: #333;
font-family: "lucida sans", tahoma, verdana, arial, sans-serif;
margin: 0;
padding: 0;
background: #eee;
line-height:1.2em;
}

img {
border: 0;
margin:0;
padding:0;
display:block;
}

table {
border-collapse: collapse;
border-spacing:0px;
border:0;
padding:0;
margin:0;
}

td {vertical-align: top;}

ul li {
list-style-type: none;
}

li>ul {
top: auto;
left: auto;
}

/* ------------------------------- Main CSS ------------------------------- */

#outerContainer {display: block; width: 846px; margin: 0 auto; background: #fff;}

#container {display: block; width: 820px; margin: 0 auto;}

#header {width: 820px;}

#logo {width: 92px; height: 106px;}

#tag {height: 106px; display:table-cell; vertical-align:middle;}

#tag h1 {font-family: "trajan pro", "times new roman", georgia, serif; font-weight: bold; font-size: 16px; line-height: 1.2em; color: #666;}

#headerMenu {text-align: right; padding-top: 6px; letter-spacing: 0.2em;}
#headerMenu a {color: #999;}
#headerMenu a:link {}
#headerMenu a:visited {}
#headerMenu a:hover {color: #900; text-decoration: none;}

/* ------------------------------------- index img --------------------------------- */

#sliderImg {display: block; width: 820px; height: 225px; margin: 24px 0;}
#sliderImg img {height: 225px; width: 820px;}

#contentImg {display: block; width: 820px; height: 175px; margin: 24px 0;}
#contentImg img {height: 175px; width: 820px;}

.mainImage img {display: none; width: 410px; height: 225px;}

/* ------------------------------------- index main ---------------------------------- */

.sixty {width: 484px;}
.fifty {width: 404px;}
.spacer {width: 12px;}
.forty {width: 324px;}
.article { margin-bottom: 12px;}
.article h1 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #fff;}
.article h2 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #900;}
.article p {padding: 6px;}
.threeFourTwo {height: 342px;}
.oneThirty {height: 130px;}
.plainFoot {height: 24px; text-align: right;}
.plainHead {background: #777; color: #fff;}

.plainFoot a {color: #777;}
.plainFoot a:link {}
.plainFoot a:visited {}
.plainFoot a:hover {color: #900; text-decoration: none;}

.head {background: #ccc; height: 24px;}
.foot {background: #ccc; text-align: right;}
.foot a {color: #777;}
.foot a:link {}
.foot a:visited {}
.foot a:hover {color: #900; text-decoration: none;}

.partner {display: block; width: 826px; margin: 6px auto;}
.partner a {width: 100px; margin: 6px auto;}
.partner a img {width: 100px; margin: 6px auto;}

.mainHeader {}

.mainHeader h1 {padding: 6px; padding-top: 10px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #fff;}
.mainHeader h2 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #900;}
.mainHeader p {padding: 6px; line-height: 1.4em;}

#map {width: 375px; height: 192px; margin: 0 auto;}

.grey {background: #777; margin-bottom: 0; padding-bottom: 0;}
.grey p, .grey h1 {margin: 6px 15px;}
.grey a {color: #ccc;}
.grey a:link {}
.grey a:visited {}
.grey a:hover {color: #fff; text-decoration: none;}

.headline {color: #fff; width: 225px; height: 100%;}

.headline p, .headline h1 {padding: 6px;}

.headline h1 {color: #fff; font-weight: bold; font-size: 22px; line-height: 1.2em; padding: 6px; padding-top: 12px;}

.headline a {color: #fff;}
.headline a:link {}
.headline a:visited {}
.headline a:hover {color: #fff; text-decoration: none;}

/* --------------------------------------- content ----------------------------------- */

#content {width: 820px; height: 400px; margin-bottom: 24px;}
#content p {padding: 6px; line-height: 1.5em;}
#content h1 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #777; letter-spacing: 0.1em; line-height:1.2em;}
#content h2 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #900; line-height:1.2em;}
#content h1.highlight {color: #900;}
#content h2.highlight {color: #900;}

#content ul li:before {content: "\00BB \0020";}
#content ul li ul li {padding-left: 24px;}
#content ul li ul li:before {content: "\00BB \0020";}

.mainHeader a {color: #aaa; text-decoration: underline;}
.mainHeader a:link {}
.mainHeader a:visited {}
.mainHeader a:hover {text-decoration: none; color: #fff;}




#content a {color: #333; font-weight: bold; text-decoration: underline;}
#content a:link {}
#content a:visited {}
#content a:hover {text-decoration: none; color: #900;}

.highlight {color: #900;}


#content ul.submenu {border-top: 1px solid #aaa; margin-top: 6px; padding-left: 1em; text-indent: -1em;}
#content ul.submenu li {border-bottom: 1px solid #aaa; padding: 6px; font-size:11px; padding-left: 6px;}
#content ul.submenu li a {color: #777; text-decoration: none;}
#content ul.submenu li a:link {text-decoration: none;}
#content ul.submenu li a:visited {}
#content ul.submenu li a:hover {color: #900; text-decoration: underline;}

#content ul.submenu li ul li {border-bottom: 0; padding: 3px; padding-left: 16px; font-weight: normal;}
#content ul.submenu li ul li a {color: #900; text-decoration: none; font-weight: normal; font-size: 10px;}
#content ul.submenu li ul li a:link {text-decoration: none;}
#content ul.submenu li ul li a:visited {}
#content ul.submenu li ul li a:hover {color: #600; text-decoration: underline;}
#content ul.submenu li ul li:before {content: none;}

#content ul.normal {padding-bottom: 12px;}
#content ul.normal li {margin-left: 24px; padding-left: 6px; padding-top: 6px; list-style-type:square;list-style-image:url('../images/chev.gif');}
#content ul.normal li:before {content: none;}

ul.submenu li:before {content: "\00BB \0020";}

#content ul.courseList {padding-left: 6px; border: 1px solid #777; padding-bottom: 6px; margin-bottom: 12px;}
#content ul.courseList li { font-weight: bold; padding-top: 6px;}
#content ul.courseList li:before {content: "\00BB \0020";}
#content ul.courseList li ul li:before {content: none;}
#content ul.courseList li ul li {font-weight: normal;}
#content ul.courseList li ul li ul li:before {content: "\00BB \0020";}
#content ul.courseList li ul li ul li {font-weight: normal; padding-left: 10px; color: #600;}

#content .courseDetails {display: block; border: 1px solid #999; border-left: 0; border-right: 0; margin-top: 12px; padding: 6px 0;}
#content .courseDetails h2 {font-weight: bold; line-height: 1em; color: #000;}
#content .courseDetails h1 {font-weight: bold; line-height: 1em; letter-spacing:normal; color: #000; font-size: 36px; }

#content .courseDetailNotes {color: #999;}

#content .courseDetails ul {padding-left: 1em; text-indent: -1em;}
#content .courseDetails ul li {display: block; padding-bottom: 6px; line-height: 1.4em;}

div.rule {display: block; width: 100%; height: 1px; background-color: #999;}

.oneNinety {width: 190px;}
.fourSixteen {width: 416px;}
.sixSeventeen {width: 617px;}


.bubble {margin-bottom: 10px; color: #555;}
.bubble td {width: 200px; border: 1px solid #ddd; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; height: 160px;}
.bubble h1, bubble p {margin: 6px;}
.bubble p {float: left; width: 100px;}
.bubble img {width: 65px; height: 65px;float: right; margin: 6px;}
.bubble td.shortSpace {width: 10px; border: 0;}
.bubble h1 {color: #999; border-bottom: 1px solid #999;}

.bubble a {color: #333; font-weight: bold; text-decoration: underline;}
.bubble a:link {color: #333;}
.bubble a:visited {}
.bubble a:hover {text-decoration: none; color: #900;}

.news {width: 402px; border: 4px solid #900; height: 100%;}
.newsHeader {}
.newsHeader h1 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #777;}

/* --------------------------------------- footer ------------------------------------ */

#subfooter {background: #777; width: 820px; border: 1px solid #aaa; margin-bottom: 12px;}
#subfooter h1 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; letter-spacing: 0.1em;}
#subfooter h2 {padding: 6px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; font-weight: bold;}
#subfooter p {padding: 6px; color: #fff;}

#footer {width: 846px; border-top: 1px solid #777; margin: 12px auto;}
#footer p {padding: 12px 6px 48px;}
#footer a {color: #777; letter-spacing: 0.1em;}
#footer a:link {}
#footer a:visited {}
#footer a:hover {color: #900; text-decoration: none;}
.terms {text-align: right;}

/* ---------------------------------- Contact ------------------------------------- */

.contactForm {width: 412px;}
.contactForm td {vertical-align: middle; padding-top: 6px; padding-bottom: 6px;}
.contactForm select {display: block; width: 100%; margin: 0; padding: 0; resize: none; overflow: auto; border: 1px double #aaa;}
.contactForm input {display: block; width: 100%; margin: 0; padding: 0; resize: none; overflow: auto; border: 1px double #aaa;}
.contactForm textarea {display: block; width: 100%; height: 250px; margin: 0; padding: 0; resize: none; overflow: auto; border: none;}
.contactForm input.sub {width: 100px;}
.contactform input.dob {width: 24px;}

/* --------------------------------- SiteMap ------------------------------------- */

ul.linkedList {color: #666;}
ul.linkedList li {padding-top: 6px;}

ul.linkedList li ul {color: #666;}

#sitemap a {color: #666;}
#sitemap a:link {color: #666; text-decoration: none;}
#sitemap li ul a:link {color: #666; text-decoration: none;}
#sitemap a:visited {color: #666; text-decoration: none}
#sitemap a:hover {color: #900; text-decoration: underline;}