@import url("/template/shared/css/tooltips.css");
@import url("/template/shared/css/file_list.css");
@import url("/template/shared/css/gallery.css");
@import url("/template/shared/css/calendar.css");
@import url("/template/shared/css/form.css");

* {
font-family: Arial, Helvetica, sans-serif;
}

body, p, td, li {
font-size: 12px;
}

h1 {
font-size: 20px;
color: #c55086;
}

h2 {
font-size: 18px;
color: #3489b0;
}

h3 {
font-size: 16px;
color: #95b63d;
}

h4 {
font-size: 14px;
color: #333;
}

h5, h6 {
font-size: 12px;
color: #333;
}

sup {
font-size: 9px;
}

/* links */

a {
font-weight: bold;
color: #c55086;
text-decoration: none;
}

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

/* margins */

.margin,h1,h2,h3,h4,h5,h6,p,ul,ol,table {
margin-top: 12px;
margin-bottom: 12px;
}

.top_margin {
margin-top: 12px;
margin-bottom: 0px;
}

.btm_margin {
margin-top: 0px;
margin-bottom: 12px;
}

.no_margin {
margin: 0px;
}

/* lists */

ul,ol {
padding-left: 20px;
}

ul.no_padding,
ol.no_padding {
padding-left: 0px;
}

ul.sitemap,
ul.sitemap ul {
list-style-type: none;
}

ul.sitemap li {
position: relative;
background-image: url(/template/shared/images/arrow.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 5px 0px 0px;
padding: 0px 0px 0px 15px;
}

ul.arrow {
clear: both;
list-style-type: none;
margin-left: 15px;
padding: 0px;
}

ul.arrow li {
position: relative;
background-image: url(/template/shared/images/arrow.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

ul.blue li {
background-position: -5px 1px;
}

ul.blue a {
font-size: 14px;
color: #3489b0;
}

ul.arrow_back {
clear: both;
list-style-type: none;
padding: 0px;
}

ul.arrow_back li {
position: relative;
background-image: url(/template/shared/images/arrow_back.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

span.arrow {
background-image: url(/template/shared/images/arrow.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

span.arrow_back {
background-image: url(/template/shared/images/arrow_back.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

/* Fun Zone Table */

.funzoneTable td {
vertical-align: top;
text-align: center;
width: 120px;
}

.funzoneTable td h2 {
margin-top: 0px;
}

.funzoneTable td p {
margin: 0px;
}

.funzoneTable td.heading {
text-align: left;
width: auto;
}

.funzoneTable a {
margin: 0px auto;
}

.funzoneTable a img {
display: block;
margin: 0px auto;
border: 3px solid #333;
}

.funzoneTable a:hover img {
border: 3px solid #c55086;
}

/* Content Thumbs (fun zone thumbnails) */
ul.content_thumbs {
list-style-type: none;
}

ul.content_thumbs li {
float: left;
width: 100px;
margin: 0px 5px;
text-align: center;
}

ul.content_thumbs li a {
display: block;
width: 100px;
height: 100px;
margin: 0px 0px 5px;
border: 3px solid #333;
}

ul.content_thumbs li a img {
margin: 0px 0px 5px;
}

ul.content_thumbs li a:hover {
border: 3px solid #c55086;
}


/* hr */

div.hr {
margin: 12px 0px;
height: 1px;
background-color: #cccccc;
overflow: hidden;
}

/* image styles */

img { 
border: none;
}

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

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

/* sidebar */

#body.sidebar #right * {
font-size: 11px;
}

#body.sidebar #right h1,
#body.sidebar #right h2,
#body.sidebar #right h3 {
color: #666;
}

#body.sidebar #right h1 {
font-size: 17px;
}

#body.sidebar #right h2 {
font-size: 15px;
}

#body.sidebar #right h3 {
font-size: 13px;
}

/* info box */

#info p {
font-size: 11px;
text-align: right;
color: #fff;
}

#info div.hr {
margin: 10px 0px;
background-color: #fff;
}

/* general text formatting */

.smallText {
font-size: 10px;
}

.success {
font-weight: bold;
color: #3489b0;
}

.error {
font-weight: bold;
color: #c55086;
}

/* tree */

.tree {
list-style: none;
margin: 0px 0px 11px 0px;
padding: 0px;
}
.tree ul {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 34px;
}
.tree a {
font-weight: normal;
text-decoration: none;
display: block;
margin: 0px 0px 5px;
}
.tree a.on {
color: #772b55;
font-weight: bold;
}
.tree a.off {
color: #000000;
font-weight: bold;
}
.tree a:hover {
text-decoration: underline;
}

/* content display */

table.contentList {
padding: 0px;
border: 0px none;
margin-bottom: 0px;
}

table.contentList strong {
color: #666;
}

table.contentList td {
vertical-align: top;
}

table.contentList td.contentImage {
padding-right: 15px;
padding-bottom: 11px;
}

table.contentList td.contentIcon {
padding-right: 7px;
}

/* columns */

table.contentColumns {
margin-left: auto;
margin-right: auto;
}

table.contentColumns td {
vertical-align: top;
}

td.column {
padding-left: 30px;
}

.storeList a {
font-weight: normal;
color: #666;
}

.storeList a:hover {
color: #000;
}

span.zone {
display: block;
float: left;
padding: 0px 5px 0px;
margin: 0px 5px 1px 0px;
width: 15px;
text-align:center;
color: #ffffff;
font-weight: bold
}

/* breadcrumbs */

.breadcrumb {
clear: both;
list-style: none;
margin: 0px;
padding: 0px;
}

.breadcrumb li {
float: left;
list-style: none;
display: block;
margin: 0px;
padding: 0px;
font-weight: bold;
}

.breadcrumb a {
font-weight: bold;
text-decoration: none;
}

.breadcrumb a:hover {
text-decoration: underline;
}

.breadcrumb li.current,
.breadcrumb li.divider {
cursor: default;
}

.breadcrumb li.current {
color: #000000;
}

.breadcrumb li.divider {
padding: 0px 11px;
background-image: url(/template/shared/images/breadcrumb.gif);
background-repeat: no-repeat;
background-position: center 3px;
}

/* search */

input.resultBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
color: #293E20;
width: 144px;
height: 13px;
border: 1px solid #bbbbbb;
}

.results {
margin: 0px 0px 20px;
}

table.searchResults {
width: 100%;
border: 0px none;
margin: 0px;
}

table.searchResults td.heading {
padding: 0px 20px 0px 0px;
}

table.searchResults table {
border: none;
margin: 0px;
}

table.advancedSearch {
margin-left: auto;
margin-right: auto;
padding: 0px;
border: none;
}

table.advancedSearch td {
padding: 0px 10px 5px 0px;
}

table.advancedSearch input,
table.advancedSearch select {
font-size: 11px;
border: solid 1px #bbbbbb;
padding: 2px;
}

table.advancedSearch input {
width: 200px;
}

table.advancedSearch select {
width: 210px;
}

table.advancedSearch input.submit {
width: auto;
background-color: #eeeeee;
padding-left: 10px;
padding-right: 10px;
}

.point {
cursor: default;
}

.thisPage {
font-weight: bold;
cursor: default;
}

#drawForm h2,
#drawForm h3,
#drawForm table table {
margin: 0px;
}