/* Skills Canada Yukon CSS by Design Station */
* { padding: 0; margin: 0; }
/* Global  ---------------- */
body { background: #FFFFFF url(../image/background/background_main.png) repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: small; text-align: center; }
#content { position: relative; width: 800px; margin: 25px auto; text-align: left; }
#header { position: relative; width: 800px; height: 58px; padding: 0; margin: 0; background: url(../image/background/background_nav.png) no-repeat; }
.sponsors { width: 775px; height: 120px; padding: 12px 0 5px; margin: 0; background: url(../image/background/background_sponsor-top.png) no-repeat top; }
#footer { position: relative; width: 775px; height: auto; padding: 0 25px 10px; }
/* Navigation ------------ */
#nav { margin: 0; padding: 0; }
#nav ul { list-style: none; padding-top: 15px; }
#nav li { float: left; }
#nav a { display: block; font-size: 15px; line-height: 18px; font-weight: bold; letter-spacing: normal; color: #0a243e; }
#nav a span { margin-bottom: -2px; display: block; font-size: 11px; line-height: 12px; font-weight: normal; color: #0a243e; background-color: transparent; }
#nav a:hover, #nav a:hover span  { color: #FFFFFF; }
li#nav-home a, li#nav-clubs a, li#nav-join a, li#nav-mentor a, li#nav-events a, li#nav-gallery a, li#nav-scy a, li#nav-contact a { margin-right: 43px; text-decoration: none; }
/* Main */
#page-home #nav-home a, #page-clubs #nav-clubs a, #page-join #nav-join a, #page-mentor #nav-mentor a, #page-events #nav-events a, #page-gallery #nav-gallery a, #page-scy #nav-scy a, #page-contact #nav-contact a { color: #FFFFFF; text-shadow: #0e4915 1px 1px 8px; }
/* Span */
#page-home #nav-home a span, #page-clubs #nav-clubs a span, #page-join #nav-join a span, #page-mentor #nav-mentor a span, #page-events #nav-events a span, #page-action #nav-action a span, #page-gallery #nav-gallery a span, #page-scy #nav-scy a span, #page-contact #nav-contact a span { color: #FFFFFF; text-shadow: #0e4915 1px 1px 8px; }
/* Index ------------------ */
#index { position: relative; width: 800px; height: auto; padding: 0; margin: 0 0 25px 0; }
#index-top { position: relative; width: 800px; height: 373px; background: url(../image/splash/rotate.php) no-repeat top; }
.index-tl { float: left; width: 350px; height: auto; padding: 0 25px; margin: 330px 0 0 0; }
.index-tr { float: right; width: 350px; height: auto; padding: 5px 25px 0 25px; margin: 330px 0 0 0; }
#index-bottom { position: relative; width: 800px; height: 174px; background: url(../image/background/background_index-bottom.jpg) no-repeat top; }
.index-bl { float: left; width: 350px; height: 174px; padding: 0 25px; margin: 0; }
.index-br { float: right; width: 350px; height: 174px; padding: 0 25px; margin: 0; }
.clear { clear: both; float: none; }
/* Sub Pages -------------- */
#subpage { position: relative; width: 800px; height: auto; padding: 0; margin: 0; }
#sub-top { position: relative; width: 800px; height: 204px; padding: 0; margin: 0; }
#sub-bottom { position: relative; width: 800px; height: auto; padding: 0; margin: -3px 0 0 0; }
.sub-bl { float: left; width: 200px; height: auto; padding: 10px 25px 25px; margin: 0 0 20px 0; background: url(../image/background/background_sub-sidebar.jpg) bottom; }
.sub-br { float: right; width: 500px; height: auto; padding: 10px 25px 20px 25px; margin: 0; background: url(../image/background/background_sub-main.jpg) repeat-y; }
.sub-full { width: 100%; height: auto; padding: 25px 25px 5px 25px; background: url(../image/background/background_sub-main.jpg) repeat; }
.spacer { clear: both; margin: 40px 0 40px 0; }
.contact-line { width: 500px; height: auto; margin: 20px 0 0 0; }
.contact-left { float: left; width: 70px; margin: 0; padding: 0 30px 0 0; }
.contact-right { float: right; width: 400px; margin: 0; }
/* Link Colors ------------ */
.index-bl a:link, .index-bl a:visited { color: #FFFFFF; text-decoration: none; }
.index-bl a:hover, .index-bl a:active { color: #9ec502; text-decoration: underline; }
.sub-bl a:link, .sub-bl a:visited { color: #9ec502; text-decoration: none; font-weight: bold; }
.sub-bl a:hover, .sub-bl a:active { color: #FFFFFF; text-decoration: underline; }
.index-br a:link, .sub-br a:link, .index-br a:visited, .sub-br a:visited { color: #0f99d8; text-decoration: none; }
.index-br a:hover, .sub-br a:hover { color: #003a57; text-decoration: underline; }
.index-br a:active, .sub-br a:active { color: #a63179; text-decoration: none; }
#footer a:link, #footer a:visited { color: #828282; text-decoration: underline; }
#footer a:hover { color: #9ec502; text-decoration: underline; }
a, a img { border: 0; }
/* Lists ------------------ */
ul { font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 5px 0 10px 40px; color: #464646; }
.sub-br ul { font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 5px 0 10px 40px; color: #082b4b; list-style-image: url(../image/other/ul-star.png); }
.sub-br ul li { margin: 0 0 10px 0; }
ul.bd { font-size: 12px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; text-transform: none; margin: 5px 0 0 40px; padding: 0 0 15px 0; color: #464646; }
ul.bd li { margin: 0 0 10px 0; }
ul.sub-level { font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 5px 0 10px 40px; color: #464646; list-style-image: url(../image/other/ul-arrow.png); }
ul.sublevel li { margin-bottom: 0px; }
.sub-bl ul { font-size: 12px; font-style: normal; line-height: 15px; font-variant: normal; text-transform: none; margin: 10px 0 5px 15px; color: #FFFFFF; list-style: none; }
.sub-bl ul li { margin: 0 0 8px 0; }
/* Font Styles ------------ */
p { font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: 14px; color: #082b4b; }
.sub-bl p { font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: 14px; color: #FFFFFF; }
.contact-left p { font-size: 11px; line-height: 12px; font-weight: bold; text-align: right; }
h1 { font-size: 24px; font-weight: normal; font-variant: normal; text-transform: none; color: #9cd40c; padding-top: 0px; }
.sub-bl-min h1 { font-size: 20px; font-weight: normal; font-variant: normal; text-transform: none; color: #9cd40c; padding-top: 0px; }
h2 { font-size: 16px; font-weight: bold; color: #a63179; padding-top: 0px; }
.sub-bl-min h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 24px; color: #FFFFFF; margin: 15px 0 0 0; }
.index-tr h2 { font-size: 23px; font-weight: bold; font-variant: small-caps; text-transform: lowercase; color: #082b4b; padding-top: 0px; }
h3 { font-size: 20px; font-weight: normal; font-variant: normal; text-transform: none; color: #99cb19; padding-top: 1px; }
h4 { font-size: 15px; font-weight: bold; color: #0f99d8; margin: 10px 0 0 0; }
h5 { font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; margin: 22px 0 12px 0; text-transform: none; color: #1b446f; }
h6 { font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; margin: 0 0 12px 0; text-transform: none; color: #1b446f; }
/* Style Modifiers ----------- */
.sub-bl-search { margin: 12px 0 0 0; }
.index-newsspacer { margin: 10px 0 10px 0; border-top: 1px solid #FFFFFF; }
.gallery-button { margin: 15px 0 15px 0; }
.index-newstitle { color: #FFFFFF; margin-bottom: 2px; line-height: 14px; }
.index-newsdate { color: #FFFFFF; font-weight: bold; font-size: 10px; line-height: 11px; }
.logo { margin-right: 60px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.bd-title { font-size: 15px; line-height: 8px; text-transform: lowercase; font-variant: small-caps; font-weight: bold; }
.ftext { font-weight: bold; text-align: right; padding: 10px 10px 0 0; }
.pmargin-bottom { margin-bottom: 14px; }
.intro { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #0f99d8; text-shadow: #d4d4d4 2px 2px 2px; }
.copyright { font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #828282; line-height: normal; margin: 0; }