/*-------------------------------------------------------------------------
	Styles (styles.css)
//-------------------------------------------------------------------------

//-------------------------------------------------------------------------
	These styles are used by the front end of the site, what the users see.
	iwantmeaningcms.css has all of the content related styles, THESE SHOULD NOT
	BE REPEATED IN iwantmeaningcms.css!
//-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
	Body - Define base font formatting. This can be different from the body
	in iwantmeaningcms.css as long as you specify an ID in the header that
	matches the id specified here. (body#tier01). Specifying a different body
	ID for interior pages can simplify changing styles on those pages.
//-------------------------------------------------------------------------*/

body
{
	background:url(../images/back.jpg);
	margin:0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
}



/*-------------------------------------------------------------------------
	Page Layout Link Styles
//-------------------------------------------------------------------------*/

#footer1 a
{
	color: #ffffff;
	text-decoration: none;
}

#footer1 a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

#footer1 a:active
{
	color: #ffffff;
	text-decoration: underline;
}

#footer1 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#footer2 a
{
	color: #ffffff;
	text-decoration: underline;
}

#footer2 a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#footer2 a:active
{
	color: #ffffff;
	text-decoration: underline;
}

#footer2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
/*-------------------------------------------------------------------------
	Input Boxes
//-------------------------------------------------------------------------*/
form {
}

/*-------------------------------------------------------------------------
	List Items - NOT CONTENT FORMATTING, USUALLY JUST NAVIGATION
//-------------------------------------------------------------------------*/
ul {

}


/*-------------------------------------------------------------------------
	Layout Styles - for custom ID's and classes
//-------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width:878px;
	padding-top:20px;
	}

#header{
	background:url(../images/header.gif);
	width:878px;
	height:124px;
}

#book{
	clear:left;
	border: 0px #FF0000 solid;
	padding:40px 10px 40px 40px;
	float:left;
	width: 200px;

}


#content{
	background-color:#FFFFFF;
	padding:40px;
}

#content-wrapper{
	background-color:#FFFFFF;
}

#footer1{
	float:left;
	color:#FFFFFF;
	width: 420px;
	text-align:left;
	padding: 10px 5px 0px 0px;
	background:url(../images/footer-back.jpg);
	height:28px;
}

#footer2{
	float:left;
	color:#FFFFFF;
	width: 422px;
	text-align:right;
	padding: 10px 5px 0px 0px;
	background:url(../images/footer-back.jpg);
	height:28px;
}

#footer-left{
	float:left;
	background:url(../images/footer-left.gif);
	width:13px;
	height:38px;
}

#footer-right{
	float:right;
	background:url(../images/footer-right.gif);
	width:13px;
	height:38px;
}
	
	
/*--- form nav tabs ---*/
#tabs
{
	background-color: #F7F7F7; 
	border: 1px solid #000000;
	margin-top: 2px;
	height:31px;
}
.tab 
{
	width:90px;
	height:17px;
	position:relative;
	float:left;
	z-index:2;
	text-align:center;
	padding: 5px 0px 4px 0px;
	margin:4px 2px -1px 2px;
	border: 1px solid #000000;
	
	font: bold 12px Verdana, sans-serif;
}

.tab.active {
	background-color:#ffffff;
	border-bottom: 1px solid #ffffff;
}