* {
    margin: 0 0;
    padding: 0 0;
}

/* General
-----------------------------------------------*/

body {
    background:url(/assets/ksdl/background.jpg);
    background-color: #175d81;
    font-family: "hypatia-sans-regular",sans-serif;
}

h2 {
    margin: 0 0;
    line-height: 38px;
}

h3 {
    font-family: "hypatia-sans-light",sans-serif;
    font-style: normal;
    font-size: 27px;
    margin-bottom: 20px;
}

h4 {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-size: 23px;
}


h6 .sidenavigationtext  a {
    display: inline !important;
    font-size: 13px !important;
    font-weight:400;
    float: left;
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 !important;
}


p {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: normal;
    margin-bottom:19px;
}

li {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
}

ol {
    margin-left: 50px;
    margin-bottom: 30px;
}

a { 
    text-decoration: none;
    outline: 0;
}

img {
    border: none;
}

#wrapper {
    margin: 0 auto;
    width: 950px;
}


.fullwidth {
margin: 10px 10px 10px 0px;
}

/* Main Navigation
-----------------------------------------------*/
#mainnavigation {
    width: 950px;
    height: 180px;
    position: relative;
} 
#mainnavigation #space {
    width :40px;
    height: 133px;
    background-color:#ef9b59;
    float: left;
}

#mainnavigation #logo {
    float: left;
    height: 180x;
    width: 213px;
}

#mainnavigation ul {
    float: left;
    margin-top: 25px;
    list-style: none;
}

#mainnavigation li {
    padding: 0 0 10px 20px;
}

#mainnavigation a {
    font-family: "hypatia-sans-bold",sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform:uppercase;
    color: #004d7c;
    letter-spacing: 1px;
}

#mainnavigation a:hover {
    color: #fff;
}

#mainnavigation #social {
    width: 42px;
    height: 133px;
    position: absolute;
    right: -42px;
    top:0;
    background-color:#41ad49;
}

#mainnavigation #social ul {
    margin-top: 0px !important;
}

#mainnavigation #social li {
    padding: 13px 0 0 8px ;
}

#mainnavigation #nav1 {
    background-color: #eed181;
    height: 133px;
    width: 232px;
    float: left;
}

#mainnavigation #nav1 p {margin:0;}

#mainnavigation #nav2 {
    background-color: #90b25e;
    height: 133px;
    width: 232px;
    float: left;
}

#mainnavigation #nav2 p {margin-bottom:0px;}

#mainnavigation #nav3 {
    background-color: #00adef;
    height: 133px;
    width: 233px;
    float: left;
}

#mainnavigation #nav3 p {margin-bottom:0px;}

/* Splash Image
-----------------------------------------------*/

#splashimage {
    position: relative;
    z-index: -1;
    float: left;
    height: 569px;
    width: 950px;
    top:-54px;
    margin-bottom:-54px;
    background-image: url(/assets/ksdl/splash_holder.jpg);
}

#splashcircle {
    background-image: url(/assets/ksdl/splashimage_circle.png);
    position: absolute;
    top: 100px;
    right: 70px;
    width: 228px;
    height: 228px;  
}

#XXXXXXXXXsplashcircle p {
    font-family: "ff-ernestine-web-pro",sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #623218;
    line-height: normal;
    text-align:center;
}

#splashcircle p {
    font-family: "ff-ernestine-web-pro",sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #623218;
    padding: 3px 0;
    text-align:center;
}

.learnmore {
    display: block;
    margin: 0 auto;
    width: 88px;
    height: 14px;
    background: url(/assets/ksdl/learnmore.png) top;
    text-indent: -99999px;
}



.learnmore:hover {
    background-position:0 -14px;
}

/* Main Sub Pages
-----------------------------------------------*/

#subssplashimage {
    height: 346px;
    width: 950px;
    margin-top: -54px;
    border: none !important;
    padding: 0 0;
}

#subssplashimage img {
    height: 346px;
    width: 950px;
    margin-top: -54px;
    border: none !important;
    padding: 0 0;
    background-color: #175d81;
}



/* Slide Show Frame
-----------------------------------------------*/
#subsplashimage {
    height: 299px;
    width: 950px;
}

#subsplashimage img {
    position: absolute;
    background-color: #fff;
    height: 346px;
    width: 950px;
    margin-left: -253px;
    margin-top: -47px;
        z-index:-10;
        opacity:0.0;
}

#subsplashimage img.last-active {z-index:-9;}

#subsplashimage img.active {
        z-index:-8;
        opacity:1.0;
}



/* Content
-----------------------------------------------*/

#content {
    background-color:#faf5df !important;
    background-image: url(/assets/ksdl/content_background.gif);
    float: left !important;
    width: 950px;
}

#content ul {
    margin-left: 50px;
}

#content li {
    margin-bottom: 10px;
}

#content h2 small {
    font-size: 16px;
    color: #000;
}


#content big {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-size: 25px;
    line-height: 32px;
}

.home #content big {
    font-size: 22px;    
}

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

#main {
    width: 570px;
    float: left;
    background-color:#faf5df;
    padding: 30px 40px;
}

#main h2 {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-size: 40px;
    color: #004d7c;
    margin-bottom: 20px;
}

#main h3 {
    margin-top: 25px;
}

#main h4 {
    margin-bottom: 10px;
}

#main ul {
    margin-bottom: 20px;
    list-style-image:url('/assets/ksdl/bullet.png');
}

#main li {
    margin-bottom: 5px;
}

#main a {
    color: #006aee;
    color: ###a50b0d;
    padding-bottom: -5px;
}

#main a:hover {
    color: #000;
}

#main img {
    padding: 5px 5px;
    margin: 10px 10px;
    border: 1px solid #999;
}

.videotext {
    font-size: 100px;
    width: 180px;
    float: right;
}
.videotext p {
    font-size: 16px;
}

#videohome {
    margin-top: 50px;
}
/* Module
-----------------------------------------------*/

#modules {
    height: 170px;
    margin: 30px 0;
    width:600px;
    position:relative;
}

#modules li {
    float: left;
    list-style: none;
    margin-right: 30px;
}

#modules .last {
    margin-right: 0px !important;   
}


/* Side
-----------------------------------------------*/

#side {
    width: 300px;
    min-height: 556px;
    float: right;
}

#discussionboard {
    height: 98px;
    background-image:url(/assets/ksdl/side_discussionboard.jpg);
    padding: 35px 50px 0px 50px;
}

#discussionboard p {
    font-family: "hypatia-sans-regular",sans-serif;
    font-size: 18px;
    color: #a8601f;
    text-align:center;
    line-height: 24px;
}

#discussionboard a {
    border-bottom: 1px solid;
    color: #a8601f;
}

#discussionboard a:hover {
    border-bottom: 1px solid;
    color: #fff;
}

#registernow {
    background-color: #e3ecd6;
    min-height: 250px;
    padding: 30px 50px 40px 30px;
}

#registernow h3 {
    font-family: "hypatia-sans-regular",sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 34px !important;
    color:#709d2f !important;
    margin-bottom: 10px !important;
}

#registernow h4 a {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color:#709d2f;
    line-height: 1px !important;
}

#registernow h4 a:hover {
    color: #425c1c;
}

#registernow h5 {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    text-transform:uppercase;
    color:#666;
}

#registernow p {
    font-size: 15px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

#registernow h4 p {
    border-bottom: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#announcements {
    background-color: #f6e8bc;
    min-height: 250px;
    padding: 30px 50px 40px 30px;
}

#announcements hr {
margin:10px 0px 15px 0px;
color:#000;
}

#announcements h3 {
    font-family: "hypatia-sans-regular",sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
    font-size: 34px !important;
    color:#c97636 !important;

}

#announcements h4 {
    font-family: "hypatia-sans-semibold",sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform:uppercase;
    color:#c97636;
}

#announcements h5 {
    font-family: "hypatia-sans-semibold",sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform:uppercase;
    color:#666;
}

#announcements a {color:#c97636;}

#announcements a:hover {color:#89410a;}

#announcements p {
    font-size: 15px;
    padding-bottom: 0px;
}

#announcements img {
margin-top:10px;
width:100%;
}

/* Side Navigation
-----------------------------------------------*/

#sidenavigation {
    margin-top: 30px;
}


#sidenavigation li span {
    display: block;
    width: 12px;
    height: 8px;
    float: left;
    margin: 10px 5px 0 -17px;
    background: url(/assets/ksdl/nav_arrow_hover.gif) top;
}

#sidenavigation li:hover span {
    background-position:0 -8px;
}


#sidenavigation ul {
    list-style: none;
    text-decoration: none;
}

#sidenavigation li {
    font-family: "hypatia-sans-semibold",sans-serif;
    font-style: normal;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing:1px;
}

#yellowsidebar li {
   list-style-image: url("/assets/ksdl/nav_arrow_blue.jpg");
}

#yellowsidebar li:hover {
   list-style-image: url("/assets/ksdl/nav_arrow_blue_hover.jpg");
}

#greensidebar li {
   list-style-image: url("/assets/ksdl/nav_arrow2_red.jpg");
}

#greensidebar li:hover {
   list-style-image: url("/assets/ksdl/nav_arrow2_red_hover.jpg");
}

#bluesidebar li {
   list-style-image: url("/assets/ksdl/nav_arrow3_green.jpg");
}

#bluesidebar li:hover {
   list-style-image: url("/assets/ksdl/nav_arrow3_green_hover.jpg");
}

#sidenavigation a {
    font-size: 15px;
    color: #004779;
}

#sidenavigation a:hover {
    color: #0086e4;
}


#sidenavigation li a .sidenavigationtext {
    display: inline !important;
    font-size: 13px !important;
    float: none !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 !important;
}

h6 {
    display: inline !important;
    font-size: 13px !important;
    float: none !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 !important;
}

/* Home
-----------------------------------------------*/

.home h2 {
    line-height: 40px;
    font-size: 35px !important;
}

.home ul {
    margin-left: 0 !important;
}

.home img {
    padding: 0 0 !important;
    margin: 0 0 !important;
    border: none !important;
}

.home a {
    border: none !important;
}
.aomakuamodule {
    float:left;
    width: 169px;
    height: 169px;
    background: url(/assets/ksdl/aomakua_icon_hover.png) top;
    text-indent: -99999px;
    margin-right:20px;
    margin-left:0px;
}

.aomakuamodule:hover {
    background-position:0 -169px;
}

.aokumumodule {
    float:left;
    margin-right:20px;
    width: 169px;
    height: 169px;
    background: url(/assets/ksdl/aokumu_icon_hover.png) top;
    text-indent: -99999px;
    margin-left:0px;
}

.aokumumodule:hover {
    background-position:0 -169px;
}

.ikehawaiimodule {
float:left;
    width: 169px;
    height: 169px;
    background: url(/assets/ksdl/ikehawaii_icon_hover.png) top;
    text-indent: -99999px;
    margin-left:0px;
}

.ikehawaiimodule:hover {
    background-position:0 -169px;
}

/* Classes
-----------------------------------------------*/
.classes h3 {
    margin-top: 10px !important;

}

.classes h4 {
    font-family: "hypatia-sans-semibold",sans-serif;
    font-style: normal;
    font-size: 25px;
    color: #cb7426;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    text-transform:uppercase;
}


/* Families and Communities
-----------------------------------------------*/
.families h2, .families h3, .families h4 {
    color: #d4171c !important;
}

/* Educators
-----------------------------------------------*/
.educators h2, .educators h3, .educators h4  {
    color: #d4171c !important;
}

/* High School Students
-----------------------------------------------*/
.highschool h2, .highschool h3, .highschool h4 {
    color: #d4171c !important;
}

/* Registration
-----------------------------------------------*/

.registration h2, .registration h3, .registration h4 {
    color: #177412 !important;
}

.registration  #content {
    background-color:#f3f2c0 !important;
    background-image: url(/assets/ksdl/content_background2.gif) !important;
    float: left;
    width: 950px;
}

.registration #main {
    background-color:#f3f2c0 !important;
}

.registration #main a {color:#006aee;}
.registration #main a:hover {color:#000;}

.registration #discussionboard {
    height: 98px;
    background-image:url(/assets/ksdl/side_discussionboard2.jpg);
    padding: 35px 50px 0px 50px;
}

.registration #discussionboard p {
    font-size: 18px;
    color: #e6de04;
    text-align:center;
}

.registration #discussionboard a {
    border-bottom: 1px solid;
    color: #e6de04;
}

.registration #discussionboard a:hover {
    border-bottom: none;
    color: #fff;
}

.registration #sidenavigation span {
    height: 8px;
    width: 12px;
    background: url(/assets/ksdl/nav_arrow2.gif);
    float: left;
    margin: 10px 5px 0 -17px;
}

.registration #sidenavigation a {
    font-size: 15px;
    color: #74122b;
}

.registration #sidenavigation a:hover {
    color: #c31e48;
}


.registration #sidenavigation li span {
    display: block;
    width: 12px;
    height: 8px;
    background: url(/assets/ksdl/nav_arrow2_hover.gif) top;
}

.registration #sidenavigation li:hover span {
    background-position:0 -8px;
}


/* Technical Support
-----------------------------------------------*/

.technicalsupport h2, .technicalsupport h3, .technicalsupport h4 {
    color: #177412 !important;
}

.technicalsupport  #content {
    background-color:#f3f2c0 !important;
    background-image: url(/assets/ksdl/content_background2.gif) !important;
    float: left;
    width: 950px;
}

.technicalsupport #main {
    background-color:#f3f2c0 !important;
}

.technicalsupport #main a {color:#006aee;}
.technicalsupport #main a:hover {color:#000;}

.technicalsupport #discussionboard {
    height: 98px;
    background-image:url(/assets/ksdl/side_discussionboard2.jpg);
    padding: 35px 50px 0px 50px;
}

.technicalsupport #discussionboard p {
    font-size: 18px;
    color: #e6de04;
    text-align:center;
}

.technicalsupport #discussionboard a {
    border-bottom: 1px solid;
    color: #e6de04;
}

.technicalsupport #discussionboard a:hover {
    border-bottom: none;
    color: #fff;
}

.technicalsupport #sidenavigation span {
    height: 8px;
    width: 12px;
    background: url(/assets/ksdl/nav_arrow2.gif);
    float: left;
    margin: 10px 5px 0 -17px;
}

.technicalsupport #sidenavigation a {
    font-size: 15px;
    color: #74122b;
}

.technicalsupport #sidenavigation a:hover {
    color: #c31e48;
}


.technicalsupport #sidenavigation li span {
    display: block;
    width: 12px;
    height: 8px;
    background: url(/assets/ksdl/nav_arrow2_hover.gif) top;
}

.technicalsupport #sidenavigation li:hover span {
    background-position:0 -8px;
}



/* About
-----------------------------------------------*/

.about h2, .about h3, .about h4 {
    color: #3556ab;
}

.about  #content {
    background-color:#f3f2c0 !important;
    background-image: url(/assets/ksdl/content_background3.gif) !important;
    float: left;
    width: 950px;
}

.about #main {
    background-color:#fff8dd !important;
}


.about #main a {
    color: #006aee;
}


.about #main a:hover {
    color: #000;
}

.about #discussionboard {
    height: 98px;
    background-image:url(/assets/ksdl/side_discussionboard3.jpg);
    padding: 35px 50px 0px 50px;
}

.about #discussionboard p {
    font-size: 18px;
    color: #fff;
    text-align:center;
}

.about #discussionboard a {
    border-bottom: 1px solid;
    color: #fff;
}

.about #discussionboard a:hover {
    border-bottom: none;
    color: #000;
}
.about #sidenavigation span {
    height: 8px;
    width: 12px;
    background: url(/assets/ksdl/nav_arrow3.gif);
    float: left;
    margin: 10px 5px 0 -17px;
}

.about #sidenavigation a {
    font-size: 15px;
    color: #297201;
}

.about #sidenavigation a:hover {
    color: #44bc02;
}



.about #sidenavigation li span {
    display: block;
    width: 12px;
    height: 8px;
    background: url(/assets/ksdl/nav_arrow3_hover.gif) top;
}

.about #sidenavigation li:hover span {
    background-position:0 -8px;
}
/* Hawaiian Resources
-----------------------------------------------*/

.hawaiianresources h2, .hawaiianresources h3, .hawaiianresources h4 {
    color: #3556ab;
}

.hawaiianresources  #content {
    background-color:#f3f2c0 !important;
    background-image: url(/assets/ksdl/content_background3.gif) !important;
    float: left;
    width: 950px;
}

.hawaiianresources #main {
    background-color:#fff8dd !important;
}

.hawaiianresources #main a {
    color: #006aee;
}

.hawaiianresources #main a:hover {
    color: #000;
}

.hawaiianresources #discussionboard {
    height: 98px;
    background-image:url(/assets/ksdl/side_discussionboard3.jpg);
    padding: 35px 50px 0px 50px;
}

.hawaiianresources #discussionboard p {
    font-size: 18px;
    color: #fff;
    text-align:center;
}

.hawaiianresources #discussionboard a {
    border-bottom: 1px solid;
    color: #fff;
}

.hawaiianresources #discussionboard a:hover {
    border-bottom: none;
    color: #000;
}
.hawaiianresources #sidenavigation span {
    height: 8px;
    width: 12px;
    background: url(/assets/ksdl/nav_arrow3.gif);
    float: left;
    margin: 10px 5px 0 -17px;
}

.hawaiianresources #sidenavigation a {
    font-size: 15px;
    color: #297201;
}

.hawaiianresources #sidenavigation a:hover {
    color: #44bc02;
}

#vftmodule a {
    float: left;
    margin-right: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 50px;
    border: none !important;
}


.kulaiwi {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/kulaiwi_hover2.png) top;
    text-indent: -99999px;
}

.kulaiwi:hover {
    background-position:0 -168px;
}


.ikepono {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/ikepono_hover2.png) top;
    text-indent: -99999px;
}

.ikepono:hover {
    background-position:0 -168px;
}


.virtualfieldtrips {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/virtual_field_trips_hover.png) top;
    text-indent: -99999px;
}

.virtualfieldtrips:hover {
    background-position:0 -168px;
}


.tutorialsandpresentations {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/tutorials_and_presentations_hover.png) top;
    text-indent: -99999px;
}

.tutorialsandpresentations:hover {
    background-position:0 -168px;
}


.loi {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/loi_hover.png) top;
    text-indent: -99999px;
}

.loi:hover {
    background-position:0 -168px;
}

.heeia {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/heeia_hover.png) top;
    text-indent: -99999px;
}

.heeia:hover {
    background-position:0 -168px;
}

.iolanipalace {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/iolani_palace_hover.png) top;
    text-indent: -99999px;
}

.iolanipalace:hover {
    background-position:0 -168px;
}

.maunaala {
    display: block;
    width: 168px;
    height: 168px;
    background: url(/assets/ksdl/mauna_ala_hover.png) top;
    text-indent: -99999px;
}

.maunaala:hover {
    background-position:0 -168px;
}

.hawaiianresources #sidenavigation li span {
    display: block;
    width: 12px;
    height: 8px;
    background: url(/assets/ksdl/nav_arrow3_hover.gif) top;
}

.hawaiianresources #sidenavigation li:hover span {
    background-position:0 -8px;
}

.hawaiianresources #archivetable h4 {
    color: #000;
}

/* News
-----------------------------------------------*/

.news h2, .news h3, .news h4 {
    color: #3556ab;
}

.news #main a {
    color: #006aee;
}

.news #main a:hover {
    color: #000;
}

.news #content {
    background-color:#f3f2c0 !important;
    background-image: url(/assets/ksdl/content_background3.gif) !important;
    float: left;
    width: 950px;
}


.news #main {
    background-color:#fff8dd !important;
}

.news #main img {
    padding: 5;
    margin:10;
}

.news #discussionboard {
    height: 98px;
    background-image:url(/assets/ksdl/side_discussionboard3.jpg);
    padding: 35px 50px 0px 50px;
}


.news #discussionboard p {
    font-size: 18px;
    color: #fff;
    text-align:center;
}


.news #discussionboard a {
    border-bottom: 1px solid;
    color: #fff;
}


.news #discussionboard a:hover {
    border-bottom: none;
    color: #000;
}

.news #sidenavigation span {
    height: 8px;
    width: 12px;
    background: url(/assets/ksdl/nav_arrow3.gif);
    float: left;
    margin: 10px 5px 0 -17px;
}


.news #sidenavigation a {
    font-size: 15px;
    color: #297201;
}


.news #sidenavigation a:hover {
    color: #44bc02;
}


.news #sidenavigation li span {
    display: block;
    width: 12px;
    height: 8px;
    background: url(/assets/ksdl/nav_arrow3_hover.gif) top;
}

.news #sidenavigation li:hover span {
    background-position:0 -8px;
}

.news #readmore {
    font-size: 18px;
    line-height: normal;
}

/* Footer
-----------------------------------------------*/

#footer {
    float: left;
    width: 900px;
    background-color:#c97636;
    padding: 0px 10px 10px 40px;
    margin: 0 0;
}

#footer li{
    list-style: none;
    float: left;
}

#footer li:after {
content:"|";
padding-left:6px;
padding-right:6px;
color:#fff;
}



#footsocial li:after {content:none;}

#footer li:last-child:after {content:none;}


#footer span {
    color: #fff;
    padding: 0 5px;
}

#footer a {
    font-size: 10px;
    /*text-transform:uppercase;*/
    color: #fff;
}

#footer a:hover {
    color: #000;
}

#footer p {
    font-size: 10px;
    color: #fff;
    margin: 5px 0;
}

#footlogo {
    float: left;
    margin-right: 15px;
}

#footnav {
    float: left;
    width:650px;
    margin-top: 20px;
}

#footnav ul,#footnav p {
    float: left;
}

#footsocial {
    float: right;
    width: 250px;
    margin-top: 33px;
}

#footsocial li {
    margin-right: 10px; 
}

#footsocial p {
    font-family: "hypatia-sans-regular",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;    
    margin-top: 12px;
    color: #f6e8bc;
}

.clear {
    clear: both;
}


.back-to-top {
    text-decoration: none;
    color: #000000;
    float: right;
    background-color: #875403;
    font-size: 12px;
    padding: 5px 10px;
    margin-top: 20px;
}

.back-to-top a {
    color: #fff !important;
}

.back-to-top:hover {
    background-color: #563501;
}


/* Discussion Forum Page
-----------------------------------------------*/
.discussionboardd #main {
    background-color:#faf5df;
    width: 870px;
    min-height: 500px;
}

.discussionboardd #content {
    background: none;
    font-family: "hypatia-sans-regular",sans-serif;
}

#discussionforum #content {
    margin: 0 0;
    width: 100%;
}

.discussionboardd #main a {
    color: #006aee;
}

.discussionboardd #main img {
    border: none;
    margin: 0 0;
    padding: 0 0;
}

/* Login Info Bar */
#discussionforum #topBar {
    background: #464523 !important;
}

#discussionforum #topBar a {
    color: #fff;
}

/* Main Search Bar */
#discussionforum #subheader {
    background: #d3d38e;
}


#discussionforum .submit {
    background-color: #464523;
}


/* Logo Header */
#discussionforum #pageheader {
    display: none;
}



/* Top Header of Forum */
#discussionforum .tableRowHeadingBold {
    background: #d3d38e;
    font-family: "hypatia-sans-semibold",sans-serif;
    font-size: 20px;
    color: #464523;
    text-transform:uppercase;
    padding-left: 20px;
}

#discussionforum .profileHeadingBG, #discussionforum .tableHeadingBG {
    background: #464523;
    font-family: "hypatia-sans-semibold",sans-serif;
    font-size: 20px;
    color: #464523;
    text-transform:uppercase;
    border: none;
}

#discussionforum #forum1off .tableHeadingBG, #discussionforum #forum1on .tableHeadingBG {
    background: #464523;
}

#discussionforum .tableHeading {
    padding-left: 20px;
    font-family: "hypatia-sans-semibold",sans-serif;
    font-size: 25px;
    color: #fff;
    text-transform:uppercase;
}

/* Table Rows of Forum Table */
#discussionforum .tableCellTwo, #discussionforum .tableCellOne {
    background: #faf1dc;
    padding: 5px 0 10px 0;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #ded7ba;
}



#discussionforum .forumindex, #discussionforum .forumName {
    font-family: "hypatia-sans-regular",sans-serif;
    font-size: 20px;
    color: #464523;
}

#discussionforum .forumName {
    padding-left: 10px; 
}

#discussionforum .forumDescription {
    font-family: "hypatia-sans-regular",sans-serif;
    font-size: 13px;
    color: #464523;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    
}


/* Within Forum Searchbar */
#discussionforum .tableRowHeading {
    background: #d3d38e;
    padding-left: 25px;
}

/* Footer Info and Template Selector */
#discussionforum #footer {
    display: none; 
}

/* Main Forum Table */
#discussionforum .tableBorderLeft {
    border: 1px solid #464523;
}

/* Forum Legend */
#discussionforum .tableBorderTopLeft {
    display: none;
}

/* New Topic Button */
#discussionforum .buttonLarge, #discussionforum .buttonSmall {
    background: #464523;
}

#discussionforum .buttonLargeHover, #discussionforum .buttonSmallHover {
    background: #818041;
    color: #fff;
}

#discussionforum .itempadbig {
    padding-left: 25px;
}

#discussionforum #subheader .itempadbig {
    padding-left: 0px;
}

/* Top Bar Links */
#discussionforum .topBarLinks {
    text-align: left;
    padding-left: 25px;
}

/* Profile Page */
#discussionforum .profileTopBox {
    padding-left: 25px;
    background: #faf1dc;
}

#discussionforum .profilePhoto {
    background: #faf1dc;
}

#discussionforum .defaultBold {
    padding-left: 25px;
}

/* Control Panel */
#discussionforum .menuHeadingBG {
    background: #464523;
}

#discussionforum .profileHead {
    background: #d3d38e;
    color: #464523;
    padding-left: 30px;
}

#discussionforum .profileMenu {
    background: #faf1dc;
}

#discussionforum .menuItem {
    padding-left: 20px;
}

/* Edit Profile */
#discussionforum .marginpad {
    padding-left: 20px;
}

/* MISC */
#discussionforum .buttons {
    background-color: #464523;
}

#discussionforum .highlight {
    padding-left: 30px;
}

/* Memberlist */
#discussionforum .memberlistHead {
    background: #464523;
}

#discussionforum .memberlistFooter {
    background: #d3d38e;
}

#discussionforum .memberlistRowOne, #discussionforum .memberlistRowTwo {
    background: #faf1dc;
    border-bottom: 1px solid #ded7ba;
    border-top: none;
    border-left: none;
    border-right: 1px solid #ded7ba;
}

/* Topic Post  */
#discussionforum .previewheading {
    background: #464523 !important;
}

#discussionforum .preview {
    background: #faf1dc;
}


/*FontFace*/
@font-face {
    font-family: "hypatia-sans-regular";
    src:url(/assets/ksdl/webfonts/HypatiaSansPro-Regular.eot),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Regular.eot?#iefix) format('embedded-opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Regular.otf) format('opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Regular.woff) format('woff'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Regular.ttf) format('truetype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Regular.svg#HypatiaRegular) format('svg');
}

@font-face {
    font-family: "hypatia-sans-bold";
    src: url(/assets/ksdl/webfonts/HypatiaSansPro-Bold.eot),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Bold.eot?#iefix) format('embedded-opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Bold.otf) format('opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Bold.woff) format('woff'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Bold.ttf) format('truetype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Bold.svg#HypatiaBold) format('svg');
}

@font-face {
    font-family: "hypatia-sans-black";
    src: url(/assets/ksdl/webfonts/HypatiaSansPro-Black.eot),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Black.eot?#iefix) format('embedded-opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Black.otf) format('opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Black.woff) format('woff'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Black.ttf) format('truetype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Black.svg#HypatiaBlack) format('svg');
}

@font-face {
    font-family: "hypatia-sans-extralight";
    src: url(/assets/ksdl/webfonts/HypatiaSansPro-Extralight.eot),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Extralight.eot?#iefix) format('embedded-opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Extralight.otf) format('opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Extralight.woff) format('woff'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Extralight.ttf) format('truetype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Extralight.svg#HypatiaExtraLight) format('svg');
}

@font-face {
    font-family: "hypatia-sans-light";
    src: url(/assets/ksdl/webfonts/HypatiaSansPro-Light.eot),
     url(/assets/ksdl/webfonts/HypatiaSansPro-Light.eot?#iefix) format('embedded-opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Light.otf) format('opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Light.woff) format('woff'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Light.ttf) format('truetype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Light.svg#HypatiaLight) format('svg');
}

@font-face {
    font-family: "hypatia-sans-semibold";
    src: url(/assets/ksdl/webfonts/HypatiaSansPro-Semibold.eot),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Semibold.eot?#iefix) format('embedded-opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Semibold.otf) format('opentype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Semibold.woff) format('woff'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Semibold.ttf) format('truetype'),
         url(/assets/ksdl/webfonts/HypatiaSansPro-Semibold.svg#HypatiaSemibold) format('svg');
}

/** LIGHTBOX MARKUP **/

.lightbox {
    /** Default lightbox to hidden */
    display: none;

    /** Position and style */
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}

.lightbox img {
    /** Pad the lightbox image */
    max-width: 90%;
    max-height: 80%;
    margin-top: 2%;
}

.lightbox:target {
    /** Remove default browser outline */
    outline: none;

    /** Unhide lightbox **/
    display: block;
}