@import url(/css/lotto_results.css);
@import url(/css/search.css);
@import url(/css/weather.css);
@import url(/css/picture_of_the_day.css);

/* Layout I */
body {
margin: 0; padding: 0 0 10px 0;
background: #fff url(/img/background/body.gif) 50% 0 repeat-y;
font: 0.8em Verdana, Helvetica, sans-serif; color: #555;
text-align: center; /* ie4 - ie5.5 fix */
line-height: 1;}

div#header {
overflow: hidden;
margin: 0 auto; padding: 5px 20px;
border-top: 1px solid #fff; border-bottom: 1px solid #aaa;
width: 780px;
background: #e9e9e9 url(/img/background/header.gif) 12px 0 repeat-x;
text-align: left; /* ie4 - ie5.5 fix */
voice-family: "\"}\""; /* ie4 - ie5.5 fix */
voice-family: inherit;
width: 740px;}
html>body div#header {
width: 740px;}

div#header div#account {
float: right;
padding: 0.3em 0;}

div#header div#logo {
float: left;}

div#legal {
margin: 0 auto; padding: 8px 0;
width: 744px;
border: 1px solid; border-color: #ccc #bbb #999 #bbb;
background: #fff url(/img/background/legal.gif) 0 0 repeat-x;
font: normal 0.7em Verdana, sans-serif; color: #777;
text-align: center;}

div#main {
overflow: hidden;
margin: 0 auto; padding: 15px 11px;
width: 778px;
background: #fff url(/img/background/main.gif) 0 0 repeat-x;
text-align: left; /* ie4 - ie5.5 fix */
voice-family: "\"}\""; /* ie4 - ie5.5 fix */
voice-family: inherit;
width: 756px;}
html>body div#main {
width: 756px;}

div#navigation {
overflow: hidden;
margin: 0 auto; padding: 0 18px;
border-top: 1px solid #fff; border-bottom: 1px solid #aaa;
width: 780px;
background: #e9e9e9 url(/img/background/header.gif) 0 0 repeat-x;
text-align: left; /* ie4 - ie5.5 fix */
voice-family: "\"}\""; /* ie4 - ie5.5 fix */
voice-family: inherit;
width: 744px;}
html>body div#navigation {
width: 744px;}


/* Layout II */
div.column {
display: inline; /* ie6 fix */
float: left;
margin: 0 5px; padding: 0 4px 4px 4px;
border: 1px solid; border-color: #888 #aaa #ccc #aaa;
width: 242px; /* ie4 - ie5.5 fix */
background: #ddd url(/img/background/column.gif) 0 0 repeat-x;
voice-family: "\"}\"";
voice-family: inherit;
width: 232px;}
html>body div.column {
width: 232px;}

div.column div.cell {
overflow: hidden; /* ff fix */
margin-top: 4px; padding: 10px 6px 5px 6px;
border: 1px solid; border-color: #ccc #bbb #999 #bbb;
background: #fff url(/img/background/cell.gif) 0 1px repeat-x;
voice-family: "\"}\""; /* ie4 - ie5.5 fix */
voice-family: inherit;
background: #fff url(/img/background/cell.gif) 0 1px repeat-x;}
html>body div.column div.cell {
background: #fff url(/img/background/cell.gif) 0 0 repeat-x;}

div.column div.cell div.sponser {
margin: 8px 0; padding-top: 8px;
border-top: 1px solid #ccc;
font: normal 0.8em Verdana, sans-serif; color: #666;
line-height: 1.4em;}

div.column div.cell ul.page li.form div.action {
clear: left;
margin-top: 4px; padding-top: 8px;
border-top: 1px dashed #396;}

div.column div.cell ul.page li.form div.progress {
margin: 0.5em 0 1em 0;}

div.column div.cell ul.page li.form div.progress div.message {
font: bold 0.9em Arial, sans-serif; color: #063;
text-align: center;}

div.column div.cell ul.page li.form div.progress div.progress_bar {
width: 204px;
margin: 6px 0;
border: 1px #898 solid;
background-color: #ded;}
    
div.column div.cell ul.page li.form div.progress div.progress_bar div.progress_meter {
width: 0;
height: 10px;
background-color: #bcb;}

div.column div.cell ul.page li span.text {
font: bold 0.9em Arial, sans-serif; color: #444;}

div.column div.cell ul.page li span.name {
font: bold 0.9em Arial, sans-serif; color: #666;}

div.column div.cell div.action {
margin-bottom: 0.6em;}

div.content {
float: left;
margin: 0 9px;
width: 476px;}

div.content div.business {
margin-bottom: 15px;
border: 1px solid; border-color: #f0f0f0 #e0e0e0 #d0d0d0 #e0e0e0;
background: #fff;}

div.content div.business div.more,
div.content div.business div.summary {
overflow: hidden;
padding: 6px;}

div.content div.business div.more {
overflow: hidden;
border-top: 1px solid #e3e3e3;
background: #f9f9f9;}

div.content div.business div.more div.map {
float: left;
overflow: hidden;
margin-right: 10px;
width: 200px; height: 120px;
border: 1px solid #aaaaaa;}

div.content div.business div.summary div.more-button {
float: left;
margin: 0 10px -6px -6px;
border: solid #e3e3e3; border-width: 1px 1px 0 0;
background-color: #f9f9f9;
font: bold 0.8em Verdana, sans-serif; color: #555;}

div.content div.business div.more div.info {
float: left;
margin-right: 10px;}

div.content table td div.note {
margin-top: 0.3em;
color: #666;}

div.form_message {
margin-bottom: 1em; padding: 6px;
border: 1px solid; border-color: #dda #cc9 #bb8 #cc9;
background-color: #fffbb8;
font: bold 1em Arial, sans-serif; color: #660;}

#setHome {
display: none;
margin-right: 5px; margin-left: 5px;
text-align: center;}

#setHome a {
display: block;}

#setHome a:hover {
text-decoration: none;}


/* Images */
img {
border: none;}

div.column div.cell div.sponser img.logo {
float: right;}

div.column div.cell ul.gallery li img {
display: block;}

div.column div.cell ul.links li img.icon {
float: left;
margin-right: 5px;}


/* Paragraphs */
p {
margin: 0;}

div.column div.cell p {
margin-bottom: 1.1em;
font-family: Arial, sans-serif; color: #555;
line-height: 1.4em;}

div.column div.cell ul.links p {
margin: 0.2em 0;}

div.content p {
margin-bottom: 1.5em;
line-height: 1.5em;}

div.content div.business div.summary p {
margin-bottom: 1.5em;
font: normal 0.85em Arial, sans-serif; color: #494949;
line-height: 1.5em;}

/* Headers */
h1, h2, h3, h4, h5, h6 {
margin: 0;}

div.content h2 {
margin-bottom: 0.6em;
font: bold 1.3em Arial, sans-serif; color: #333;}

div.content h3 {
margin-bottom: 0.4em;
font: bold 1.2em Arial, sans-serif;}

div.content div.business div.more div.info h4 {
font: bold 0.9em Arial, sans-serif; color: #555;}

div.content div.business div.more div.info h4.address,
div.content div.business div.more div.info h4.website {
padding-top: 0.2em; padding-left: 22px;
min-height: 16px;}

div.content div.business div.more div.info h4.address {
background: url(/img/icon/house-16.gif) 0 50% no-repeat;}

div.content div.business div.more div.info h4.website {
background: url(/img/icon/globe-16.gif) 0 50% no-repeat;}

div.column div.cell h2 {
margin-bottom: 0.3em; padding-bottom: 0.4em;
border-bottom: 1px solid #bbb;
font: bold 1.2em "Trebuchet MS", serif; color: #494949;
text-align: center;}

div.column div.cell h2 img {
vertical-align: middle;}

div.column div.cell h3 {
margin-bottom: 0.4em;
font: bold 1.2em Arial, sans-serif;}

div.column div.cell h4 {
margin-bottom: 0.4em;
font: bold 1em Arial, sans-serif;}


/* Links */
a {
color: #259;
text-decoration: none;}

a:hover {
color: #000;
text-decoration: underline;}

li a {
height: 1px; /* ie4 - ie5.5 fix */
voice-family: "\"}\"";
voice-family: inherit;
height: 1px;} /* ie6 fix */
html>body li a {
height: auto;}

div#header div#account a {
font: bold 0.85em Verdana, sans-serif;}

div#header div#account a:hover {
padding-bottom: 1px;
border-bottom: 2px solid #aaa;
font: bold 0.85em Verdana, sans-serif;
text-decoration: none;}

div#navigation a {
display: block;
float: left;
padding: 6px 13px;
font: bold 1.2em "Trebuchet MS", sans-serif; color: #666;
text-decoration: none;}

div#navigation a:hover,
div#navigation a.selected {
background: #eee;
color: #333;}

div.content div.business div.summary div.more-button a {
display: block;
padding: 0.8em 1em;}

div.column div.cell ul.links li a {
display: block;
padding: 0.2em 0.3em;
line-height: 1.5em;}

div.column div.cell ul.links li a:hover {
background-color: #fffdc9;
text-decoration: none;}

div.column div.cell ul.links li a:visited {
color: #836;}

div.column div.cell ul.arrows li a {
padding-left: 22px;
background: url(/img/icon/link-16.gif) 2px 50% no-repeat;}

div.column div.cell ul.news li a {
padding-left: 22px;
background: url(/img/icon/document-16.gif) 2px 0.3em no-repeat;
font-family: Arial, sans-serif;}

div.column div.cell ul.page li a {
font: bold 0.9em Arial, sans-serif;}

div.column div.cell ul.page li a.action {
font: bold 0.85em Arial, sans-serif;}

div.column div.cell ul.page li a.action:hover {
color: #000;
text-decoration: none;}

div.column div.cell ul.page li a.delete {
color: #a03;}

div.column div.cell ul.page li a.edit {
color: #093;}
 
div.column div.cell ul.gallery li a img {
border: 1px solid #46a;}

div.column div.cell ul.gallery li a:hover img {
border: 1px solid #000;}

div.column div.cell div.address {
text-align: center;}

div.column div.cell ul.action li a {
color: #093;}


/* Lists */
ol, ul {
margin: 0; padding: 0;}

ol li, ul li {
list-style: none;}

div.content ul.action li {
margin-left: 1.2em;
font: bold 0.9em Arial, sans-serif;
list-style: disc;}

div.content div.form_message ul {
margin: 0.7em 0;}

div.content div.form_message ul li {
margin-left: 1.5em; margin-bottom: 0.5em;
font-weight: normal;
line-height: 1.3em;
list-style: square outside;}

div.column div.cell ul.info {
margin: 5px 0;
text-align: center;}

div.column div.cell ul.info li {
margin-bottom: 0.5em;
line-height: 1em;}

div.column div.cell ul.links li {
clear: left;
border-top: 1px dashed #ccb;
font: normal 0.9em Verdana, sans-serif;}

div.column div.cell ul.links li.first {
border-top: none;}

div.column div.cell ul.links li.document {
padding-left: 22px;
min-height: 16px;
background: url(/img/icon/document-16.gif) 0 50% no-repeat;}

div.content div.business ul.details {
float: right;
width: 170px;
padding-left: 10px;
border-left: 1px solid #ccc;}

div.content div.business div.summary ul.contact {
float: left;
margin-top: 0.25em;}

div.content div.business div.summary ul.contact li {
float: left;
padding-top: 0.4em; margin-right: 12px;
min-height: 16px;
font: bold 0.85em Arial, sans-serif; color: #555;}

div.content div.business div.summary ul.contact li.e-mail {
padding-left: 20px;
background: url(/img/icon/envelope-16.gif) 0 50% no-repeat;}

div.content div.business div.summary ul.contact li.fax {
padding-left: 20px;
background: url(/img/icon/fax-16.gif) 0 50% no-repeat;}

div.content div.business div.summary ul.contact li.phone {
padding-left: 20px;
background: url(/img/icon/phone-16.gif) 0 50% no-repeat;}

div.content div.business div.more div.info ul {
margin-bottom: 1em;}

div.content div.business div.more div.info ul li {
font: normal 0.85em Verdana, sans-serif; color: #333;
line-height: 1.4em;}

div.column div.cell ul.features {
margin-top: 0.5em; margin-bottom: 0.5em;}

div.column div.cell ul.features li {
margin-left: 0.5em; margin-bottom: 0.3em;
font: normal 1em Arial, sans-serif; color: #444;
line-height: 1.3em;
list-style: disc inside;}

div.column div.cell ul.page {
clear: left;
margin: 2px 0;
line-height: 1.6em;}

div.column div.cell ul.page li.add {
margin-top: 4px; padding-left: 22px;
min-height: 16px;
background: url(/img/icon/add-16.gif) 0 50% no-repeat;}

div.column div.cell ul.page li.document {
padding-left: 22px;
min-height: 16px;
background: url(/img/icon/document-16.gif) 0 50% no-repeat;}

div.column div.cell ul.page li.form {
/*display: none;*/
margin: 5px 0; padding: 5px 5px 0 5px;
border: 1px solid; border-color: #898 #bcb #ded #bcb;
background: #f0fff0;
font-size: 1em;
text-align: left;}

div.column div.cell ul.gallery li.form {
margin: 5px 0 5px 6px;}

div.column div.cell ul.gallery {
margin-left: -6px;}

div.column div.cell ul.gallery li {
float: left;
display: inline;
margin: 0 0 6px 6px;/* padding-bottom: 5px;
background: url(/img/background/gallery_image.gif) 0 100% no-repeat;*/
text-align: center;}

div.column div.cell ul.message {
margin-bottom: 0.5em; padding: 5px;
border: 1px solid; border-color: #988 #cbb #edd #cbb;
background: #fff0f3;}

div.column div.cell ul.message li {
font-size: 0.85em; color: #630;
line-height: 1.3em;}


/* Tables */
table {
margin: 0; padding: 0;}

div.content table {
margin-bottom: 1em;
width: 100%;
border-color: #ddd #ccc #bbb #ccc; border-style: solid; border-width: 0 1px 1px 1px;}

div.content table tr td.first,
div.content table tr th.first {
border-left: none;}

div.content table tr td {
padding: 4px 6px;
border-color: #ddd; border-style: solid; border-width: 1px 0 0 1px;
background-color: #fff;
font: normal 0.85em Arial, sans-serif; color: #444;}

div.content table tr td.action {
font: bold 0.85em Arial, sans-serif;
text-align: center;}

div.content table tr.error td {
background-color: #fffbb8;}

div.content table tr th {
padding: 6px 6px;
border-color: #ccc #bbb #aaa #bbb; border-style: solid; border-width: 1px 0 0 1px;
background: #e9e9e9 url(/img/background/table_th.gif) 0 0 repeat-x;
font: bold 0.8em Verdana, sans-serif; color: #444;}

div.content div.business table.contact {
width: 192px;
margin-bottom: 0;}


/* Forms */
fieldset {
margin: 0; padding: 0;
border: none;}

form {
margin: 0;}

input {
margin: 0;}

input.text,
input.text-medium,
input.text-long,
td input.text-short,
select {
display: block;
margin-bottom: 0.8em; padding: 2px 2px 1px 2px;
font-weight: bold; color: #444;}

td input.text,
td input.text-medium,
td input.text-long,
td input.text-short,
td select {
display: inline;
margin-bottom: 0;}

select {
padding: 1px 1px 0 1px;}

div.content textarea {
width: 482px;
height: 400px;}

div.content input.text-long {
width: 340px;}

div.content input.text-medium {
width: 170px;}

div.content input.text-short {
width: 85px;}

div.column div.cell label {
display: block;
margin-bottom: 0.1em;
font: bold 0.85em Arial, sans-serif; color: #555;}

div.column div.cell input.text-medium {
width: 105px;}

div.column div.cell input.text-long {
width: 210px;}

div.column div.cell ul.page li.form label {
display: block;
font: bold 0.85em Arial, sans-serif; color: #063;}

div.column div.cell ul.page li.form input.text-long {
width: 198px;}

div.column div.cell ul.page li.form input.button {
font: bold 0.9em Arial, sans-serif;}

div.content div.action input.button,
div.column div.cell div.action input.button {
font: bold 0.9em Arial, sans-serif;}