/* PAGE/GENERAL */





*
{
	margin: 0;
	padding: 0;
}



body
{
	background-color: #f1f1f7;
	background-image: url(../images/body_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	color: #4C4C4C;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
}

#page
{
	width: 760px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background-image: url(../images/page_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}

* html #page
{
	height: 100%;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}




/* HEADER */

#header
{
	height: 180px;
	margin: 0 25px 0 25px;
	
	border: 0px solid;
}


#birthLogo {
    float: left;
    clear: both;
}

#sally {
    position: absolute;
    left: 390px;
    top: 20px;    
}



#menu {
    position: absolute;
    left: 235px;
    top: 110px;
    width: 490px;
    height: 20px;
    background-color: transparent;
    border-collapse: collapse;
    text-align: center;
}

#menu td.left {
    background-image: url(../images/tableft_inactive.gif);
    background-position: top left;
    width: 9px;
}

#menu td.tab {
    background-color: #716e81;
}


#menu td.right {
    background-image: url(../images/tabright_inactive.gif);
    width: 10px;
}

#menu td.leftActive {
    background-image: url(../images/tableft_active.gif);
    width: 10px;
}

#menu td.tabActive {
    background-color: #564e81;
    color: white;
}

#menu td.rightActive {
    background-image: url(../images/tabright_active.gif);
    width: 10px;
}




#menu a {
    color: white;
    text-decoration: none;
}

#menu td.tab a:hover {
    color: yellow;
}


#menuBar {
    position: absolute;
    left: 205px;
    top: 130px; 
    background-image: url(../images/menuBar_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 532px;
    height: 32px;
    color: white;
}

#menuBar table {
    position: relative;
    left: 273px;
    height: 32px;
    vertical-align: middle;
    
}
#menuBar td {
    padding-left: 10px;
}












/* CONTENT */

#content
{
	padding-bottom: 150px;
}

#contentMain
{
	display: inline;
	clear: both;
	float: left;
	margin-top: 0;
	margin-left: 41px;
	width: 343px;
	/*background-color: red;*/
}


.contentLeftColContainer {
	clear: both;
	position: relative;
	left: -16px;
	width: 343px;
	/*margin-top: 25px;*/
	margin-bottom: -0.25em;
	padding-top: 10px;
	background-color: white;
	background-image: url(../images/leftcol_top.jpg);
	background-repeat: no-repeat;
	color: #564e81;
	font-size: 100%;
	
	text-transform: uppercase;
	letter-spacing: 0em;
}

.contentLeftCol {
	display: block;
	margin-top: 8px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	background-image: url(../images/leftcol_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 100%;
	font-size: 115%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #564e81;
	text-transform: none;
}



h1
{
	color: #564e81;
	font-size: 125%;
	text-indent: 16px;
	/*text-transform: uppercase;*/
	letter-spacing: -0.05em;
}



h2
{
	clear: both;
	margin-top: 1.5em;
	margin-bottom: -0.25em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.5em;
	color: #3C78B5;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain h2
{
	margin-right: 16px;
}

#contentMain * h2
{
	margin-right: 0;
}

h3
{
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	color: #3C78B5;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain h3
{
	margin-right: 16px;
}

#contentMain * h3
{
	margin-right: 0;
}

h4
{
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	color: #B2B2B2;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain h4
{
	margin-right: 16px;
}

#contentMain * h4
{
	margin-right: 0;
}


#contentMain ol
{
	margin-right: 16px;
}

#contentMain * ol
{
	margin-right: 0;
}

p
{
	margin-top: 1.5em;
}

#contentMain p
{
	margin-right: 16px;
}

#contentMain * p
{
	margin-right: 0;
}

#contentMain table
{
	margin-top: 1.5em;
	margin-right: 16px;
	/*border-collapse: collapse;*/
	font-size: 100%;
}

th
{
	border: 3px solid #FFFFFF;
	padding: 0.5em;
	background-color: #DDDDDD;
	text-align: center;
	vertical-align: middle;
}

th span
{
	display: block;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.2em;
}






#contentMain ul
{
	margin-right: 16px;
}

#contentMain * ul
{
	margin-right: 0;
}

img
{
	border: 0 none transparent;
}

img.featureImageRight
{
	float: right;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

a.moreLink
{
	padding-top: 1px;
}

.note
{
	margin-top: 1.5em;
	margin-right: 16px;
	border-right: 3px solid #C3CED9;
	border-left: 3px solid #C3CED9;
	padding: 13px 16px 16px 16px;
	background-color: #E5F2FF;
}

.noteYellow
{
	border-color: #D9D8A8;
	background-color: #FFFEC5;
}

.note .first
{
	margin-top: 0;
}

#contentMain .quote
{
	margin-top: 1.5em;
	margin-right: 16px;
	padding-bottom: 0;
}

#contentMain .quote dd
{
	padding: 40px 16px 0 16px;
	background-image: url(../images/quote_large_bg_bottom.gif);
	background-repeat: no-repeat;
	font-size: 85%;
	text-align: right;
	line-height: 1.3em;
}

#contentMain .quote dt
{
	padding: 13px 16px 1px 16px;
	background-color: #E5DDCD;
	background-image: url(../images/quote_large_bg_top.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}





/* SUBCONTENT */

#contentSub
{

    display: inline;
	float: right;

    width: 342px;

	margin-right: 9px;

	/*background-color: blue;*/
}


.contentRightColContainer {
	clear: both;
	position: relative;
	left: -16px;
	width: 343px;
	margin-top: 20px;
	margin-bottom: -0.25em;
	padding-top: 10px;
	background-color: white;
	background-image: url(../images/rightcol_top.jpg);
	background-repeat: no-repeat;
	color: #564e81;
	font-size: 100%;
	
	text-transform: uppercase;
	letter-spacing: 0em;

}

.contentRightCol {
	margin-top: 8px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	background-image: url(../images/rightcol_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 100%;
	font-size: 115%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #564e81;
	text-transform: none;
}

.rightColImg {
	position: relative;
	left: -16px;

}

#daddys_hands {
    visibility: hidden;
}






.subItem
{
	margin-top: 25px;
	padding-bottom: 16px;
	background-color: #F2F2F2;
	background-image: url(../images/sidebar_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.submenu
{
	background-color: #99CCFF;
	background-image: url(../images/submenu_bottom.gif);
}

#contentSub .submenu h2
{
	background-color: #7399BF;
	background-image: url(../images/submenu_heading_bg.gif);
	margin-bottom: -0.4em;
}

#contentSub .submenu ul
{
	list-style: none;
	margin-top: 4px;
	margin-right: 0;
	margin-left: 0;
}

* html #contentSub .submenu ul
{
	margin-top: 3px;
}

#contentSub .submenu li
{
	margin-top: 0;
	border-top: 1px dashed #7399BF;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
}

#contentSub .submenu li a
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#contentSub .submenu li a:visited
{
	color: #4C667F;
}

#contentSub .submenu li a:hover
{
	color: #FFFFFF;
}

#contentSub .submenu li.on
{
	background-color: #BDDEFF;
	background-image/**/: url(../images/submenu_marker.gif);
	background-repeat: no-repeat;
	background-position: 16px 15px;
}

* html #contentSub .submenu li.on
{
	background-position: 16px 18px;
}

#contentSub .submenu li.on a
{
	padding-left: 16px;
}

#contentSub .submenu li.on a:visited
{
	color: #000000;
}

#contentSub .submenu li.first
{
	border-top: 0 none transparent;
}

#contentSub .submenu li ul
{
	margin-top: 5px;
}

#contentSub .submenu li li
{
	border-top: 0 none transparent;
	padding-top: 0;
}

#contentSub .submenu li li a
{
	font-weight: normal;
}

.subPanel
{
	margin-top: 25px;
	padding-bottom: 16px;
	background-color: #99CCFF;
	background-image: url(../images/sidebar_panel_blue_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.subPanelInner
{
	padding: 13px 16px 0 16px;
	background-image: url(../images/sidebar_panel_blue_top.gif);
	background-repeat: no-repeat;
}

.subPanel .first
{
	margin-top: 0;
}

.subPanelGreen
{
	background-color: #99CC33;
	background-image: url(../images/sidebar_panel_green_bottom.gif);
}

.subPanelGreen .subPanelInner
{
	background-image: url(../images/sidebar_panel_green_top.gif);
}

.subPanelGrey
{
	background-color: #F2F2F2;
	background-image: url(../images/sidebar_panel_grey_bottom.gif);
}

.subPanelGrey .subPanelInner
{
	background-image: url(../images/sidebar_panel_grey_top.gif);
}

#contentSub .quote
{
	background-color: #FFFFFF;
	background-image: none;
}

#contentSub .quote
{
	padding-bottom: 0;
}

#contentSub .quote dd
{
	padding: 40px 16px 0 16px;
	background-image: url(../images/quote_small_bg_bottom.gif);
	background-repeat: no-repeat;
	font-size: 85%;
	text-align: right;
	line-height: 1.3em;
}

#contentSub .quote dt
{
	padding: 13px 16px 1px 16px;
	background-color: #E5DDCD;
	background-image: url(../images/quote_small_bg_top.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}

#contentSub h2
{
	border-bottom: 0 none transparent;
	padding: 8px 16px 8px 16px;
	background-color: #B5B5B5;
	background-image: url(../images/sidebar_heading_bg.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contentSub h2 a
{
	color: #FFFFFF;
	text-decoration: none;
}

#contentSub h3 a
{
	color: #4C4C4C;
	text-decoration: none;
}

#contentSub h3 a:hover
{
	color: #3C78B5;
	text-decoration: underline;
}

#contentSub ul
{
	margin-right: 16px;
	margin-left: 30px;
}

#contentSub li
{
	margin-top: 0.75em;
}

p.moreLink
{
	margin-top: 16px;
	margin-right: 16px;
	margin-left: 16px;
	border-top: 1px dashed #CCCCCC;
	padding-top: 16px;
	text-align: right;
}

.contentSubImg {
    
}


/* FOOTER */

#footer
{
	width: 710px;
	/*margin-left: 25px;*/
	padding-bottom: 1.5em;
	background-color: #564e81;
	font-size: 85%;
	color: white;
	text-align: center;
	line-height: 1.5em;
	
		position: relative;
		margin: -7.5em auto 0 auto;	
	
}

#bottomLinks
{
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-top: 1.5em;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
}

#bottomLinks li
{
	display: inline;
	border-left: 1px solid #527597;
	padding-right: 1em;
	padding-left: 1em;
}

#bottomLinks li.first
{
	border-left: 0 none transparent;
}

#bottomLinks a
{
	color: white;
}

#footer p
{
	margin-top: 1.5em;
	color: white;
}






	/* The CSS that's required to position the footer */

	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}

	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -7.4em;
	}

a {
    color: #4d3e9f;

}
	
a:visited {
    color: #716e81;

}

a:hover {
    color: black;

}

#footerimg {
    position: absolute;
    left: 5px;
    top:3px;
}
#footerimg2 {
    position: absolute;
    left: 499px;
    top:3px;
}
.books {

}