/*

	Title : /myofbiz/default.css
	Author : Ruth Hoffman
	
	Acknowledgements: 
	
	The defaults in this css file have bits and pieces picked 
	up from Eric Meyer's reset.css 
	[meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/]
	
	Extra thanks to: Erickson Barnett whose CSS file from http:www.kauffman.org inspired this work.
	
	Many thanks to all involved.

	TABLE OF CONTENTS:
	- CSS Reset
	- Body (site-wide defaults)
	- Typography (font-size/margins/color)
	  - Headers
	  - Lists
	  - Links
	  - Other non-traditional elements
	- Tables
	- Forms
	- Common classes
	- mylibrary specific stuff
	
	USAGE NOTES:
	For the mylibrary application web pages
	Orange color: #f55a1b
	off green - background: rgb(174,195,154); 
	yellow - background: rgb(255,255,204); 
	grey - background: rgb(238,238,224); 
	
*/

/* -- reset ---------------------------------------------*/

html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
object, blockquote, pre, address {
	margin: 0;
	padding: 0;
	border: 0;
}
a img { border: none; }

hr { border: 0; height: 0; margin: 0; padding: 0; width:0; }

/* -- body/overall ---------------------------------------------*/

BODY {
   margin: 5px 2% 0 2%; 
   padding: 0;
   min-width: 850px;
	_width: 950px;		/* this is something that only 1e6 sees */
   /* max-width: 1200px; */ 
   font-family: Verdana, Geneva, Tahoma, sans-serif; 
   font-size: 75%; /* sets base font-size to 12px */ 
   line-height: 1.333em; /* 16px / 12px = 1.333em */	
   background: #F1f1f1;  
}
html>body { /* be nice to Opera */
   font-size: small;
}

/* -- typography ---------------------------------------------*/

/*	This is where you set your baseline margin.
	
	The margin is calculated by taking the margin you desire (in px)
	and dividing by the main font size (in px).  Your main font 
	size is specified in % in the body declaration above.
	
	For example: you want a 18px bottom margin for 12px type.
	18px / 12px = 1.5em;
	
	NOTE: All em calculations should be to three decimal points.
	
*/

p, ul, ol, dl, dd, blockquote, pre, code { 
	margin: 0 0 1em 0; /* 12px */
}
/* lists should be a half-size less than the main margin */
/* for firefox, puts the >> befor the link */
ul li:before {
		content: "\00BB \0020";	
}
li { 
	margin: 1em 0 1em 0; 
}

li ul {
	margin-bottom: .5em;
}

/* -- headers -- */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
}

h1 { 
	font-size: 2.75em; 
	line-height: 1em;  
	margin: 0 0 .364em 0; 
	color: #192448;
	letter-spacing: normal;
	font-weight: bold;
} 

h2 { 
	font-size: 2.167em; 
	line-height: 1.167em; /* 21px */
	margin: .923em 0 .231em 0; 
	color: #dd5c17;
} 

h3 { 
	font-size: 1.25em; /* 15px */
	line-height: 1.2em; /* 18px */
	margin: 1.6em 0 .8em 0; 
	color: #327e54;
} 

h4 { 
	font-size: 1.167em; /* 14px */
	line-height: 1.071em;  /* 15px */
	margin: 1.714em 0 .857em 0; 
} 

h5 { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
} 

h6 { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
}

dt { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
}

/*	these next rules deal with headers that show up right below
	one another. Use the bottom vertical unit for the margin.
	
	This does not work in IE6.
*/

h1 + h2 {
	margin-top: .666em;
}

h2 + h3 {
	margin-top: .8em;
}

h3 + h4 {
	margin-top: .857em;
}

h4 + h5, h5 + h6 {
	margin-top: 1em;
}

/* -- lists -- */

ul, li { list-style-type: none; }

ol {
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {	
	list-style: decimal; 
	background: none; 
	padding-left: 0; 
}

dt {
	font-weight: bold;
}

/* -- links -- */

a {
    text-decoration: none;
    outline: none;
    color: #3c5f99;
}

a:visited {
    color: #3c5f99;
}

a:hover, a:focus {
	color: #3c5f99;
	text-decoration: underline; 
}

a:active {
    color: #3c5f99;
}

/* -- other elements -- */

pre, code, tt { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
code { white-space: pre; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
strong, b { font-weight: bold; }
em { font-style: italic; }

/* -- tables ---------------------------------------------*/


table   { border-collapse: collapse; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }



/* -- forms ---------------------------------------------*/

.endcolumns {
clear: both;
height: 0px;
visibility: hidden;
}


/* ======================== Masthead   =================================================== */
#masthead {	
	padding: 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin: 0;
	background: #f1f1f1;
}


.m01 {
		position: relative;
		top: -5px;
		background: rgb(204,204,204); 
		height: 47px; 
		padding: 2px 0 5px 0;		
}
.m01 a {font-weight: bold}
.m02 {
		clear: both;
		position: relative;
		top: -30px;		
		background: white; 
		height: auto; margin: 0 0 -35px 0;	
		border-bottom: 5px solid #b5b5b5;
		
}
	
/* ===== table that contains the top navigation ===== */
.m02 table {margin: 0; padding: 0; }
.m02 td { margin: 0; padding: 0;  }

.m0101 {
		float: right;
		padding: 0 0 .5em 0;
}

	
/* DIV.nav_bar {float: right; margin-right: .5%; overflow: hidden;} */
DIV.nav_bar{float: right; overflow: hidden;}
DIV.nav_bar .current {background: rgb(252,115,18); color: white; }
DIV.nav_bar a {color: black; text-decoration: none; padding: 1px 2px 1px 2px; overflow: hidden}
DIV.nav_bar a:hover {color: black; background: rgb(252,115,18) }

/* ================ Welcome Message ==================================================== */

#welcome_msg {clear: both; position: relative;
   font-size: 150%; margin: -20px 0 0 0; padding: 0;
   }
.browsermessage {
	clear: both;
	position: relative;
	padding: 2em;
	margin: 1em;
	border: 2px dashed rgb(252,115,18);
	
}
.browsermessage h1 {font-size: 18px; line-height: 1.2;}
.browsermessage p {font-size: 16px; line-height: 1.2;}
.browsermessage .type {font-style: italic; font-weight: bold; font-size: 18px; margin: 0 2px 0 2px; }

	
/* ================ Start of Styling for Everything Below the Welcome Message =========== */
/* ==== errMsgs ==== */
DIV.loginErrs { color: red;}
.loginErrs h1 {text-align: left; font-size: 18px;}
.loginErrs li,ul {font-size: 16px;}

/* Class set in widget not on FTL */
DIV#no_columns #surveyErrors {
	margin: 8px 5% 0 5%;
	background: rgb(252,115,18);
}
#surveyErrors h1 {
	color: black;
	padding: 1em;
	font-size: 1.5em;
	}


#content_01 {
  position: relative;
  margin: 0 10% 0 10%;
  
}
#content_01 h1 {background: none; color: black; }
#content_01 table {border-collapse: collapse; border: 1px solid black;
	font-size: 140%; width: 100%;}

#content_01 th {text-align: left;
	font-weight: bold; 
	border-bottom: 3px double black; 
	padding: 0 0 0 3px;
	font-size: 140%; }
#content_01 td {padding: .2em 0 .2em 3px; }
#content_01 .odd {background: rgb(204,204,204);}
#content_01 .even {background: white;}
#content_01 .btn_02 img {border: none; margin-top: 5px;}
/* ========== used for the about us page ====== */
.general_content {
	margin: 0;
	padding: 0 .5em 1em 1em;
	font-size: 95%;
	/* background: rgb(255,255,204); */
}
.general_content h1 { 
	font-size: 18px; 
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	color: rgb(252,115,18);}
.general_content p {
	font-size: 120%;
	
}


.message {font-weight: 100; font-size: 120%; font-family: Tahoma, Arial, Verdana, sans-serif; padding: 1em;}

/* ================ Left/Center column ====== */

#left_column {
	float: left;
	font-family: Verdana,Arial, serif;
	font-weight: normal;
	line-height: normal;
	background: white;
	margin: 10px 0;
	padding: 0;
	margin-bottom: 10px;
	margin-bottom: 1em;
	/* ******* june 2009 ***** */
	overflow: hidden;
	max-width: 15%;
	min-width: 15%;	
	background: #f1f1f1;
}

#left_column .gutter {
	 /* padding: .5em 25px 2px 25px; */
	 padding: 0 .2em .5em 0;	 
	 background: #f1f1f1;
}

/* =========== Left side bar inserted boxes ======= */
.s_box {
	background: #f1f1f1; 
	padding: 1.5em .5em .5em .5em; 
	margin: 0 .5em .5em .5em; 
	border: 1px solid black;
	line-height: normal;
	overflow: hidden;
	}
.s_box img {margin: 0; padding: 0; }
.s_box p { text-align: center; line-height: normal; font-size: .895em; padding:0; margin: 0;}
.s_box h1 {background: transparent;
	font-size: .905em; text-align: center; margin: 0; padding: 0; color: #f55a1b; letter-spacing: 2px; line-height: 1.1em;}
.s_box h2 {background: transparent;
	color: black; font-size: .905em; 
	text-align: center;
	margin: 0; padding: .5em 0; line-height: 1.1em; }
.s_box a {margin: 0; padding: 0; text-decoration: underline;}
.s_box a:link a:visited {color: blue;}

/* ========== end left side bar inserted boxes ====== */
/* ========== left column new image ================= */
.posnew { 
		text-align: center; 
		margin: 0 0 -15px 1px;
			
}
.posnew img {
	margin-left: auto;
	margin-right: auto;	
	}
/* used to position for IE6 */
.i01ie	{
	float: left;
	margin: 1em;
	
}

/* ================================ */
/* ========= right column ========= */
#right_column {
	float: right;
	/* width: 24.5%; */
	/* width: 22%;	*/
	width: 200px;
	z-index: 200;
	font-size: 80%;
	line-height: 1.5em;
	color: #333;
	font-family: Arial, Verdana, Georgia, serif;
	
	/* off green - background: rgb(174,195,154); */
	/* yellow - background: rgb(255,255,204); */
	/* grey - background: rgb(238,238,224); */
	background: white;
	
}
#right_column .gutter {
	 margin-top: 20px;
	 margin: 20px 0 15px 0;
	 padding: 0;
	/* background: rgb(228,227,218); */
	 background: white;	 
}

#right_column .bkgrnd {
	background: rgb(228,227,218); 
	padding: .5em 0 1px 7px;
}

/* need this to move ads that have no shadow, over a bit in the column */
#right_column .ad_space_repo {
	margin: 0 0 0 -2px;
}

/* ========= center column  june 2009 ========= */
#center_column {
	float: left;
	/* width: 24.5%; */
	/* width: 22%;	*/
	width: 85%;
	z-index: 200;
	font-size: 1em;
	line-height: 1.05em;
	margin: 0; padding: 0;
	/* off green - background: rgb(174,195,154); */
	/* yellow - background: rgb(255,255,204); */
	/* grey - background: rgb(238,238,224); */
	background: #f1f1f1;
	
}
#center_column .gutter {
	 margin-top: 20px;
	 margin: 3em 0 5px 0;
	 padding: .05em;
	 background: white;	
	 background: #f1f1f1;	
	
}
#r07 {margin-top: 1%;}
/* ======= Center Column Subscribe Form ===== */
#center_column .subscribe_form {margin-top: 30px;}
#center_column .subscribe_form fieldset {border: 1px solid silver; 
		padding: 1.5em; margin: 3em 1em .5em 1em; background: rgb(255,255,204); }
#center_column .subscribe_form legend {border: 1px solid black; padding: 1em 1em 1em 1em; background: rgb(204,204, 255);
			margin: 0 1% 0 1%;}
#center_column .subscribe_form .msgs { margin: .5em 1% .5em 1%; background: white; text-align: center;
font-weight: bold; font-style:italic; padding: 1.2em 0; line-height: 1.3em}
.subscribe_form ._s01 { font-size: 1.2em; padding: 1em; text-align: center; background: white; color: black; line-height: 1.3em;}
/*
============ Main Landing Page ===========
*/
.mainpg .reg {font-weight: normal; display: inline; font-size: .5em; position: relative; top: -1em; left: -.5em;}
.mainpg { 
	margin: -2em 0;
	padding: 0 0 0 1%;
	font-family: Helvetica, Tahoma, Georgia, Arial, sans-serif; 
	text-align: justify;		
	}
.mainpg h1 {color: #f55a1b; text-align: center; margin: 0; padding: 0; font-size: 2.1em; }
.mainpg .passion {font-weight: bold;font-size: 1.3em; }
.mainpg h2 {
	color: black; text-align: center;
	font-size: 1.7em; 
	font-weight: bold; 
	margin: -.05em 0 0 -.050em;
	padding:0;
	}
.mainpg h3 {color: black; text-align: center;
	font-size: 1.5em; font-weight: bold; }
/* ==== top paragraph === */
.mainpg r01 p {text-align: justify}
.mainpg p {
	margin: .6em 0 0 0;
	font-size: 1.199em; line-height: 1.2;
	color: rgb(102,102,120);
	color: black;
	text-align: justify;
}
/* Chief cook... */
.mainpg .p_01 {
	display: block;
	text-align: right;
	font-weight: bold; 
	font-family: Comic Sans MS, Tahoma ,Script, sans-serif; 
	font-style: italic;
}

.mainpg .testimonial {
	margin: 0 0 1em 0;
    padding: .5em 1em 1em 1em; font-size: 1.1em;
    line-height: 1.1em;
    font-size: 1em;
    font-style: italic; font-family: Times, Times New Roman, Georgia, serif;
}
.mainpg .testimonial h2 { color: black}

/* */
.s_01 a {font-weight: bold; font-size: 1.1em;
	font-style: italic; color: rgb(0,0,51); 
	text-decoration: underline  }
 
 
/* === 2 bottom paragrahs ==== */
.mainpg .g_01 { margin: 0; padding: 0;}
.g_01 table {margin: 0; padding: 0; }
.g_01 table td {padding: 0;}


.mainpg .r02 p {font-size: 1.1em; text-align: justify; line-height: 1.2;}
.mainpg form {font-size: 1.199em; line-height: 1.2;}
.d_msg {text-align: left; border: 1px dashed brown; padding: .5em;  }

/* ==== bookdetail page [#main] ======== */

DIV#main {
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	margin: 0; padding: 0;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	font-size: 1em;
	margin: -1.5em 0 0 1em;
}
#main .black {color: black;}
#main .insert {margin: 0; padding: 0; background: #f1f1f1;}
#main .insert img {float: left; margin: 1em 1.5em 1em 0; }
#main h1 {font-size: 1.70em; text-align: left; color: teal; line-height: .90em; margin-top: 4px;}
#main h2 {font-size: 1.40em; font-weight: bolder; text-align: left; color: teal; margin-top: -.2em}
#main h3 {font-size: 1.20em; text-align: left;color: black;}
#main h4 {font-size: 1.5em; text-align: left; margin-top: -2px; }
#main p {font-size: 1.25em; }
#main li {font-size: .80em; }
#main li {margin: .75em; }
#main ul {position: relative;}
#main li {position: relative; display:block;}
#main ul li:before { content: "\00BB \0020"; color: #fe7013; }
#main .title {border: 1px solid grey; padding: 5px 0 0 2em; line-height: 1em;}
#main .content {border: 1px solid rgb(153,153,153); padding: 5px 2em 0 2em; line-height: normal; margin-top: 2px;}
#main .bottom {border: 1px solid rgb(153,153,153); padding: 5px 0 1em 2em; line-height: normal; margin-top: 2px;}
#main .policies {border: 3px solid rgb(153,153,153);
		font-size: .9em; padding: 5px 2em 1em 2em; line-height: normal; margin-top: 4px; }
#main td {font-size: 1.1em; padding: 0; }


/* ==== paypal button ================== */
#main .paypalbutton {float: right; margin: -5em 35% 0 0;}


.r0101 {
	margin: 0;
	padding: .5em 0 .5em 1.2em;
	height: auto;
	min-height: 210px; 
	/* background:  url(/images/myofbiz/imgs/woman.jpg) right bottom no-repeat; */
}
.r0101 .pic01 {width: 64%; }


/*

.r0202 {
	padding: 0 0 .5em 0; 
	height: auto; 
	overflow: hidden;
	background: white url(/images/myofbiz/imgs/grey_bar.gif) left bottom no-repeat;	
	
	}
.r0202 .moveup {background: #D7D7D7; margin-top: -.07em;  padding: .377em 0 .3em 0;}

.r0202_ul {font-size: 110%;}
*/
.ieh1 { font-weight: bold; text-align: center; color: #f55a1b; font-size: 300%;
	margin: -.1em 0 .5em 0}

p.r0303{font-size: 120%; margin: 1em 0 1em 0;}
.myofbiztitle {font-weight: bold; font-family: Comic Sans MS, Tahoma ,Script, sans-serif; font-style: italic;}
.ofbiztitle {font-style: normal;font-weight: normal;}

/* ======= Contact Us and Thankyou page ====== */

.f0101 { padding: 2% 5% 2% 5%}
#i_00 {margin: 5% 7% 0 7%;
	font-size: 1.2em;
	text-align: center;
	}
#i_00 p {
	padding: 1em 2em .5em 2em; line-height: 1.3em}
/* ======== About Us ========================== */
#r07 h1 {font-size: 2em; }

/* ======== Survey Page ======================= */
#survey_page {position: relative; margin: 1% 5%; }
#survey_page .red {color: rgb(252,115,18); font-weight: normal; font-style: italic;}
#survey_page  .form-row {margin: 0 0 .5em 0; font-size:1em; }
#survey_page .form-row input {font-size: 1em; }
#survey_page .form-row h1 {line-height: 1.2em; text-align: center; font-size: 1.8em; font-weight: bold; background: none; color: black;  margin: 0;}
#survey_page .form-row h2 {text-align: center; font-size: 1.5em; font-weight: bold;  background: none; color: black;  margin: 0;}
#survey_page .form-row h2 .subtext { font-size: .8em; font-weight: normal;}
#survey_page h3 {font-size: 1.1em; margin: 0; padding: 0; text-align: center;}

/* ======== Footer =============== */
#footer {
	clear: both;
	position: relative;
	top: 3em;
	background: white;
	text-align: center;
	padding: 1em 0 1em 0;
	margin-top: 1.3em;
	line-height: 1.7;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	background: #f1f1f1;
}



/* ========== link buttons ===================
* used to layout small link buttons on pages */
.btn_01 {display: inline; clear: both; margin: 0;padding: 0; }
.btn_01 { margin: 0; padding: 0;}
.btn_01{clear: left; position: relative; top: 4px; }



/* ========= About Us page  ========== */
.a77 {margin: 1em; padding: 1em; background: white; text-align: justify;}
.a77 h1 {font-size: 1.6em;}
.a77 h2 {font-size: 1.3em; font-weight: bold;
			color: black; font-style: italic;
			}
.a77 p {font-size: 1.1em; }

/* ****** Tooltips ******** */
/* right positioned */
.info img {border: none}
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    background-color:#ECECEC; 
  	font-size: 1em;
    color:#000;
    text-decoration:none;
    border: none; 
    padding: 0 1em 0 1em;
   
    
    }

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; 
    width: 45em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
    font-weight: normal;
    font-size: .8em;
    line-height: 1.2em;
    padding: 1em; }

/* left positioned */
a.infoleft{
    position:relative; /*this is the key*/
    z-index:24; 
    background-color:#ccc; 
  	font-size: 14px;
    color:#000;
    text-decoration:none;
    border: none; 
    padding: 0 1em 0 1em;
    }

a.infoleft:hover{z-index:25; background-color:#ff0}

a.infoleft span{display: none}

a.infoleft:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:4em; 
    width: 60em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
    font-weight: normal;
    font-size: .8em;
    line-height: 1.2em;
    padding: 1em; }

/* left positioned */
/* popup forms */