body{
    background:url(/images/bg.png) 20% 0 repeat-x;
    background-color:#D4E7E9;
    font-family: Arial;
    font-size:62.5%;
    color:#333;
    margin:10px 0 0 0;
    padding:0;
}
div#header,div#content{
    margin:0 auto;
    width:996px;
    background:transparent;
    padding-bottom:20px;
}

div#midbg{
    background: transparent url(/images/midbg.png) 40% 0 repeat-x scroll;
    margin: 0;
    padding: 0;
    width: 100%;
}

div#topbg{
    background: transparent url(/images/topbg.png) 150% 0 repeat-x scroll;
    margin: 0;
    padding: 0;
    width: 100%;
}
h1
{
    display:block;
    width:314px;
    height:67px;
    margin:0 auto;
    font-size:1.3em;
    color:#333;
    line-height:150%;
    font-family:Georgia;
    font-weight:normal;
    padding:110px 10px 0 245px;
    background-image:url('/images/logo.png');
}

h1 a {color:#333;text-decoration:underline;}

ul#topnav
{
    list-style:none;
    padding:0;
    margin:0;
    float:right;}

ul#topnav li
{
    float:left;
    margin-right:10px;
}

ul#topnav li a
{
    font-size:1.1em;
    color:#333;
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#E9EDEE;
    padding:5px 10px;
}

ul#topnav li a:hover
{
    font-size:1.1em;
    color:#000;
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#BACBCB;
}

div#leftcol
{
    float:left;
    width:202px;
    height:583px;
    background-image:url('/images/leftcolbg.png');
}

div#rightcol
{
    float:right;
    width:204px;
    text-align:center;
    line-height:150%;
}

div#centercol,
div#divvotees,
div#howto

{
    float:left;
    width:564px;
    margin-left:17px;
    padding-bottom:250px;
}

div#divvotees,div#howto{background-image:url('/images/divvoteesbg.png');background-repeat:no-repeat;}

div#divvotees table
{width:564px;padding-bottom:20px;}

table th,table td {width:182px;text-align:center;font-size:1.2em;}

table th {font-family:Georgia;font-size:1.2em;padding-bottom:10px;border-bottom: solid 1px #ccc;}
table td {padding-top:10px;}

td.votes span {display:block;padding:5px;background-color:#fff;width:20px;margin:0 auto;font-weight:bold;font-family:Georgia;}
td.profile img {float:left;margin-left:20px;}
th.profile {text-align:left;padding-left:20px;}
td.profile span{float:left;width:100px;margin-left:10px;line-height:48px;text-align:left;}

div#divvotees h2, div#howto h2 {font-family:Georgia;font-size:1.6em;color:#333;margin:20px;font-weight:bold;}

div#centercol div#items div:first-child
{
    height:161px;
    background-image:url('/images/firstdivbg.jpg');
    background-repeat:repeat-x;
    background-position: center center;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    margin:0;
    font-size:1.7em;
    color:#000;
}

div#centercol div#items div
{
    height:92px;
    background-image:url('/images/restdivbg.jpg');
    background-repeat:repeat-x;
    background-position: center center;
    margin-top:10px;
    font-size:1.2em;
    color:#666;
}
 
div#centercol div#items div:first-child img
{
width:201px;
margin: 8px;
float:left;
}

div#centercol div#items div img 
{
width:111px;
margin: 8px;
float:left;
}

div#centercol div#items div p
{
float:left;
width:340px;
line-height:140%;
}

div#centercol div#items div p span,
div#centercol div#items div p span a
{
font-family: Georgia;
color:#829024;
text-decoration:none;
}

div#centercol div#items div p span a
{
display:block;
padding-bottom:10px;
}

div#centercol div#items div p span.author
{
display:block;
font-size:0.8em;

}

div#island
{
    height:257px;
    text-align:center;
    margin:0 auto;
    width:100%;
    z-index:99;
}
div#sea
{
    width:100%;
    height:257px;
    bottom:0;
    left:0;
    background-image:url('/images/sea.png');
    background-repeat:repeat-x;
    z-index:99;
    position:fixed;
}
div#islandcontainer
{
    background-image:url('/images/island.png');
    background-position:center;
    background-repeat:no-repeat;
    height:257px;
    width:100%;
    bottom:0;
    left:0;
    margin: 0 auto;
    position:fixed;
    z-index:99;
}

div#seaout
{
    width:100%;
    height:60px;
    bottom:0;
    left:0;
    background-image:url('/images/sea-out.png');
    background-repeat:repeat-x;
    z-index:99;
    position:fixed;
}
div#islandcontainerout
{
    background-image:url('/images/island-out.png');
    background-position:center;
    background-repeat:no-repeat;
    height:60px;
    width:100%;
    bottom:0;
    left:0;
    margin: 0 auto;
    position:fixed;
    z-index:99;
}

div#islandcontainer p
{
    width:996px;
    margin: 0 auto;
    padding:0;
}

div#islandcontainer a.mt
{
    display:block;
    margin: 56px 0 0 132px;
    text-indent:-3000px;
    border:none;
    width:64px;
    height:34px; 
}

div#islandcontainer a.planning
{
    display:block;
    float:right;
    margin: 16px 150px 0 0;
    text-indent:-3000px;
    border:none;
    width:44px;
    height:38px; 
}

div#leftcol ul
{
    background-image:url('/images/leftcoltitlebg.png');
    background-repeat:no-repeat;
    width:184px;
    height:25px;
    list-style:none;
    padding:0;
    margin:95px 0 0 5px;
}

div#leftcol ul li
{
    float:left;
}

div#leftcol ul li a
{
    display:block;
    font-size:0.9em;
    padding: 2px 0;
    margin:4px 0px 3px 3px;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
    background-color:#47682B;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#BBC5AB;
}

div#leftcol ul li a.selected
{
    display:block;
    font-size:0.9em;
    padding: 2px 0;
    margin:4px 0px 3px 3px;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
    background-color:#BBC5AB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#fff;
}

div#leftcol ul li a:hover
{
    background-color:#8DA379;
}

div#leftcol ul li.today a
{width:50px;}

div#leftcol ul li.week a
{width:62px;}

div#leftcol ul li.all a
{width:50px;}

div#leftcol div#leftcontent p
{
width:184px;
height:45px;
margin:0 5px;
background-image:url('/images/leftcolitembg.png');
}

div#leftcol div#leftcontent p img
{float:left;margin:0px 10px 0 0px;}


div#leftcol div#leftcontent p a
{display:block;color:#999999;text-decoration:underline;}

div#leftcol div#leftcontent p span
{float:left;width:100px;font-size:1.1em;font-weight:bold;color:#7AADB8;}

a.minIsland
{
display:block;
width:107px;
height:22px;
background-image:url('/images/btn-min.jpg');
text-indent:-3000px;
margin: 135px auto 0 auto;
}

a.maxIsland
{
display:block;
width:107px;
height:22px;
background-image:url('/images/btn-max.jpg');
text-indent:-3000px;
margin: 30px auto 0 auto;
}

td.profile a
{color:#333;text-decoration:none;}

td.profile a:hover
{color:#333;text-decoration:underline;}

div.pagination
{
padding:20px;
height:45px;
width: 500px;
background-image: url('/images/div-vertline.jpg');
background-repeat: repeat-x;
background-position: top;
}

div.pagination p
{
float:right;
}

div.pagination a
{
padding:0px 5px;
line-height:25px;
text-align:center;
color:#2f2f2f;
text-decoration: none;
}

div.pagination span
{
padding:0px 5px;
line-height:25px;
text-align:center;
color:#2f2f2f;
text-decoration: none;
}

div.pagination span.current
{
text-decoration: underline;
font-weight:bold;
}


div.paginate a.prev
{
width:28px;
height:25px;
background-image:url('/images/btn-prev-off.png');
background-repeat:no-repeat;
text-indent: -3000px;
}

div#paginate a.prev:hover
{background-image:url('/images/btn-prev-over.png');}

div#paginate a.next
{
width:28px;
height:25px;
background-image:url('/images/btn-next-off.png');
background-repeat:no-repeat;
text-indent: -3000px;
}

div#paginate a.next:hover
{background-image:url('/images/btn-next-over.png');}

div#howto p
{
margin:20px;
background-repeat:no-repeat;
background-position: right center;
line-height:140%;
padding-bottom:10px;
font-size:1.2em;
border-bottom:solid 1px #ccc;
font-family:Georgia;
}

div#howto p a
{
color:#333;
text-decoration:underline;
}

div#howto p.one
{
background-image:url('/images/howto-1.png');
height:110px;
padding-right:230px;
}

div#howto p.two
{
background-image:url('/images/howto-2.png');
height:65px;
padding-right:200px;
}

div#howto p.three
{
background-image:url('/images/howto-3.png');
height:160px;
padding-right:200px;
}

div#howto p.four
{
background-image:url('/images/howto-4.png');
height:65px;
padding-right:320px;
}

div#howto p span
{display:block;background-color:#E8F1F2;font-family:Georgia;margin:10px 0;font-size:1.2em;}

div#howto p span strong
{font-weight:bold;display:inline;}

div#howto p span em
{font-style:italic;}


div#howto p strong
{font-weight:bold;display:block;}

p.howto
{
font-size:1.3em;
padding:5px 5px 5px 10px;
font-family:Georgia;
background-color:#DCEEEF;
line-height:150%;
margin:0 0 10px 0;
color:#555;
}

p.howto span
{
display:block;
}