/* Misc */
* { margin: 0; padding: 0; }
body   { color: #333; font-size: 70%; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; background: #600 url(../images/body.jpg) fixed; text-align: left; margin: 0; padding: 0 0 15px; }
h1, h2, h3, h4 { color: #5c0300; font-size: 1.2em; font-family: Garamond, "times new roman", georgia, serif; font-weight: normal; letter-spacing: 0.03em; }
.no-display { display: none; }
/* Layout Objects*/
#container       { background-color: #fefde0; background-image: url(../images/main.gif); background-repeat: repeat-y; background-position: 0 0; text-align: left; margin: 0 0 0 140px; padding: 0; position: relative; top: 0; left: 0; width: 690px; height: auto; z-index: 2; border-right: 1px solid #333; border-bottom: 1px solid #333; }
#banner { background-repeat: no-repeat; background-position: 0 0; text-align: left; margin: 0; position: relative; width: 475px; height: 190px; float: none; padding: 0; border-bottom: 1px solid #8d4a22; }
#main { background-color: #fefde0; margin: 0 auto; position: relative; width: 475px; height: auto; float: left; padding: 0; }
#headshot { background-repeat: no-repeat; margin: 10px 30px 10px 10px; padding: 0; position: relative; width: 140px; height: 210px; float: right; border: solid 1px #8d4a22; }
#breadcrumb        { text-align: center; margin: 0 0 0 0; position: relative; width: 475px; height: auto; float: none; padding: 30px 0 15px; }
#menu { margin: 50px 0 0; padding: 0; position: relative; width: 214px; height: 60px; float: right; list-style-type: none; }
#sidebar { margin: 100px 0 20px; padding: 0; position: relative; width: 214px; float: right; }
#footer         { text-align: center; position: relative ; width: 690px; height: auto; clear: both; margin: 0 0 0 140px; padding: 20px 0; }
#gina { background-image: url(../images/gina.gif); position: absolute; top: 10px; left: 0; width: 70px; height: 375px; z-index: 1; margin: 0; padding: 0; }
#banner a { width: 475px; height: 190px; margin: 0; padding: 0; display: block; }
.clear { width: 100%; height: 10px; clear: both; margin: 0; padding: 0; }
.menu tr { height: 20px; }
.menu td { height: 20px; }
/*main*/
#main p { font-size: 1em; text-align: left; padding: 5px 30px 0.7em 55px; }
#main a { color: #8d4a22; font-weight: bold; text-decoration: none; }
#main a:hover { color: #8d4a22; font-weight: bold; text-decoration: underline; }
#main h1 { background-repeat: no-repeat; background-position: 0 0; width: 400px; height: 60px; margin-top: 20px; margin-left: 15px; }
#main ul { font-size: 1em; padding: 5px 30px 0.7em 55px; list-style-type: none; list-style-image: none; }
.small { font-size: 0.85em; }
.main ul li { text-align: left; padding-top: 0.2em; padding-bottom: 0.2em; list-style-type: none; list-style-position: inside; }
/*banners*/
.banner-home { background-image: url(../images/banners/fountain.jpg); }
.banner-about { background-image: url(../images/banners/quill.jpg); }
.banner-legal { background-image: url(../images/banners/signature.jpg); }
.banner-news { background-image: url(../images/banners/nib.jpg); }
.banner-areas { background-image: url(../images/banners/signature.jpg); }
.banner-contact { background-image: url(../images/banners/pda.jpg); }

#menu ul { margin: 0; padding: 0; }
#menu ul li { margin: 0; padding: 0; list-style-type: none; }
#menu ul li a { background-repeat: no-repeat; background-position: 0 0; width: 214px; height: 20px; margin: 0; padding: 0; display: block; }
#menu ul li a span { display: none; }
#menu ul li a:hover { background-position: 0 -20px; }
#menu .areas a { background-image: url(../images/menu/menu_areas.gif); }
#menu .about a { background-image: url(../images/menu/menu_about.gif); }
#menu .news a { background-image: url(../images/menu/menu_news.gif); }
#menu .contact a { background-image: url(../images/menu/menu_contact.gif); }
#menu .selected a { background-position: 0 -40px; }
#menu .selected a:hover { background-position: 0 -40px; }




#main h1.welcome { background-image: url(../images/titles/title_welcome.gif); }
#main h1.about-gina { background-image: url(../images/titles/title_about_gina.gif); }
#main h1.contact { background-image: url(../images/titles/title_contact.gif); }
#main h1.legal { background-image: url(../images/titles/title_legal.gif); }
#main h1.news { background-image: url(../images/titles/title_news.gif); }
#main h1.areas { background-image: url(../images/titles/title_areas.gif); }
#main strong { color: #5c0300; font-weight: bold; }
#headshot.gina { background-image: url(../images/headshots/gina_grandolfo_sm.jpg); }
/*breadcrumb*/
#breadcrumb p { font-size: 0.85em; }
/*sidebar*/
#sidebar p { font-size: 0.85em; margin: 0; padding: 5px 10px 5px 20px; }
#sidebar h3 { padding: 25px 10px 10px 20px; }
#sidebar ul { font-size: 0.85em; margin: 0; list-style-type: none; padding: 0; }
#sidebar a
{ display: block; width: 184px; padding: 2px 10px 3px 20px; }
#sidebar a:link, #sidebar a:visited
{ color: #333; text-decoration: none; }
#sidebar a:hover { color: #8d4a22; background-image: url(../images/hover.gif); text-decoration: none; background-repeat: repeat-x; }
/*footer*/
#footer p { color: white; font-size: 0.9em;}
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: white; text-decoration: underline; }

/*hacks for MSIE 5.5 Win*/
* html #menu, * html #sidebar { width: 213px; w\idth: 214px }
* html #sidebar a { width: 213px; padding-right: 9px; w\idth: 184px; padd\ing-right: 10px;}
* html #sidebar a:hover { background-image: none; bac\kground-image: url(../images/hover.gif)}