/** Original SytleSheet contents */
body, p, h1, h2
{
    font-family: Verdana;
    line-height: 1.25;
}
p, li
{
    font-size: small;
    margin-top:5px;
}
h1
{
    color: #000099;
    font-size:large;
}
h2
{
    font-size:medium;
        margin-top:30px;
    margin-bottom:10px;
}
h3
{
    font-size: small;
    margin-top:20px;
    margin-bottom:5px;
}

/** Home Page Styles */
#header-1 {}
#header-2 {}

#top-nav {}
ul#nav { list-style-type:none;padding-left:5px;margin-top:3px;color:#000099;}
#nav a { color:#000099; text-decoration: none; font-size:12px; font-weight: bold; }
.nav-item a:hover { color:Red !important; text-decoration: none; }
.nav-item { display:inline;}
.nav-seperator { display:inline;}

#content { margin-left: 10px; }
#content-header {}
#content-main {}
#content-main-left {float:left; width:490px;margin-left:5px;}
#content-main-right {float:right;padding-top:15px;padding-right:10px;margin-left:5px;}
.side-image { width:200px; height:193px; }

#content-province-list {}
#content-province-list-left {float:left;}
#content-province-list-right {float:left;width:51%;}
.province-list {list-style-type: none;}


#content-main-right-top {padding-bottom:40px;}
#content-main-right-bottom {padding-bottom:30px;}
#content=main-right-quiz { width: 200px; }
#footer { clear:both;float:left;}

/** Landing Page StyleSheet */
#container
{
    width: 750px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left
}
#container-title
{
    padding-bottom: 5px;
}
#container-content
{
}
#header
{
    background-color: #aaddff;
    color: #004488;
    text-align: center;
}
#header-title
{
    font-size: medium;
}
#header-subtitle
{
}
.boating-steps-element
{
}
.container-logo
{
    margin-right: 10px; 
    margin-top: -10px;
    width: 105px;
    height: 108px;
}
#container-logo-right
{
    float:right;
}
#container-logo-left
{
    float:left;
}
#container-title-content
{
    text-align:center;
    float:left;
    width:350px;
}
#boating-steps-list
{

}
#disclaimer
{

}
.button,.button:visited {
    font: 700 18px "myriad-pro-condensed-1","myriad-pro-condensed-2",Arial,Sans-serif;
    padding: .25em 1em;
    margin: 3px;
    display:inline-block;
    width:auto;       /* ie 6/7 width fix */
    overflow:visible; /* ie 6/7 width fix */
    outline:0;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5),
        inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5),
        inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    background-image: -webkit-gradient(linear, left top, left bottom,
            color-stop(0.0, rgba(255, 255, 255, 0.8)),
            color-stop(0.01, rgba(255, 255, 255, 0.6)),
            color-stop(0.5, rgba(255, 255, 255, 0.3)),
            color-stop(0.5, rgba(255, 255, 255, 0.2)),
            color-stop(1.0, rgba(255, 255, 255, 0.0)));
    background-image: -moz-linear-gradient(top,
            rgba(255, 255, 255, 0.6) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.0) 100%);
    background-image: -o-linear-gradient(top,
            rgba(255, 255, 255, 0.6) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.0) 100%);             
    background-color: #000;
    color: #fff !important;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.80);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    cursor:pointer;
}