/*
IMPORTANT NOTE ABOUT ADMIN HTML EDITOR:
If adding new element-based stylings, consider adding them to tinymce.css
as well, so the editor accurately shows how certain elements will be styled.

SCHEME:
gold: FFB514
orange: BA3A08
blue: 284271
lt blue: 6DF3F6
*/

/* SITE LAYOUT */

body { margin: 0; font-family: helvetica, arial, sans-serif; font-size: 16px; width: 960px; color: #333; }
#main-column {float: left; padding: 0 10px; width: 730px;}
#left-column {width: 182px; float: left;}
#left-column p {padding: 10px}
#container { width: 960px; }
#container.public { background: url(/images/bkgd.gif) repeat-y left }
#logo { background-color: #284271; height: 78px; margin: 0 0 15px; }
#logo a img {border-right: 0; border-left: 0}
#logo-image { border-bottom: 10px solid #fff; }
#body { padding: 20px; }
#footer { margin-top: 100px; clear: both; text-align: center; font-size: .8em; }
#footer, #footer a { color: #777; }

#account-menu, #content { line-height: 140%; }
#account-menu { margin: 0 0 10px 0; border: 3px solid #ccc; padding: 8px; background-color: #e4e4e4; }
#account-menu a { color: #369; }
#account-menu a:hover { color: #333; }
#account-menu form { margin: 0; }

#menus {width: 960px; border-left: 3px solid #ffb514; font-size: .8em; float: left; padding: 0; margin: 0;}
#menu { background: #BA3A08; height: 39px; line-height: 39px; list-style: none; margin: 0; padding:0; }
#menu li {float: left}
#menu a { color: #fff; display: block; line-height: 39px; padding: 0 8px; float: left; text-decoration: none; }
#menu a:hover { color: #FFB514; }
#menu a.selected { background-color: #FFB514; color: #333; }

#submenu { line-height: 1.6em; font-size: .9em; margin: 0 0 10px 0; padding: 5px; background-color: #FFB514; }
#submenu a { color: #333; padding: 0 10px; text-decoration: none; text-transform: uppercase; }
#submenu a:hover { color: #fff }
#submenu a.selected { color: #fff }

#crumb { margin: 10px 0; border-bottom: 1px solid #bbb; padding-bottom: 10px; color: #777; }
#crumb a { color: #777; }
#crumb a:hover { color: #333; }

#content { clear: both; min-height: 400px; width: 720px; }
#content a { color: #369; }
#content a:hover { color: #333; }
#content h1 { line-height: 1.1em; font-style: italic; }
#sidebar { float: right; width: 220px; background: #eee; padding: 10px; margin: 0 0 10px 15px; }
#front-main-column {float: left; width: 500px;}
#front-right-column {float: right; width: 200px;}
	#front-right-column h1 {font-size: 1.4em; margin-top: 25px;}
	#front-right-column h2 {font-size: 1.2em; margin-bottom: 0; font-weight: normal;}
	#front-right-column .date {font-size: .9em; color: #666;}
	#front-right-column .description {font-size: .9em; width:270px;}
#error, #notice { padding: 10px; margin: 20px 0; color: #fff; font-weight: bold; border: 1px solid #333; }
#error { background-color: #920; border: 3px solid #b88; }
#notice { background-color: #5a2; border: 3px solid #9d6; }

/* ELEMENTS */

a img { border: 0; }
table { border-collapse: collapse; }
th { font-weight: bold; text-align: left; color: #69c; }
tbody tr.odd { background-color: #e9e9e9; }
th, td { padding: 6px 8px; }
h1, h2, h3, h4 {color: #284271;}
label:hover { text-decoration: underline; }

/* CLASSES */

.fieldsWithErrors { display: inline; }
input.search { padding-left: 18px; background: url(/images/icons/16x16/Search.png) no-repeat; }

.top { vertical-align: top; }
.red { color: red; font-weight: bold; }
.green { color: #090; font-weight: bold; }
.orange { color: orange; font-weight: bold; }
.center { text-align: center; }
.gray { color: #777; }
.strike { text-decoration: line-through; color: #777; }
.small { font-size: .8em; line-height: 1.4em; }
.clear { clear: both; }
.bold { font-weight: bold; }

.note-box { border: 1px dotted #997; background-color: #ffc; padding: 10px; }

.pagination a { text-decoration: none; }
.pagination a:hover, .pagination .current { color: #333; border: 1px solid #ccc !important; background-color: #ddd !important; }
.pagination .disabled { color: #aaa; }
.pagination .disabled, .pagination .current, .pagination a { padding: 2px 6px; border: 1px solid #ddd; }

.photo { float: left; padding: 0 12px 10px 0; }

.cloud1, .cloud2, .cloud3, .cloud4 { line-height: 130%; margin-right: 15px; }
.cloud4 { font-size: 1.4em; }
.cloud3 { font-size: 1.2em; }
.cloud2 { font-size: 1em; }
.cloud1 { font-size: .8em; }

.album { float: left; margin: 0 16px 18px 0; width: 340px; height: 180px; border: 1px solid #ddd; }
.album .title { padding: 4px 8px; background-color: #eee; border-bottom: 1px solid #ddd; line-height: 1.3em; }
.album .details { padding: 10px;}
.album .details .thumbnail { float: right; }
.album .details .thumbnail img { border: 1px solid #aaa; padding: 2px; }
.album .details .thumbnail a:hover img { border: 1px solid #000; } 
.photo { border: 1px solid #aaa; padding: 2px; margin: 0 10px 8px 0; }
.photo:hover { border: 1px solid #000; }
.photo-inner { width: 110px; height: 100px; overflow: hidden; }
.homepage {width:484px;}