/* Website for RIma Shaffer */
/* Fall 2009 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */


/* Hacks: 
for min-height in IE6: add height: xxpx !important; height: xxpx;

the content div is floated right so that floats internal to that div can be cleared on the left without interacting with the sidebar.
In order for the background to appear, a clearing div is placed at the end of the content.
*/

/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Helpful fixes */
/* -- get rid of Firefox link boxes */
a { outline: none; }
/* -- forces vertical scrollbars in FF to avoid horizontal shift on short pages */
:root, html { overflow-y:scroll; }

/* Layout Structure */
body              { margin: 0; padding: 0 0 40px 0; background: #a8c5d3 url(../images/background.jpg) center top repeat-x; }
div#wrapper1      { margin: 0 auto; padding: 0; width: 640px; background: url(../images/body.jpg) left top repeat-y; }
div#wrapper2      { margin: 0; padding: 0; width: 640px; background: url(../images/masthead.jpg) left top no-repeat; }
div#content       { margin: 0 0 0 260px !important; margin-left: 257px; padding: 0 30px 0 0; width: 350px; min-height: 500px; height: auto !important; height: 500px; }
div#sidebar       { margin: 0; padding: 0px 0 0 20px; width: 230px; position: relative; float: left; }
div#lowerSideInfo { padding: 0 0 0 10px; width: 210px; position: absolute; top: -120px; }
div#footer        { clear: both; padding: 15px 20px 0 20px; min-height: 25px; height: auto !important; height: 25px;
					background: #a8c5d3 url(../images/footer.jpg) center top no-repeat; position: relative; }
div#printHeader   { display: none; }

/* Float Containers -- to handle floated elements */
div.floatContainer { width: 100%; float: left; }
div.clearingDiv   { clear: both; }


/* Layout classes */
				
/* Typography */
/* -- fonts */
body, input, textarea 	{ font-family: Georgia, "Times New Roman", Times, serif; }

/* -- for main content, rhythm is 18px */
body, input, textarea { color: #444444; font-size: 12px; line-height: 1.0; }
h1				{ font-size: 18px; line-height: 24px; margin: 0; padding:  9px 0   15px 0; font-weight: normal; color: #157aa6;  }
h2				{ font-size: 15px; line-height: 18px; margin: 0; padding: 12px 0    0   0; font-weight: normal; font-style: italic; color: #157aa6; }
h3				{ font-size: 13px; line-height: 18px; margin: 0; padding: 12px 0    0px 0; font-weight: normal; color: #000000;  }
p					{ font-size: 13px; line-height: 18px; margin: 0; padding:  0px 0   12px 0; }
li				{ font-size: 13px; line-height: 18px; margin: 0; padding:  0 0 9px 0; }
li li			{ font-size: 11px; }
strong 			{ font-weight: bold; color: #f4860a;}
em 				{ font-style: italic; color: #000000; }
blockquote { margin: 9px 0px; padding: 0 9px; border-left: 8px solid #A8C5D3; background-color: #E5F2F0; }
	blockquote p { padding: 9px 0 9px 0; font-style: italic; width: auto !important; width: 310px;}
	blockquote p.quoteSource { font-style: normal; font-size: 13px;  }
a { color: #157aa6; }
	a:link 		{ color: #157aa6; }
	a:visited 	{ color: #157aa6; }
	a:hover 	{ color: #157aa6; }
	a:active 	{ color: #157aa6; }
ul { list-style-position: outside; list-style-type: square; margin: 0 0 0 1.5em; padding: 6px 0 12px 0; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 0 1.5em; padding: 6px 0 12px 0; }
ul ul, 
ol ul { list-style-type: disc; margin: 0 0 0 2em; padding: 0; list-style-position: outside; }
ol ol, 
ul ol { list-style-type: lower-alpha; margin: 0 0 0 2em; padding: 0 0 0 0; list-style-position: outside; }
dl { margin: 0; padding: 6px 0 12px 0; }
dt { font-size: 13px; line-height: 18px; margin: 0; padding:  0; font-weight: bold; }
dd { font-size: 13px; line-height: 18px; margin: 0 0 0 1.5em; padding:  0; }

/* Tables */
table  { margin: 0 0 17px 0; padding: 0; background-color: #E5F2F0; border: 1px solid #A8C5D3; border-width: 1px 1px 0 1px; }
td, th { padding: 3px; margin: 0; font-size: 12px; line-height: 17px; text-align: left; font-weight: normal; }
th     { vertical-align: middle; background-color: #A8C5D3; border-bottom: 1px solid #8FB0BF; font-weight: bold; }
td     { vertical-align: middle; background-color: #E5F2F0; border-bottom: 1px solid #A8C5D3;}

/* Graphics */
img.imgRight  { border: none; padding: 0; margin: 6px  0    6px 18px; float: right; }
img.imgLeft   { border: none; padding: 0; margin: 6px 18px  6px  0;   float: left; }

/* Forms */
form 				{ border: none; padding: 0; margin: 9px 0; border: 1px solid #A8C5D3; background-color: #E5F2F0; }
textarea 			{ font-size: 13px; width: 98%; }
input.formInput 	{ font-size: 13px;  width: 98%; }
input.button 		{ font-size: 13px; line-height: 18px; }
div.checkInput 		{ padding-right: 20px; float: left;}
label 				{ font-size: 13px; line-height: 18px; font-weight: bold;}
label.selectLabel 	{ font-weight: normal;}
form p 				{ padding: 0; }
div.formSection 	{ margin: 0; padding: 9px 9px; min-height: 18px; height: auto !important; height: 18px; clear: left; }
div#honeypot		{ display: none; }

/* Typography Classes */
.formNote 			{ font-size: 11px; }
.formError 			{ font-size: 11px; font-weight: bold; color: #F4860A; }
.retMessage			{ font-weight: bold; color: #157AA6; }
.warning   			{ font-weight: bold; color: #F4860A; }
.floatclear 		{ clear: both; }
.note               { font-style: italic; font-size: 11px; }
.smalltext          { font-size: 10px; }
.makeithappen   {font-size: 18px; font-style: italic; color: #f4860a; font-weight: normal; padding-bottom: 0;}
.subhead            { font-size: 18px; line-height: 18px; margin: 0; padding: 0 0 18px 0; font-style: italic; }
.immediateSubhead   { margin-top: 0; padding-top: 0; }


/* Primary Navigation */
div#nav ul { list-style: none; text-indent: 0; margin: 0; padding: 0; }
div#nav ul li { margin: 0; padding: 0; display: inline;}
div#nav ul li a { display: block; padding: 7px 10px 7px 10px; font-size: 13px; line-height: 16px; color: #666666; text-decoration: none; background: #e5f2f0 url(../images/nav_a.jpg) left bottom repeat-x;}
div#nav ul li a:hover { background-image: url(../images/nav_b.jpg); background-color: #d5e8e6; color: #222222; }
div#nav ul li.current_page a,
div#nav ul li.current_page a:hover { background-image: url(../images/nav_a.jpg); background-color: #e5f2f0; color: #157aa6; }

/* Header */
img.headerlink { margin: 10px 20px 0 20px; padding: 0; }

/* Footer content */
div#footer p { font-size: 10px; line-height: 18px; color: #777777; font-weight: normal; margin: 0; padding: 0 3px 0 0; text-align: right;}
	div#footer p a, 
	div#footer p a:link, 
	div#footer p a:visited 	{ color: #777777; text-decoration: none; }
	div#footer p a:hover 		{ color: #333333; text-decoration: underline; }
	
	
/* Lower Side Info content */
div#lowerSideInfo p         { color: #333333; text-align: left; font-size: 13px; }
div#lowerSideInfo p.name,
div#lowerSideInfo p.phone	 { font-size: 18px; line-height: 24px; color: #157aa6;} 
div#lowerSideInfo p.tag		 { font-size: 14px; line-height: 18px; color: #157aa6;}
div#lowerSideInfo p.area    { font-size: 12px; line-height: 18px; }

/* Lower Navigation */
p#lowerNavigation span span { margin: 0; padding: 0 6px 0 6px; border-left: 1px solid #cccccc; }
	p#lowerNavigation span span:first-child { border: none; }