/*CSS by Anne Dorko (www.annedorko.com) 2007 Copyright Casa Palmera
This CSS file is for http://www.casapalmera.com - Powered by PHP */

/* ===================GLOBAL CONSTANTS========================= */
* { margin: 0; padding: 0; }
body { background: url('/images/cp-body.gif') repeat-x; }

/* ===================FORMAT IMAGES========================= */
img { padding: 5px; border: 1px solid #666; margin: 2px; }
img.noborder { padding: 0; border: 0; margin: 0; }
.fright { float: right; margin: 7px 0 5px 20px; }
.fleft { float: left; margin: 7px 20px 5px 0; }
.spam { display: none; }

/* ===================FORMAT FONTS========================= */
body { font: 90%/120% Verdana, Arial, Helvetica, sans-serif; }
a { color: #0F478D; }
.sublinks a { color: #000; text-decoration: none; }
.sublinks a:hover { color: #4F78AB; }
.sublinks a.subcurr { text-decoration: underline; color: #4F78AB; }
p, li { font: 9pt/16pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0 0 10px 0; }
li { padding: 0; }
h1 { font: 24pt Georgia, "Times New Roman", Times, serif; padding: 10px 0 10px 55px; border-bottom: 1px solid #CCC; margin: -10px 0 15px 10px; background: url('/images/cp-h1floral.gif') no-repeat; }
h2 { font: bold 18pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; padding: 20px 0 5px 0; text-transform: uppercase; color: #5F88C8; }
h3 { font: 16pt Georgia, "Times New Roman", Times, serif; padding: 10px 0 5px 0; }
h4 { font: bold 12pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 5px 0; color: #2B61AF; }
#main ul, #main ol { margin: 0 0 10px 25px; }
#main ol li { margin: 0 0 0 20px; }
#sidebar ol { margin: 0 0 0 15px; }
#sidebar ul { margin: 0; }
#sidebar ul li strong { font: bold 8pt Verdana, Arial, Helvetica, sans-serif; }
#sidebar ul li { margin: 0 0 10px 0; }
#sidebar ul li .description { font-size: 8pt; }
ul#assessment { list-style: none; }
li.options { margin: 0 0 0 20px; }
.drop { float: left; font: 36px Georgia, "Times New Roman", Times, serif; margin: 0 4px 0 0; vertical-align: sub; }
.bold { font: bold 10pt/17pt Arial, Helvetica, sans-serif; }
.tour a { background: url(/images/tour-btn.gif) no-repeat; display: block; width: 225px; height: 30px; }
.tour a:hover { background: url(/images/tour-btn.gif) 0 -30px no-repeat; }
.tour span { display: none; }
.emph { font: bold 11pt Arial, Helvetica, sans-serif; }

/* ===================FORMAT THE LAYOUT========================= */
#chat { position: absolute; z-index: 1000000; top: 0; left: 0; cursor: pointer; }
#chat img { border: 0; padding: 0; margin: 0; width: 230px; height: 116px; }
#wrapper { width: 760px; margin: 0 auto 0 auto; background: #FFF; }
#top { display: block; height: 116px; background: url('/images/cp-banner.jpg') no-repeat; }
.logo a { display: block; height: 116px; width: 300px; float: left; }
/* Search */
form.search { float: right; margin: 10px 10px 10px 10px; }
/* mini nav */
#cplinks { list-style: none; float: right; text-align: right; margin: 50px 0 0 0; padding-right: 5px; display: block; width: 400px; }
#cplinks a { color: #FFF; text-decoration: none; letter-spacing: 0px; }
#cplinks a:hover, #cplinks a:active { color: #CCC; }
#cplinks li { display: inline; font: bold 10pt 'Trebuchet MS'; color: #FFF; }
/* main nav */
#menu { list-style: none; height: 53px; background: url('/images/cp-nav.gif') no-repeat; }
#menu li { float: left; }
#menu a { display: block; height: 43px; color: #FFF; }
#menu span { display: none; }
#h a { width: 110px; background: url('/images/cp-nav.gif') no-repeat top left; }
#ed a { width: 158px; background: url('/images/cp-nav.gif') -110px 0 no-repeat; }
#cd a { width: 199px; background: url('/images/cp-nav.gif') -268px 0 no-repeat; }
#pt a { width: 138px; background: url('/images/cp-nav.gif') -467px 0 no-repeat; }
#dd a { width: 155px; background: url('/images/cp-nav.gif') -605px 0 no-repeat; }
#h a:hover { width: 110px; background: url('/images/cp-nav.gif') 0 -106px no-repeat; }
#ed a:hover { width: 158px; background: url('/images/cp-nav.gif') -110px -106px no-repeat; }
#cd a:hover { width: 199px; background: url('/images/cp-nav.gif') -268px -106px no-repeat; }
#pt a:hover { width: 138px; background: url('/images/cp-nav.gif') -467px -106px no-repeat; }
#dd a:hover { width: 155px; background: url('/images/cp-nav.gif') -605px -106px no-repeat; }
#h.current a { width: 110px; background: url('/images/cp-nav.gif') 0 -53px no-repeat; }
#ed.current a { width: 158px; background: url('/images/cp-nav.gif') -110px -53px no-repeat; }
#cd.current a { width: 199px; background: url('/images/cp-nav.gif') -268px -53px no-repeat; }
#pt.current a { width: 138px; background: url('/images/cp-nav.gif') -467px -53px no-repeat; }
#dd.current a { width: 155px; background: url('/images/cp-nav.gif') -605px -53px no-repeat; }
/* content */
#main { clear: both; background: url('/images/cp-content.gif') repeat-y; }
#topbg { position: relative; display: block; height: 20px; background: url('/images/cp-maintop.gif') no-repeat; }
#sidebar { width: 195px; float: right; padding: 0 10px; }
#sidebar ul { list-style: none; }
#number { display: block; width: 190px; text-align: right; float: right; }
#number h3 { font: bold 23pt Arial, Helvetica, sans-serif; padding: 12px 0 0 0; color: #00347F; }
#number p { font: 10pt Arial, Helvetica, sans-serif; color: #00347F; }

#contact { display: block; clear: right; width: 190px; height: 360px;background: url(/images/contact-bg_labels.gif) no-repeat; padding: 0px; text-align: left;  }
#contact table {margin-top: 24px;}
#contact td {font: 9pt arial; font-weight: bold; color: #012165; padding-left: 8px;}
#contact input, #contact textarea { text-align: left; font: 9pt Arial, Helvetica, sans-serif; border: 0px; padding: 4px 9px 0px 9px; margin: 0px 4px 0px 0px;}
input.cfirst { width: 172px; height: 22px; background: url(/images/contact-field-bg.gif) no-repeat !important; border: 0;}
input.clast { width: 172px;  height: 22px; background: url(/images/contact-field-bg.gif) no-repeat !important; border: 0;}
input.cphone { width: 172px; height: 22px; background: url(/images/contact-field-bg.gif) no-repeat !important; border: 0;}
input.cemail { width: 172px; height: 22px; background: url(/images/contact-field-bg.gif) no-repeat !important; border: 0;}
textarea.cform { width: 172px; height: 92px; background: url(/images/contact-message.gif) no-repeat !important; border: 0;}
input.csubmit { width: 172px; height: 21px; background: url(/images/contact-send.gif) !important; border: 0; top: 140px; }

#subnav { float: left; padding: 10px 0 0 10px; width: 530px; }
#content { width: 500px; padding: 0 20px 20px 20px; clear: left; }
p.sublinks { font: 10pt Georgia, "Times New Roman", Times, serif; letter-spacing: 0px; text-transform: lowercase; }
/* footer */
#footer { clear: both; border-top: 4px solid #0B1C35; text-align: center; }

/* ===================FORMAT TESTIMONIALS========================= */
ul#quotes { list-style: none; width: 440px; }
ul#quotes li { background: url(/images/quote_top.gif) no-repeat; margin: 30px 0 0 0; }
ul#quotes li p { background: url(/images/quote_bg.gif) repeat-y; margin: 0; padding: 0 10px 0 10px; position: relative; top: 10px; }
ul#quotes li p.said { background: url(/images/quote_said.gif) no-repeat; margin: 0; padding: 28px 0 0 42px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

/* ===================FORMAT STAFF PAGE========================= */
.staff { clear: both; padding: 10px 0 10px 0; border-top: 1px dotted #CCC; }
.staff img { float: left; margin: 7px 20px 5px 0; }

/* ===================FORMAT INFO ARTICLES========================= */
h3.toggle { background: #2B61AF; padding: 5px; margin: 5px 0 5px 0; color: #FFF; font: bold 12pt Arial, Helvetica, sans-serif; }
h3.toggle a { color: #FFF; text-decoration: none; }
h3.toggle span { float: right; margin: -20px 0 0 0; font: bold 16pt Arial, Helvetica, sans-serif; }

/* ===================FORMAT MEDIA PAGE========================= */
.wallpaper { width: 270px; margin: 0 auto 0 auto; text-align:center; }

/* ===================FORMAT CONTACT PAGE========================= */
.error { color: #F00; font: bold 9pt Arial, Helvetica, sans-serif; }
.cpinput { padding: 2px; font: bold 9pt Arial, Helvetica, sans-serif; color: #444; width: 200px; }
.contactpage textarea.message { padding: 2px; font: 12pt/18pt Georgia, "Times New Roman", Times, serif; color: #333; letter-spacing: 1px; }
#security {
	border: 1px solid #82A2E3;
	width: 30px;
	font-size: 10px;
	font-weight: normal;
	padding: 1px;
}