body { color: #fff; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: center; background-color: #dcdcc0; background-image: url(../graphics/koler_bg.gif); background-repeat: repeat-x; background-position: center top; margin: 0; padding: 0; list-style: disc; list-style-position: outside; }

div#body { width: 100%; background-image: url(../graphics/koler_shadow.png); background-repeat: repeat-y; background-position: center top; }

div#container { position: relative; width: 900px; margin: 0 auto; padding: 0; background-color: #fff; }

td.gray { padding-left: 10px; padding-top: 10px; background-image: url(../graphics/koler_03.gif); background-repeat: repeat-x; background-position: left top; }

td.graymenu { background-image: url(../graphics/koler_03.gif); background-repeat: repeat-x; background-position: left top; }

td.gray img { vertical-align: middle; padding: 0 10px 0 0; }

td.gray *, td.gray a { color: #fff; font-size: 12px; }

td.gray span a, td.gray span { color: #000; }

td#pink { padding-left: 10px; background-image: url(../graphics/koler_05.gif); background-repeat: repeat-x; background-position: left top; }

td#pink h1, td#pink h2 { color: #fff; line-height: 25px; text-transform: uppercase; padding: 0; margin: 0; }

td#pink h1 { font-size: 22px; }

td#pink a { color: #fff; }
 
td#menu { background-color: #000; padding: 10px 0 10px 27px; }

td#menutag { background-color: #000; padding: 35px 0; }

td#menu * { color: #fff; font-size: 13px; }

td#menu table table { width: 90%; }

td#menu strong { font-weight: bold; padding: 20px 0 0; }

td#brown { color: #000; background-color: #cccc99; }

td#brown a, td#brown p, td#brown * { color: #000; font-size: 11px; line-height: 13px; padding: 0; margin: 0; }

td#brown h3 a, td#brown a h3, td#brown h3 { color: #000; font-size: 12px !important; line-height: 15px; font-weight: normal; padding: 3px 0 1px !important; margin: 0; }

td#brown a:hover, td#brown strong a:hover, td#brown a strong:hover { color: #fff; }

td#left { color: #505050; padding: 10px 10px 10px 27px; }

td#left p { color: #505050; font-size: 90%; line-height: 14px; }

td#left img { padding: 0 5px 15px 0; }

td#content { color: #505050; padding: 15px 15px 15px 8px; }

td#purple { padding-left: 10px; padding-top: 10px; background-image: url(../graphics/koler_30.gif); background-repeat: repeat-x; background-position: left top; }

td.purplemenu { background-image: url(../graphics/koler_30.gif); background-repeat: repeat-x; background-position: left top; }

td.brown { background-color: #cccc99; padding: 10px 20px; }

td#footer *, td#footer a, td.brown { color: #3d3c3c; font-size: 11px; }

p { color: #282828; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin: 0; padding: 0 0 10px; }

h1 { color: #000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 25px; font-weight: normal; line-height: 35px; margin: 0; padding: 7px 0 10px; }

h2 { color: #181818; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 28px; margin: 0; padding: 0 0 10px; }

h3 { color: #6c5c44; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; padding: 0 0 10px; }

h4 { color: #333366; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; font-weight: bold; line-height: 23px; margin: 0; padding: 0; }

h5 { color: #83a390; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 11px; margin: 0; padding: 0 0 2px; }

h6 { color: #949686; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; margin: 0; padding: 2px 0; }

/* styles for links */

a:link { color: #cc6666; text-decoration: none; }

a:visited { color: #cc6666; text-decoration: none; }

a:hover { color: #000000; text-decoration: none; }

a:active { color: #000000; text-decoration: none; }

a img { border: none; }

/* styles for the input fields */

input { color: #020101; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; width: 30%; margin: 4px 0; padding: 2px 4px; }

select { margin: 4px 0; }

input#searchbox { width: 100%; font-size: 12px; margin: 0; padding: 0 0 0 40px; border-style: none; background-color: transparent; }

input#email { width: 90%; margin: 10px 0 0; padding: 6px 0 5px 8px; border: 1px #6c6c6c solid; background-color: #fff; }

input#submit { width: 95px; height: 43px; margin: 6px 0 0; padding: 0; border-style: none; background-color: transparent; }

textarea { color: #6d6f71; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 11px; width: 80%; height: 75px; margin: 4px 0; padding: 2px 4px; overflow: auto; }

input.submit { color: #000; width: 75px; float: right; margin: 10px 0 0 0; }

/* styles for the weather */

td#todaysweatherimg { text-align: center; height: 90px; vertical-align: middle; border: 1px #8c8c8c solid; background-color: #fff; }

td#todaysweather { vertical-align: bottom; padding: 0 0 0 10px; }

td#todaysweather p.condition { color: #000; font-weight: bold; padding: 0; }

td#todaysweather p.highs { color: #ea0000; padding: 0; }

td#todaysweather p.lows { color: #236d81; padding: 0; }

/* resets */

* {
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
form { margin: 0; padding: 0; }

div { margin: 0px; padding: 0px; }

span { margin: 0; padding: 0; }

ul { margin: 0 0 15px; padding: 0 0 0 25px; }

small { font-size: 90%; }

address { font-style: normal; }

strong { font-weight: bold; }

strong.upper { font-size: 120%; text-transform: uppercase; font-weight: bold; }

span.upper { font-size: 100%; font-weight: bold; }