.player {

    background-color: #eaf3d9;

}





#username {

        width: 5em;

        }

#password {

    width: 5em;

    }

#signin-cancel {

    width: 5em;

    }

#signin {

    width: 5em;

    }



.onepxborder {

    border:solid;

    border-width:1px;

    border-color:black;

    }





#update_msg {

        display: none;

}





/* Attendance box */



#attendance_box {

        display: none;

        margin-top: 0px;

        position: absolute;

        top: 50em;

        /*right: 20em;*/

        right: 400px;

        z-index: 10;

        /*left: 5em;*/

        border: 1px solid #aaa;

        /*padding: 1em;*/

        padding: 2px;

        width: 10.5em;

        height: 14em;

        background-color: #fff;

        }



#weather_box {

        display: none;

        margin-top: 0px;

        position: absolute;

        top: 50em;

        /*right: 20em;*/

        right: 400px;

        z-index: 10;

        /*left: 5em;*/

        border: 1px solid #aaa;

        /*padding: 1em;*/

        padding: 2px;

        width: 10.5em;

        height: 10em;

        background-color: #fff;

        }



#attendance_box h1 {

        font-size: 1.2em;

        }



#weather_box h1 {

        font-size: 1.2em;

        }



#sunsetbox {

    display:none;

    visibility:hidden;

    }







P#quote {font-style: italic; color: blue}



#login {

    width: 300px;

}



.caption {

   text-align: center;

  font-family: Arial, sans-serif;

    font-size: 14px;

  font-weight: bold;

        color: #ffffff;

}



.smallbutton {

    width: 100px;

}



/* for the immediate area that is the checkbox, this is the background color part */

.checkbox input {

        width: 20px;

        background-color: transparent;

        /*border: solid;*/

        /*border-color: black;*/

}



.nospecial input {

        background-color: transparent;

        width: 15px;

}



.radio input {

        width: 20px;

        background-color: transparent;

}



/* This belongs to the '<div class="checkbox">slkdjflsdkjf</div>' tags.  */

checkbox {

        padding: 0px;

    margin:  0px;

    width:  125px;

}



.checkbox span{

    padding: 0px;

    margin: 0px;

    display:inline;

    float:left;

    width:75px;

    border: solid;

    border-color: black;

    border-width: 1px;

}



/* This belongs to any checkbox, really, that I can tell. It's the amount of

   space surrounding just the checkbox itself.  It _could_ be specific to the login table. */

.checkbox input{

    padding: 0px;

    margin: 0px;

    float:left;

    width:25px;

}



/* somehow, this one jacked everything over to the right, progressively, in IE. wtf? */

/*.radio input{

    padding: 0px;

    margin: 0px;

    float:left;

    width:25px;

}*/



.checkbox br{

    clear:both;

}





.contactplayertextarea {

        width: 340px;

}



.formnewgame {

    background-color:   #D3DCE3;

}



.voting {

    /* background-color: #eaf3d9; */

               width: 450px;

              border: 1px solid black;



}





.nolinkstyle {

        text-decoration: none;

        color: #000000;

        }



.nolinkstyle a:active {

        text-decoration: none;

        color: #000000;

        }



.verysmall {

        text-align: left;

    font-size: 10px;

}



.verysmallnounderline {

    font-size: 10px;

}



.verysmallnounderline a {

    text-decoration: none;

    }



.location {

    width: 300px;

}



blockquote.question {

    margin: 16px 0 0 -1.3em;

    }



blockquote.question p {

    font-weight: bold;

    }

blockquote.question a {

    text-decoration: none;

    color: #715b16;

    }

blockquote.question a:hover {

    color: #017576;

    text-decoration: none;

    }



th {

    font-weight:        bold;

    color:              #000000;

    background-color:   #D3DCE3;

    text-align: center;

}



/* hovered table rows */

table tr.active:hover,

table tr.active:hover th,

table tr.expired:hover,

table tr.expired:hover th,

table tr.odd:hover,

table tr.even:hover,

table tr.odd:hover th,

table tr.even:hover th,

table tr.hover th,

table tr.hover {

    background-color:   #CCFFCC;

}



/* odd table rows 1,3,5,7,... */

table tr.odd th,

table tr.odd {

    background-color:   #E5E5E5;

    text-align:         left;

}



/* even table rows 2,4,6,8,... */

table tr.even th,

table tr.even {

    background-color:   #D5D5D5;

    text-align:         left;

}



/* rows that can be odd or even, but that are 'active' (classified ads)... */

table tr.active th,

table tr.active {

    background-color:   lightgreen; /* same as craigslist for consistency/eou */

    text-align:         left;

}



/* rows that can be odd or even, but that are 'expired' (classified ads)... */

table tr.expired th,

table tr.expired {

    background-color:   #cc99ff; /* same as craigslist for consistency/eou */

    text-align:         left;

}



.ask_shade

{

    border: solid 0px #fff0d0;

    background-color: #fff0d0;

}

.search_phrase

 {

    font-weight: bold;

    background: #fff0d0;

 }



blockquote.answer {

    margin: 16px 0 0 -1.3em;

    }

blockquote.answer p{

    padding: 0px 0px 10px 0px;

    }

blockquote h3 {

    position: relative;

    margin: 0;

    font-size: 12px;

    line-height: 20px;

    float: left;

    width: 1.5em;

    }



blockquote p {

    margin: 0;

    margin-left: 1.5em;

    }



body {

    margin: 0;

    padding: 0;



        background: #eaf3d9; /* this is that super-light green color */

        text-align: left;

    font: 12px/18px verdana, sans-serif;



    /* background: #7CCD7C; */

    /* changed for overlib */

    /* background: #fff url(/images/mobius.gif) top repeat-x; */



    }



h1 {

    font: normal 26px/30px verdana, sans-serif;

    color: #715b16;

    }



h1 strong {

    font-weight: normal;

    color: #017576;

    }



h2 {

    font: bold 14px/16px verdana, sans-serif;

    color: #999;

    }



h3 {

    font: bold 13px/15px verdana, sans-serif;

    color: #666;

    text-transform: uppercase;

    }



h4 {

    font: bold 13px/15px verdana, sans-serif;

    color: #666;

    padding:0px;

    margin: 0px;}



.resourcenopad {

    padding:0px 0px 15px 0px;

    margin: 0px;}



.h3search {

font: bold 13px/15px verdana, sans-serif;

    color: #666;

    padding:0px;

    margin: 0px;}



.h3search p {

    margin: 0;

    margin-left: 1.5em;

    font-weight: normal;

}



#main {

    position: relative;

    width: 793px;

    margin: 12px auto;

    text-align: left;

    }



.interior #main {

    /*margin-top: 0;*/

    }



#home-header img, #nav img, #left-col img, #right-col img, #header img {

    display: block;

    border: none;

    }



#header {

    width: 800px;

    background: transparent url(interior_content_bg_shadow.gif) top left repeat-y;

    }



html>body #header {

/*  background-image: url(interior_content_bg_shadow.png); */

    }



#search {



    width:793px;

    margin-right: 6px;

    margin-top: 0px;

    margin-bottom: 5px;

    text-align:right;

    color: #715b16;

    position: relative;}





#searchinside {

    width:167px;

    margin-right: 1px;

    margin-bottom: 5px;

    margin-top:15px;

    color: #715b16;

    float:right;

    text-align: center;

}



#nav {

    width: 800px;

    margin: 0;

    padding: 0 7px 0 1px;

    height: 26px;

    background: transparent url(content_bg_shadow.gif) top left repeat-y;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 792px;

    }



html>body #nav {

    /* background-image: url(content_bg_shadow.png); */

    }



#nav li {

    list-style: none;

    display: block;

    float: left;

    }



#nav li a {

    display: block;

    width: 109px;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    text-align: center;

    font: bold 11px/24px "trebuchet MS";

    text-decoration: none;

    color: #846d25;

    background: #fff url(nav_fade.gif) top right repeat-y;

    }



.interior #nav li a {

    border-top: 1px solid #ccc;

    }



#nav li a:hover {

    color: #017576;

    }



#nav li.selected a {

    color: #017576;

    }



#find_update a {

        width: 136px !important;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 131px !important;

    }



#find_update a {}



#sub-nav {

    margin: 0;

    width: 791px;

    /* background: transparent url(sub_nav_wave.gif) top left no-repeat; */

    padding: 8px 12px 0 12px;

    height: 69px;

    margin: -1px 0 0 -4px;

    voice-family: "\"}\"";

    voice-family: inherit;

    height: 61px;

    width: 767px;

    }



#sub-nav {}



#sub-nav ul {

    margin: 0;

    padding: 0;

    }



#sub-nav ul li {

    list-style: none;

    display: block;

    float: left;

    }



#sub-nav ul li a {

    padding: 0 8px;

    border-left: 1px solid #ed8a00;

    font: normal 11px/13px 'Trebuchet MS', sans-serif;

    color: #ed8a00;

    text-decoration: none;

    }



#sub-nav ul li a.first {

    border: none;

    }



#sub-nav ul li a:hover {

    color: #017576;

    }



#sub-nav ul li.selected a {

    color: #017576;

    }





#content {

      /* border-left: 1px solid #ed8a00; */

      /* border: 1px solid #7f9db9; */

      /* border-bottom: 1px solid #ed8a00; */

      border-bottom: 1px solid #ccc;

    width: 793px;

    padding: 1px 12px 22px 5px;

    color: #666;

    /*background: transparent url(content_bg_shadow.gif) top left repeat-y; */

      background: transparent url(content_bg_shadow.gif) top left repeat-y;

    float: left;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 783px;

    }



#content a {

    color: #715b16;

    }



#content a:hover {

    color: #017576;

    text-decoration: none;

    }





#contentonecol {

        background: #FFFFFF;

        border-bottom: 1px solid #ccc;

        border-left: 1px solid #ccc;

        border-right: 1px solid #ccc;

    width: 784px;

    padding: 1px 12px 22px 5px;

    color: #666;

    float: left;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 774px;

    }



#contentonecol a {

    color: #715b16;

    }



#contentonecol a:hover {

    color: #017576;

    text-decoration: none;

    }





#main-col ul li a {

    color: #715b16;

    }



#main-col ul li a:hover {

    color: #017576;

    text-decoration: none;

    }



#main-col ol li a {

    color: #715b16;

    }



#main-col ol li a:hover {

    color: #017576;

    text-decoration: none;

    }



html>body #content {

    width: 783px;

    /* background-image: url(content_bg_shadow.png); */

    }



.interior #content {

    background: transparent url(interior_content_bg_shadow.gif) top left repeat-y;

    }



html>body.interior #content {

    width: 783px;

/*  background-image: url(interior_content_bg_shadow.png); */

    }



/*.other_countries th tr {

    border: none;

    }*/



.google_map_intro h1 {

    font: bold 12px/20px arial;

    color: #007576;

    margin-bottom: 0;

}



.feature {

    border-bottom: 1px dashed #ccc;

    }



.feature h1 {

    font: bold 12px/20px arial;

    color: #007576;

    margin-bottom: 0;

    }



.feature p {

    margin-top: 0;

    margin-bottom: 6px;

    }

.feature p a {

    margin-top: 0;

    margin-bottom: 6px;

    color: #715b16;}



.feature p a:hover {

    margin-top: 0;

    margin-bottom: 6px;

    color: #017576;

    text-decoration: none;

    }



#left-col, #middle-col, #right-col {

    float: left;

    }



#sample, #sample2 {

    margin: 0px 0;

    width: 160px;

}



#quote {

        float: right;

}



#left-col, #right-col {

    margin: 0px 0;

    width: 157px;

    }



/* #left-col {

    padding-bottom: 16px;

    } */



#left-col div {

    margin-bottom: 4px;

    }



#right-col div {

    margin-bottom: 4px;

    }



/* #right-col {

    padding-bottom: 65px;

    } */



#middle-col {

    margin: 4px 22px;

    width: 425px;

    padding-bottom: 30px;

    }



#middle-right-col {

        /*border-style: solid;*/

        border-width: 1px;

    margin: 4px 17px;

    /*margin: 4px 22px;*/

    width: 582px;

    /* width: 500px; */

    padding-bottom: 30px;

    }



#middle-right-col {

    float: right;

    }



#main-col {

    padding: 4px 22px 4px;

    width: 526px;

    float: left;

    padding-bottom: 60px;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 482px;

    }



#main-col {}



#main-col-img {

    padding: 0px 22px 4px;

    width: 526px;

    float: left;

    padding-bottom: 60px;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 482px;

    }



#main-col-img {}



#footer {

    float: left;

    margin-top: -20px;

    width: 800px;

    height: 87px;

/*  background: transparent url(/images/bottom_wave.gif) top left no-repeat; */

    }





#didyouknow {

    background: transparent url(/images/dyk.gif) bottom left no-repeat;

    margin-left: 366px;

    padding-left: 116px;

    padding-right: 12px;

    height: 60px;

    padding-top: 20px;

    color: #4e3a01;

    font: 11px/14px arial;

    }



#factoids {

    height:60px;

    vertical-align:middle;

}





#comments {

    /* background-color: #eaf3d9; */

    /* background-color: #D3DCE3; */

    /* display: none; */

}



#comments_header {

     background-color: #D3DCE3;

}



/* this is the 'add comment' box that we want hidden initially */

.add-comment-box {

    display: none;

}





.add-comment-text a:hover {

    text-decoration: underline;

}



.add-comment-text a {

    text-decoration: none;

}



.add-comment-text {

    background-color: #D3DCE3;

    cursor: pointer;

    /* text-decoration: underline; */

}



#add-comment-text a:hover {

    text-decoration: none;

}



#add-comment-text a {

    text-decoration: none;

}



#add-comment-text {

    background-color: #D3DCE3;

    /*text-decoration: underline;*/

}



input.background_color {

    background-color: #eaf3d9;

}



/*

checkbox {

        width: 150px;

    background-color: #eaf3d9;

}



input.checkbox {

        width: 150px;

    background-color: #eaf3d9;

}

*/



.url {

        width: 400px;

    background-color: #eaf3d9;

}



input {

        width: 200px;

    background-color: #eaf3d9;

}



input.checkbox {

    background-color: #ffffff;

}



textarea {

    background-color: #eaf3d9;

}



select {

        width: 200px;

    background-color: #eaf3d9;

}



.smallselect {

        width: 50px;

}





hr {

    background-color: #ccc;

    height: 1px;

    border: none;

    }



form {

    margin: 0;

    padding: 0;

    }



#privacypolicy {

    width:793px;

    height:40px;

    color: #4e3a01;

    font: 11px/14px arial;

    width: 793px;

    margin: 12px auto;

    text-align:right;

    vertical-align: bottom;

    padding-top: 15px;

    }

#privacypolicy a{

    width:800px;

    color: #4e3a01;

    font: 11px/14px arial;

    width: 793px;

    margin: 12px auto;

    text-align:right;

    }

#privacypolicy a:hover{

    color: #017576;

    text-decoration: none;}



.button {

    background: #fffce0;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    color: #017576;

    font-weight: bold;

    text-align: center;

    border: 1px solid #7f9db9;

    padding: 0px 1px;

    }

.photo {

    width: 115px;

    float: left;

    position: relative;

    padding-bottom: 20px;}



.photo img {

    border: 1px solid #ccc7a6;

    }



.photo p {

    margin-top: 2px;

    line-height: 1em;

    width: 100px;

    }

.meta {

    font-size: 0.9em;

    color: #666;

    line-height: 20px;

    }

.rightnavimg {

    border: 0px none;

}

#tertiary-nav {

    margin: 0;

    padding: 0;

    width:98%;

    }



#tertiary-nav li {

    list-style: none;

    display: block;

    float: left;

    margin-right: 1em;}



#tertiary-nav li a {

    color: #715b16;

    font-weight: bold;

}

#tertiary-nav li a:hover {

    color: #017576;

    font-weight: bold;

    text-decoration:none;

}

#tertiary-nav li a.selected {

    color: #017576;

    font-weight: bold;

    text-decoration:underline;

}



#home-header {

    width: 800px;

    line-height: 0;

    /* background: transparent url(/images/header_bg_shadow.gif) top left no-repeat; */

    }



html>body #home-header {

    /* background: transparent url(header_bg_shadow.png) top left no-repeat; */

    }



#desktopbg {

    width: 250px;

    float: left;

    border: 1px solid #715b16;

    margin-top: 1em;}



#desktoplinks {

    margin-left: 270px;

    margin-top: 2em;}



#desktoplinks li{

    list-style: none;}



#desktoplinks li a {

    color: #715b16;}



#desktoplinks li a:hover {

    color: #017576;

    text-decoration: none;}



#popup {margin:12px; text-align:left;}

#popup p {font-size:10px; line-height:13px}

#popup ol li {font-size:10px; line-height:13px; margin-bottom:5px; margin-left:0px;}

#popup p.email {font-size:12px; line-height:16px}

#popup p.email a {

    color: #715b16;

    }



#popup p.email a:hover {

    color: #017576;

    text-decoration: none;

    }.rss {

    border: 0px;

}





.contentsmall {

    font-family: verdana, Arial; font-size: 11px;

    }

a.twitterlink {
    color: #715b16;
    text-decoration: none;
    }



a:hover.twitterlink {
    color: #017576;
    text-decoration: none;
    }