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

html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
body {background: #4d0000 url(/images/body-background.gif) repeat-x; margin:0; padding:0; padding-bottom:20px}
a:link,
a:visited,
a:active { color: #9a0000; text-decoration: none; }
a:hover { color: #F00; text-decoration: none; }
a img { border: 0; }
p {margin:0px; padding:0px; text-align:justify}
ul { margin:5px 0px 5px 0px; padding:0px}
li { margin:0px 0px 5px 0px; list-style-type: none; width:auto; padding:0px 0px 0px 15px; background:url(/images/li.gif) 5px 5px no-repeat;}
li.noGap {margin:0px 0px 0px 0px; }
H1 {margin:0px 0px 20px 0px; font-size:24px; font-weight:normal}
H2 {margin:0px 0px 10px 0px; font-size:18px; font-weight:normal}
H3 {margin:0px 0px 10px 0px; font-size:14px; font-weight:bold}
.pushL {float:left}
.pushR {float:right}
.clear {clear:both}
img.imageBorder { border: 1px solid #c7c7c7; }
#page {position:relative;width:960px; margin: 0px auto; height:auto !important; height:100%; min-height:100%;}
.font11{font-size:11px}
.fontTahoma {font-family: Tahoma, Arial, Helvetica, sans-serif; }

#pageHeader {display:block; padding:0px; margin:0px; float:left}
#contentWrap {height:auto; overflow: hidden; border-left:#9a0000 solid 3px; border-right:#9a0000 solid 3px; border-bottom:none; border-top:none; background-color:#faf2c8}

.redButton, .redButton2  {display:inline-block; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type: none; background:transparent url(/images/b-main-l.png) top left no-repeat; height:21px}
.redButton a  {display:block; background:transparent url(/images/b-main-corner-r.png) top right no-repeat; font-size:12px; font-weight:bold; padding:3px 10px 0px 10px; height:18px;}
.redButton2 a  {display:block; background:transparent url(/images/b-white-corner-r.png) top right no-repeat; font-size:12px; font-weight:bold; padding:3px 10px 0px 10px; height:18px;}
.redButton a:link,
.redButton a:visited,
.redButton a:active,
.redButton2 a:link,
.redButton2 a:visited,
.redButton2 a:active{color:#f5e289;}
.redButton a:hover,
.redButton2 a:hover {color:#FFF;}

/* ---------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------*/
#leftCol {width:400px; padding:20px 20px 0px 20px; float:left}
#rightCol {width:494px; margin:0px 20px 0px 0px; float:left; padding:0px}
#rightCol .content { background-color:#FFF; padding:20px 20px 5px 20px}

#headerHome {background-image:url(/images/header.jpg); width:945px; height:83px; padding:77px 15px 10px 0px; color:#FFF}
#headerHome a {color:#FFF; font-size:11px}

#headerSub {background-image:url(/images/sub-header-top.jpg); width:945px; height:83px; padding:27px 15px 10px 0px; color:#FFF}
#headerSub a {color:#FFF; font-size:11px}

/* ---------------------------------------------------------------------- MAIN MENU --------------------------------------------------------------------------------*/
#mainMenuHome {height:31px}
#mainMenuHome ul#menu {float:left; display:block; width:670px; height:31px; background-color:#f5e289; margin:0px; padding:0px}
#mainMenuHome ul#menu li {float:right; display:block; margin: 0px 0px 0px 5px; padding:0px 0px 0px 0px; list-style-type: none; background:transparent url(/images/b-main-l.png) top left no-repeat; height:21px}
#mainMenuHome ul#menu a {display:block; background:transparent url(/images/b-main-corner-r.png) top right no-repeat; font-size:12px; font-weight:bold; padding:3px 10px 0px 10px; height:18px;}
#mainMenuHome ul#menu a:link,
#mainMenuHome ul#menu a:visited,
#mainMenuHome ul#menu a:active {color:#f5e289;}
#mainMenuHome ul#menu a:hover {color:#FFF;}

#mainMenuSub {height:21px}
#mainMenuSub ul#menu {float:left; display:block; width:827px; height:21px; background: transparent url(/images/sub-menu-back.gif); margin:0px; padding:0px}
#mainMenuSub ul#menu li {float:right; display:block; margin: 0px 0px 0px 5px; padding:0px 0px 0px 0px; list-style-type: none; background:transparent url(/images/b-main-l.png) top left no-repeat; height:21px}
#mainMenuSub ul#menu a {display:block; background:transparent url(/images/b-main-corner-r.png) top right no-repeat; font-size:12px; font-weight:bold; padding:3px 10px 0px 10px; height:18px;}
#mainMenuSub ul#menu a:link,
#mainMenuSub ul#menu a:visited,
#mainMenuSub ul#menu a:active {color:#f5e289;}
#mainMenuSub ul#menu a:hover {color:#FFF;}

/* ---------------------------------------------------------------------- SUBPAGE --------------------------------------------------------------------------------*/
#subLeftCol {width:220px; padding:0px 0px 0px 0px; margin:0px 20px 10px 20px; float:left;}
#subRightCol {width:674px; margin:0px 20px 0px 0px; float:left; padding:0px}
#subRightCol .content { background-color:#FFF; padding:20px 20px 10px 20px}

/* ---------------------------------------------------------------------- SUB MENU --------------------------------------------------------------------------------*/
#subMenu {background-color:#FFF}
#subMenu a {display:block; border:#FAF2C8 solid 1px; border-left:none; border-right:none; background: transparent url(/images/arrow-red.gif) 10px 8px no-repeat; padding:5px 5px 5px 25px; font-weight:bold}
#subMenu a.act {display:block; border:#FAF2C8 solid 1px; border-left:none; border-right:none; background: #FFFADF url(/images/arrow-red.gif) 10px 8px no-repeat; padding:5px 5px 5px 25px; font-weight:bold}
#subMenu h2 {padding:0px 0px 10px 10px; margin:0px}
#subMenu h2 a {display:block; border:none; background: none; font-weight:normal; padding:0px}
#subMenu .level2 a {display:block; border:#FAF2C8 solid 1px; border-left:none; border-right:none; background: #FFFADF url(/images/arrow-red2.gif) 24px 8px no-repeat; padding:5px 5px 5px 35px; font-weight:bold; font-size:11px}
#subMenu .level2 a.act {display:block; border:#FAF2C8 solid 1px; border-left:none; border-right:none; background: #FAF2C8 url(/images/arrow-red2.gif) 24px 8px no-repeat; padding:5px 5px 5px 35px; font-weight:bold; font-size:11px}

/* ---------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------*/
#contentFooter {background:#9a0000}
#footer {background:url(/images/footer.gif); width:940px; height:17px; font-size:12px; padding:6px 10px 7px 10px; color:#FFF}

/* ---------------------------------------------------------------------- FRAMES --------------------------------------------------------------------------------*/
.bodyY { background-color:#faf2c8; padding:0px 20px 5px 20px}
table.headerY {width:100%; height:10px; margin:0px; border:none; padding:0px; border-collapse:collapse;}
table.headerY td {margin:0px; border:none; padding:0px; line-height:0px}
table.headerY td.l  {width:10px; height:10px; background:url(/images/corner-y-tl.png) no-repeat}
table.headerY td.r {width:10px; height:10px; background:url(/images/corner-y-tr.png) no-repeat}
table.headerY td.m  {height:10px; background:#faf2c8}
table.footerY {width:100%; height:10px; margin:0px; border:none; padding:0px; border-collapse:collapse;}
table.footerY td {margin:0px; border:none; padding:0px; line-height:0px}
table.footerY td.l  {width:10px; height:10px; background:url(/images/corner-y-bl.png) no-repeat}
table.footerY td.r {width:10px; height:10px; background:url(/images/corner-y-br.png) no-repeat}
table.footerY td.m  {height:10px; background:#faf2c8}

table.headerW {width:100%; height:10px; margin:0px; border:none; padding:0px; border-collapse:collapse;}
table.headerW td {margin:0px; border:none; padding:0px; line-height:0px}
table.headerW td.l  {width:10px; height:10px; background:url(/images/corner-w-tl.png) no-repeat}
table.headerW td.r {width:10px; height:10px; background:url(/images/corner-w-tr.png) no-repeat}
table.headerW td.m  {height:10px; background:#FFF}
.bodyW { background-color:#FFF; padding:0px 20px 5px 20px}
.bodyW H2 {margin:0px 0px 10px 0px; font-size:18px; font-weight:normal}
table.footerW {width:100%; height:10px; margin:0px; border:none; padding:0px; border-collapse:collapse;}
table.footerW td {margin:0px; border:none; padding:0px; line-height:0px}
table.footerW td.l  {width:10px; height:10px; background:url(/images/corner-w-bl.png) no-repeat}
table.footerW td.r {width:10px; height:10px; background:url(/images/corner-w-br.png) no-repeat}
table.footerW td.m  {height:10px; background:#FFF}

/* ---------------------------------------------------------------------- TABLES --------------------------------------------------------------------------------*/
table.workshops {width:100%; border-collapse:collapse;}
table.workshops th { width:17px; background:#faf2c8 url(/images/arrow-red.gif) 5px 8px no-repeat; border-bottom:#FFF solid 3px}
table.workshops td { background:#faf2c8; padding:5px; border-bottom:#FFF solid 3px}
table.workshops thead th { background:none; font-size:10px; color:#666; font-weight:bold; text-align:left; padding:5px; width:auto; border-bottom:none}

.submitButton {border:#FFF solid 1px; background:#9a0000; padding:5px 20px 5px 20px; display:inline-block; font-weight:bold}
a.submitButton:link,
a.submitButton:visited,
a.submitButton:active { color: #faf2c8; text-decoration: none; }
a.submitButton:hover { color: #FFF; text-decoration: none; }

/* ---------------------------------------------------------------------- PAGINATION STYLES --------------------------------------------------------------------------------*/
#pagination { width:100%; color:#666;}
#pagination .pages { float:right; display:block; color:#000; }
#pagination .page { display:block; text-align:center;}
#pagination .page .act { color:#F00; font-weight:bold; }
#pagination .page i { font-style:normal; }
#pagination .blank { display:inline; width:9px; height:7px }
#pagination a.first { display:inline; background-image: url(/images/pagination_first.gif); width:9px; height:7px }
#pagination a.first:hover { display:inline; background-image: url(/images/pagination_first_on.gif); width:9px; height:7px }
#pagination a.prev10 { display:inline; background-image: url(/images/pagination_prev10.gif); width:9px; height:7px }
#pagination a.prev10:hover { display:inline; background-image: url(/images/pagination_prev10_on.gif); width:9px; height:7px }
#pagination a.prev { display:inline; background-image: url(/images/pagination_prev.gif); width:9px; height:7px }
#pagination a.prev:hover { display:inline; background-image: url(/images/pagination_prev_on.gif); width:9px; height:7px }
#pagination a.next { display:inline; background-image: url(/images/pagination_next.gif); width:9px; height:7px }
#pagination a.next:hover { display:inline; background-image: url(/images/pagination_next_on.gif); width:9px; height:7px }
#pagination a.next10 { display:inline; background-image: url(/images/pagination_next10.gif); width:9px; height:7px }
#pagination a.next10:hover { display:inline; background-image: url(/images/pagination_next10_on.gif); width:9px; height:7px }
#pagination a.last { display:inline; background-image: url(/images/pagination_last.gif); width:9px; height:7px }
#pagination a.last:hover { display:inline; background-image: url(/images/pagination_last_on.gif); width:9px; height:7px }

#courseDescription {margin-top:20px}
#courseDescription p {margin-bottom:5px}
#courseDetails p {margin-bottom:5px}

.profile .label { float:left; width:120px; display:block;}
.profile .value { float:left; display:block; width:340px;}
.profile hr {color: #333; background-color: #999; border: 0; height: 1px; margin 5px 0px 5px 0px;}


/* ---------------------------------------------------------------------- FORM STYLES --------------------------------------------------------------------------------*/
.loginForm {margin:0px}
.loginForm label { float:left; width:80px; display:block; margin-bottom:0px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold; text-align:left}
.loginForm .input { float:left; display:block; width:250px; back/ground-color:#FFFF00;padding-bottom:5px }
.loginForm .inputError { float:left; display:block; width:230px; backgr/ound-color:#FFFF00;color:#FF0000; font-size:10px; padding:0px 0px 10px 0px; margin-left:80px }
.loginForm .textInput { border:1px solid #BBB; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.loginForm .textInputError { border:1px solid #FF0000; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.loginForm .radio { width:20px; display:block; float:left; margin-right:0px; margin-top:1px }
.loginForm .radioDesc {h/eight: 11px; padding: 2px 0px 2px 0px; float:left; }
.loginForm .submit { border:1px solid #c7c7c7; font-size:12px; background-color:#FFF !important; color:#000; font-family:Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; font-weight:bold}

/* ---------------------------------------------------------------------- FORM STYLES --------------------------------------------------------------------------------*/
.mapForm label { float:left; width:150px; display:block; margin-bottom:0px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold; text-align:left}
.mapForm .input { float:left; display:block; width:480px; back/ground-color:#FFFF00;padding-bottom:5px }
.mapForm .textInput { border:1px solid #BBB; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }

.contactForm {margin:0px}
.contactForm label { float:left; width:100px; display:block; margin-bottom:0px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold; text-align:left}
.contactForm .input { float:left; display:block; width:250px; back/ground-color:#FFFF00;padding-bottom:0px }
.contactForm .inputError { float:left; display:block; width:230px; backgr/ound-color:#FFFF00;color:#FF0000; font-size:10px; padding:0px 0px 5px 0px; margin-left:100px }
.contactForm .textInput { border:1px solid #BBB; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.contactForm .textInputError { border:1px solid #FF0000; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.contactForm .radio { width:20px; display:block; float:left; margin-right:0px; margin-top:1px }
.contactForm .radioDesc {h/eight: 11px; padding: 2px 0px 2px 0px; float:left; }
.contactForm .submit { border:1px solid #c7c7c7; font-size:12px; background-color:#FFF !important; color:#000; font-family:Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; font-weight:bold}

.forumForm label { float:left; width:100px; display:block; margin-bottom:0px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold; text-align:left}
.forumForm .input { float:left; display:block; width:492px; back/ground-color:#FFFF00;padding-bottom:10px }
.forumForm .textInput { border:1px solid #BBB; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }

.profileForm label { float:left; width:130px; display:block; margin-bottom:0px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold; text-align:left}
.profileForm .input { float:left; display:block; width:250px; back/ground-color:#FFFF00;padding-bottom:10px }
.profileForm .inputError { float:left; display:block; width:230px; backgr/ound-color:#FFFF00;color:#FF0000; font-size:10px; padding:0px 0px 5px 0px; margin-left:10px }
.profileForm .textInput { border:1px solid #BBB; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.profileForm .textInputError { border:1px solid #FF0000; font-size:12px; background-color:#FFF !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.profileForm .radio { width:20px; display:block; float:left; margin-right:0px; margin-top:1px }
.profileForm .radioDesc {h/eight: 11px; padding: 2px 0px 2px 0px; float:left; }

 .videoth {display:block; float:left; background:url(/images/th_video.gif) no-repeat; width:66px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
 .imageth {display:block; float:left; background:url(/images/th_image.gif) no-repeat; width:66px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
 .audioth {display:block; float:left; background:url(/images/th_audio.gif) no-repeat; width:66px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
 .readth {display:block; float:left; background:url(/images/th_read.gif) no-repeat; width:66px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
 .videoth img,
 .imageth img,
 .audioth img {width:66px; height:58px; margin:0px; padding:0px;}
 .videothsmall {display:block; float:left; background:url(/images/th_video_small.png) no-repeat; height:24px; padding:5px 0px 0px 37px; margin:0px 10px 10px 0px; text-decoration:none}
 .videothsmallnotitle {display:block; float:left; background:url(/images/th_video_small.png) no-repeat; height:24px; width:32px; padding:0px; margin:0px 10px 10px 0px;}
 .videothsmallnotitle img{width:32px; height:24px; margin:0px; padding:0px;}

div#googleMap {width:460px; height:300px;}
div#map {position: relative; margin-bottom:10px}
div#crosshair {position: absolute;    top: 142px;    height: 19px;    width: 19px;    left: 50%;    margin-left: -8px;    display: block;    background: url(/images/crosshair.gif);    background-position: center center;    background-repeat: no-repeat;}