/* Text Styles */

body {background: #333; color: #000; font-family: Garamond, Georgia, Times, "Times New Roman", serif; font-size: 13pt; margin: 0; padding: 0; }

.red { color:#F00; }
.brown { color: #927e55; }
.smaller { font-size: .75em; line-height: 1.25em; vertical-align: bottom; }
.price {color: #927e55; font-weight: bold; font-size: .9em; margin-left: 20px; } 
.best { padding: 6px 5px 2px 10px; margin: 0; font-weight: bold; font-size: 14pt; color: #927E55; }

ul { margin-top: 0; padding-top: 0; }

a:link, a:visited { color: #91a56f; text-decoration: none; }
a:hover, a:active { color: #805428; text-decoration: none; }

/* FAQ Link Style */
div#faq_wrapper div div a:link, div#faq_wrapper div div a:visited { color: #91a56f; text-decoration: none; }
div#faq_wrapper div div a:hover, div#faq_wrapper div div a:active { color: #805428; text-decoration: none; }

/* Tabbed Content Link Style */
div.demo div div a:link, div.demo div div a:visited { color: #91a56f; text-decoration: none; }
div.demo div div a:hover, div.demo div div a:active { color: #805428; text-decoration: none; }

.form_error{ font-size : 11px; color : #ff0000; font-weight : bold; }

#footer_wrapper { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; }

#content_wrapper p { padding: 4px 20px 4px 40px; margin: 0; }

#content_wrapper h1 { padding: 6px 20px 6px 20px; margin: 0; font-weight: bolder; font-size: 24pt; color: #9B6630; }
#content_wrapper h2 { padding: 6px 20px 6px 30px; margin: 0; font-weight: bold; font-size: 16pt; color: #579968; }
#content_wrapper h3 { padding: 6px 20px 2px 40px; margin: 0; font-weight: bold; font-size: 14pt; color: #927E55; }
#content_wrapper h4 { padding: 6px 20px 2px 40px; margin: 0; font-weight: bold; font-size: 12pt; color: #927E55; }
#content_wrapper #faq_wrapper h2 { padding-top: 20px; }
#content_wrapper #faq_wrapper h3 { font-size: 14pt; }
div#faq_wrapper div div ul, div.demo div div ul { margin-left: 40px; }

#content_wrapper ul { padding-left: 30px; font-weight: bold; color: #927e55; }

.school_content { font-size: 10pt; }
#content_wrapper .school_content h4 { font-size: 1.25em; margin: 0; padding: 0; color: #927e55; }
#content_wrapper .school_content p { margin: 0; padding: 0; }

#top_menu { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;}

#main_menu { font-family: arial, verdana, helvetica, sans-serif; }

#left_column { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; }

#footer_menu, #copyright { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; }

#facebook {  font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; color: #FFF;}

#facebook p { padding: 0; margin: 0; padding-bottom: 6px; }

img.right { padding: 15px; padding-right: 20px; float: right; }
img.left { padding: 15px; padding-left: 40px; float: left; }
img.rep { padding-left: 10px; padding-top: 10px }

.card_photo { width: 300px; text-align: right; float: right; }
.card_photo_centered { width: 440px; text-align: center; float: right; padding-bottom: 10px; }

.clr { clear: both; height: 1px; width: 1px; font-size: 1px; line-height: 1px; }

#content_wrapper .dialog p, #content_wrapper .dialog h1, #content_wrapper .dialog h2, #content_wrapper .dialog h3 { padding-left: 15px; }

/* Page Layout */

#page_wrapper { width: 955px; padding: 0; margin: 0; background: #fcefda url(../images/background.jpg) repeat-y 0 0; }

#logo { width: 300px; height: 160px; text-align: left; padding: 0; margin: 0; float: left; display: inline;}

#logo img { padding: 15px 0 0 20px; }

#header_right { width: 655px; height: 160px; float: right; margin: 0; padding: 0; display: inline;}

#top_menu { width: 655px; height: 50px; vertical-align: top; text-align: right; }

#main_menu { width: 655px; height: 46px; padding-top: 64px; text-align: right; }

#middle_wrapper { width: 955px; margin: 0; padding: 0; position: relative; }

#left_column { width: 150px; margin: 0; padding: 0; padding-bottom: 100px; float: left; display: inline;}

#facebook { width: 150px; height: 80px; text-align: center; position: absolute; bottom: 0; left: 0; clear: both; }

#content_wrapper { width: 805px; min-height: 500px; height: auto !important; height: 500px; margin: 0; padding: 0; float: right; display: inline; text-align: left; padding-bottom: 15px; }

#footer_wrapper { width: 955px; height: 115px; margin: 0; padding: 0; clear: both; background-color: #a39779; color: #FFF; }

#location { width: 120px; margin: 0; padding: 15px; float: left; display: inline; text-align: center; }

#footer_right { width: 755px; margin: 0; padding: 0; float: right; display: inline; text-align: center; }

#footer_menu { width: 725px; margin: 0; padding: 0 15px; text-align: center; }

#copyright { width: 725px; margin: 0; padding: 5px 15px; text-align: center; }

/* Year Book Accordian Styles */
.school_logo { width: 150px; float: left; padding-left: 30px; padding-top: 8px;}
.school_content { width: 510px; float: right; border-left: 5px solid #f6ecd1; }
.school_left { width: 180px; padding-left: 12px; float: left; }
.school_right { width: 295px; padding-left: 13px; float: left; }


/* Contact Form Layout */
table#contact_form { padding: 15px 0 0 40px; }
table#contact_form td { padding-bottom: 5px; vertical-align: top;}
table#contact_form td.tall { padding-top: 15px; }
input#error_alert { color: #F00; font-size: 13pt; border: none; margin: 8px 10px; width: 90%; text-align: center; display: none; font-family: Garamond, Georgia, Times, "Times New Roman", serif; background: transparent;}
.textin { background-color: #fff7e7; border: 1px solid #a39779;  padding: 4px; color:#000;}

/* Header Backgrounds */
/* Default */
#header_wrapper { width: 960px; height: 155px; margin: 0; padding: 0; background: transparent url(../images/background_hp_header.jpg) no-repeat 0 0; }
/* Defined by Body ID Tag */
body#homepage #header_wrapper { background: transparent url(../images/background_hp_header.jpg) no-repeat 0 0; }
body#portraits #header_wrapper { background: transparent url(../images/background_portrait_header.jpg) no-repeat 0 0; }
body#seniors #header_wrapper { background: transparent url(../images/background_senior_header.jpg) no-repeat 0 0; }
body#weddings #header_wrapper { background: transparent url(../images/background_wedding_header.jpg) no-repeat 0 0; }
body#framing #header_wrapper { background: transparent url(../images/background_hp_header.jpg) no-repeat 0 0; }
body#maps #header_wrapper { background: transparent url(../images/background_hp_header.jpg) no-repeat 0 0; }
body#contactus #header_wrapper { background: transparent url(../images/background_hp_header.jpg) no-repeat 0 0; }
body#clientlogin #header_wrapper { background: transparent url(../images/background_hp_header.jpg) no-repeat 0 0; }


/* Menu Layouts */

div#top_menu ul { color: #FFF; margin: 0; padding: 0; float: right; margin-right: 15px; }
div#top_menu ul li { display: inline; margin: 0; padding: 0;}
div#top_menu ul li a { padding: 4px 5px 2px 5px; margin: 0 5px 0 0; display: block; text-align: center; float: left; height: 17px; color: #FFF; text-decoration: none; background-color: #000; border: 1px solid #999; border-top: 0; }
div#top_menu ul li a:hover { color: #FFF; text-decoration: none; background-color: #666; }

div#top_menu ul li.selected a { padding: 14px 5px 0 5px; margin: 0 5px 0 0; display: block; text-align: center; float: left; height: 17px; color: #000; text-decoration: none; background-color: #CCC; border: 1px solid #999; border-top: 0; }
div#top_menu ul li.selected a:hover { color: #000; text-decoration: none; background-color: #CCC; }



div#main_menu ul { color: #000; margin: 0; padding: 0; float: right; font-weight: bold; font-size: 14px; margin-right: 15px;}
div#main_menu ul li { display: inline; margin: 0; padding: 0;}
div#main_menu ul li a { padding: 0 10px 0 0; margin-top: 10px; display: block; text-align: center; float: left; height: 34px; color: #000; text-decoration: none; background: transparent url(../images/pnav_background.png) no-repeat right top; }
div#main_menu ul li a:hover, div#main_menu ul li a:active { color: #F5F5F5; text-decoration: none; background: transparent url(../images/pnav_background.png) no-repeat right -40px; }
div#main_menu ul li a span { padding: 4px 0px 10px 5px; display: block; height: 20px; background: transparent url(../images/pnav_background_left.gif) no-repeat left top; }
div#main_menu ul li a span span { padding: 0; display: block; height: 20px; background: none; }

/* Main menu Selected State */
div#main_menu ul li.selected a:hover, div#main_menu ul li.selected a:active, div#main_menu ul li.selected a { padding: 0 10px 0 0; margin-top: 0; display: block; text-align: center; float: left; height: 44px; color: #000; text-decoration: none; background: transparent url(../images/pnav_select_background.png) no-repeat right top; }
div#main_menu ul li.selected a span { padding: 4px 0px 10px 5px; display: block; height: 30px; background: transparent url(../images/pnav_select_background_left.gif) no-repeat left top; }
div#main_menu ul li.selected a span span { padding: 0; display: block; height: 30px; background: transparent url(../images/pnav_selected.gif) no-repeat center bottom; }


div#left_column h3 { color: #BBB; font-size: 16px; font-weight: bolder; padding: 5px; }
div#left_column p { color:#DEDC9A; font-size: 14px; padding: 5px; }  
div#left_column ul { margin: 0; padding: 0; font-size: 16px; list-style-type: none; }
div#left_column ul ul { margin: 0; padding: 0; margin-bottom: 8px;}
div#left_column ul ul ul { margin: 0; padding: 0; }

div#left_column ul li { margin: 0; padding: 0; list-style: none; line-height: 18px; font-weight: normal;}
div#left_column ul li li { margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 14px; font-weight: normal;}
div#left_column ul li li li { margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 42px;}

div#left_column ul li a { display: block; width: 130px; height: auto; padding: 10px 10px; text-align: center; }
div#left_column ul li li a {height: auto; padding: 0 10px 8px 10px;}

div#left_column ul li a:link, div#left_column ul li a:visited { color: #FFF; text-decoration: none;}
div#left_column ul li a:hover { color: #B0C886; text-decoration: none; }
div#left_column ul li li a:link, div#left_column ul li li a:visited { color: #FDF0C8; text-decoration: none;}
div#left_column ul li li a:hover { color: #B0C886; text-decoration: none; }

div#left_column ul li.selected a:link, div#left_column ul li.selected a:visited { color: #9B6630;}
div#left_column ul li.selected li a:link, div#left_column ul li.selected li a:visited { color: #FDF0C8;}
div#left_column ul li.selected li a:hover { color: #B0C886;}
div#left_column ul li li.selected a:link, div#left_column ul li li.selected a:visited { color: #CCC;}
div#left_column ul li li.selected li a:link, div#left_column ul li li.selected li a:visited { color: #FDF0C8;}
div#left_column ul li li.selected li a:hover { color: #B0C886;}

div#footer_menu ul { margin: 8px 0; padding: 0; list-style-type: none; }
div#footer_menu ul li { margin: 0; padding: 0; list-style: none; display: inline; padding: 0 3px;}
div#footer_menu ul li a { display: inline; text-align: center; }
div#footer_menu ul li a:link, div#footer_menu ul li a:visited { color: #FFF; text-decoration: none;}
div#footer_menu ul li a:hover { color: #B0C886; text-decoration: none; }

hr {width: 760px; color: #9B6630; }

/* Greeting Card Gallery */

.thumbcell { background: transparent url(../images/background_thumbnail.gif) no-repeat 0 0; width: 157px; height: 157px; vertical-align: top; text-align: left; }
.thumbcell img { padding: 5px 0 0 5px; }
td.Portfolio { padding-right: 20px; font-size: 14px; }
td.bottom {  padding-right: 20px; font-size: 14px; }
#cardtabwrapper .ui-tabs .ui-tabs-nav li a { padding: 3px 10px; }
#cardtabwrapper .ui-widget-content { background: none; border: none; }