/*
Oranges:
FF6600
FF9900

Brown:
522C00

Purples:
663366
330033

Green:
68993D

53682b

cream:
FFFFCC
*/

/* hackery for ie6 */
img, div { 
    behavior: url('/include/iepngfix.htc');
}

p, h1, h2 {
    margin-top: 0px;
}

html {
    background-color: #330033;
}

body {
	font-family: georgia,times,serif;
	background-color: #330033;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

a:link { color: #663366 }
a:visited { color: #663366 }
a:active { color: #FF9900 }
a:hover { color: #FF9900 }

div.wrapper {
    width: 700px;
	margin: 0 auto;
}

div.banner {
    height: 125px;
    width: 100%;
    background-color: #330033;
    background-image: url('/images/banner.gif');
    margin: 0px;
    vertical-align: bottom;
}

div.innerwrapper {
    background-color: #FFFFFF;
    width: 700px;
    margin: 0px;
    text-align: left;
}

div.main {
    background-color: #FFFFFF;
    padding: 10px 20px 20px 20px;
    margin: 0px;
    color: #522C00;
    min-height: 300px;
    /* ie6 min-height hack */
    height:auto !important;
    height:300px;
    font-size: 15px;
}

div.footer {
    font-family: helvetica, arial, serif;
    text-align: center;
    font-size: 10px;
    margin: 10px;
    color: #FFFFCC;
}

div.orangeline {
    background-color: #FF9900;
    width: 100%;
    height: 5px;
    font-size: 0px;
}

div.polkadots {
    background-color: #FFFFFF;
    background-image: url('/images/medium_black_polkadots.png');
    background-position: 0px 0px;
    width: 100%;
    height: 49px;
}

div.nav {
    background-color: #FFFFFF;
    height: 25px;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

ul.nav {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

li.nav { 
    background-color: #FFFFFF;
    display: inline;
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase; 
    font-size: 11px;
    padding: 0px 3px 0px 3px; 
    font-weight: bold;
    margin:0px;
}

li.nav a { 
    text-decoration: none 
}

li.nav_active { 
    color: #FF6600; 
    font-size: 15px;
    padding: 0px 1px 0px 1px;
}

h1 {
    color: #FF6600; 
    font-size: 15px;
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase; 
    font-weight: bold;
}

h2 {
    color: #000000; 
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase; 
    font-weight: bold;
}

.imageborder {
    border: 1px solid black;
}

.imageleft {
    margin-right: 20px;
    float: left;
}

.imageright {
    margin-left: 20px;
    float: right;
}

div.center {
    width: 100%;
    text-align: center;
}

.words {
    color: #330033;
    font-size: 6px;
}

/* WEATHER */

div.weather {
    height: 149px;
    width: 582px;
    background-image: url('/images/weather.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    font-family: helvetica, arial, sans-serif;
}

ul.weather {
    list-style: none;
    display:inline;
    font-size: 9px;
}

li.weatherday {
    text-align: center;
    float: left;
    padding: 12px 0px 0px 9px;
}

li.weatherdaynow {
    text-align: center;
    float: left;
    padding: 12px 0px 0px 23px;
    width: 90px;
}

div.weathername {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    color: #FF6600;
    margin-bottom: 3px;
}

div.weatherdetailsnow {
    margin: auto;
    line-height: 10px;
    width: 90px;
}

div.weatherdetails {
    margin: auto;
    width: 50px;
    line-height: 10px;
}

span.weatherdaykey {
    text-transform: uppercase;
    color: #FF9900;
    float: left;
}

span.weatherdayvalue {
    text-transform: uppercase;
    color: #FFFFFF;
    float: right;
}