/*
CSS for 800px wide fixed-width web page with top and right-side navigation for screen.
Copyright(C) 2006 Steve Nordholm
*/

/*
To center containers on the page set both the container left and right margins to auto and set the  container text-align tag to left, then also set the body text-align tag to center and the body margin and body padding to 0.
*/

/*
Dark Green #006F49   Meduim Green #4F977F   Light Green #89B5A6   Very Light Green #E6FEF6
*/

/*
Dark Background Blue #033C67   Dark Menu Blue #113CB3  Medium Blue #4C7CFF   Light Blue #C5CFF9
*/



/* Start Color Override*/
	.green {color: #006F49}
/* End Color Override*/


/* Start Body Formatting */
	body
	{
		margin: 0;
		padding: 0;
		text-align: left;
		font: 90%/140% verdana, arial, helvetica, sans-serif;
		background: #033C67;
		color: black;
	}
/* End Body Formatting */
	
/* Start Header Container and Header Image */
	#headercontainer
	{
		text-align: left;
		margin: 0 auto 0 auto;
		width: 800px;
		background: #113CB3;
		color: black;
		border-left: 1px solid black;
		border-right: 1px outset black;
	}

	h1
	{
		margin: 0;
		padding: 0;
		color: white;
		border-bottom: 1px solid black;
	}
	
	h1 img
	{
		display: block;
		border: 0;
	}
/* End Header Container and Header Image */

/* Start Header Top Navigation Bar */
	ul#topnav
	{
		margin: 0;
		padding: 5px 10px;
		list-style-type: none;
		background: #113CB3;
		border-top: 3px solid #033C67;
		border-bottom: 3px solid #033C67;
	}
	
	ul#topnav li
	{
		display: inline;
		background:  url(/bookstore/images/topnav-bullet.gif) no-repeat 0 50%;
		padding: 0 10px 0 10px;
	}
	
	ul#topnav li a:link, ul#topnav li a:visited
	{
		text-decoration: none;
		font-size: 13px;
		color: #C5CFF9;
	}
	
	ul#topnav li a:hover, ul#topnav li a:active
	{
		text-decoration: none;
		font-size: 13px;
		color: #113CB3;
		background: #C5CFF9;
	}
/* End Header Top Navigation Bar */

/* Start Page Container for Main Content, Right Nav Bar, and Footer */  
	#pagecontainer
	{
		text-align: left;
		margin: 0 auto 0 auto;
		width: 780px;
		background: white url(/bookstore/images/right-background.gif) repeat-y;
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
/* End Page Container for Main Content, Right Nav Bar, and Footer */  
	
/* Start Main Content Container */	
	#contentcontainer
	{
		float: left;
		width: 545px;
		margin: 0;
		padding: 15px 35px 25px 40px;
	}
/* End Main Content Container */		

/* Start Right Navigation Panel */
	#rightnav
	{
		float: right;
		width: 155px;
		display: inline;
		margin-left: 0;
		padding: 0;
	}
	
	#rightnav ul
	{
		margin: 0 0 0 0;
		padding: 0 15px 0 10px;
		list-style-type: circle;
		text-align: left;
	}
	
	#rightnav li
	{
		padding: 0 0 6px 0;
		font: 85%/130% verdana, arial, helvetica, sans-serif;
	}

	#rightnav li a:link, #rightnav li a:visited
	{	 
		color: #4F977F;
		text-decoration: none;
	}

	#rightnav li a:hover, #rightnav li a:active
	{
		color: #4F977F;
		text-decoration: underline;
	}
/* End Right Navigation Panel */	

/* Start Footer Container */
	#footercontainer
	{
		clear: both;
		background: none;
		color: #4F977F;
		padding: 5px 40px;
		text-align: left;
		font: 80%/140% verdana, arial, helvetica, sans-serif;
	}

	#footercontainer a:link, #footercontainer a:visited
	{	 
		color: #4F977F;
		text-decoration: underline;
	}

	#footercontainer a:hover, #footercontainer a:active
	{
		color: red;
		text-decoration: underline;
	}
/* End Footer Container */	

/* Start Main Content Headings */
	h2
	{
		margin: 0 0 12px 0;
		padding: 0 0 0 0;
		color: #B41081;
		font-weight: normal;
	}
	
	h3
	{
		margin: 12px 0 12px 0;
		padding: 0 0 0 0;
		color: #B41081;
		font-size: bold 140%/165% arial, helvetica, sans-serif;
	}	

	h4
	{
		margin: 12px 0 6px 0;
		padding: 0 24px 0 0;
		color: #B41081;
		font: bold 100%/110% verdana, arial, helvetica, sans-serif;
	}	

/* End Main Content Headings */
	
/* Start Review Containter Formatting */
	#reviewcontainer p
	{
		margin: 0 0 6px 0;
        padding: 0 0 0 0;		
		font: 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: left;
		color: black;	
	}

	#reviewcontainer p a:link, #reviewcontainer p a:visited
	{
		text-decoration: none;
		color: #113CB3;
		border-bottom: 1px solid #113CB3;
	}
	
	#reviewcontainer p a:hover, #reviewcontainer p a:active
	{
		text-decoration: none;
		color: #FF0000;
		border-bottom: 1px solid #FF0000;
	}	

	#reviewcontainer a:link, #reviewcontainer a:visited
	{
		text-decoration: none;
		color: #113CB3;
		border-bottom: 1px solid #113CB3;
	}
	
	#reviewcontainer a:hover, #reviewcontainer a:active
	{
		text-decoration: none;
		color: #FF0000;
		border-bottom: 1px solid #FF0000;
    }
/* End Review Formatting */

/* Start Main Content Paragraph and Link Formatting */
	p.introduction
	{
		margin: 0 0 12px 0;
        padding: 0 0 0 0;		
		font: bold italic 100%/140% georgia, times, "times new roman", serif;
		text-align: left;
		color: #113CB3;
	}

	.introduction a:link, .introduction a:visited
	{
		text-decoration: none;
		color: #113CB3;
		border-bottom: 1px solid #113CB3;
	}
	
	.introduction a:hover, .introduction a:active
	{
		text-decoration: none;
		color: #FF0000;
		border-bottom: 1px solid #FF0000;
	}

	p.citation
	{
		margin: 0 0 6px 0;
        padding: 0 48px 0 24px;		
		font: italic 100%/140% georgia, times, "times new roman", serif;
		text-align: left;
		color: black;
	}

	p.source
	{
		margin: 0 0 12px 0;
        padding: 0 72px 0 24px;		
		font: bold 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: right;
		color: black;
	}

	p.content
	{
		margin: 0 0 6px 0;
        padding: 0 0 0 0;		
		font: 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: left;
		color: black;	
	}
	
	p.content i, p.content em
	{
		margin: 0 0 6px 0;
        padding: 0 0 0 0;		
		font: italic 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: left;
		color: black;	
	}	

	p.content b, p.content strong
	{
		margin: 0 0 6px 0;
        padding: 0 0 0 0;		
		font: bold 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: left;
		color: black;	
	}		
	
	p.content b i, p.content strong em
	{
		margin: 0 0 6px 0;
        padding: 0 0 0 0;		
		font: bold italic 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: left;
		color: black;	
	}		

	.content a:link, .content a:visited
	{
		text-decoration: none;
		color: #113CB3;
		border-bottom: 1px solid #113CB3;
	}
	
	.content a:hover, .content a:active
	{
		text-decoration: none;
		color: #FF0000;
		border-bottom: 1px solid #FF0000;
	}

	.content ul li a:link, .content ul li a:visited
	{
		text-decoration: none;
		color: #113CB3;
		border-bottom: 1px solid #113CB3;
	}
	
	.content ul li a:hover, .content ul li a:active
	{
		text-decoration: none;
		color: #FF0000;
		border-bottom: 1px solid #FF0000;
	}


	.content li 
	{
		margin: 0 0 6px 0;
      	padding: 0 48px 0 6px;
		font: 90%/140% verdana, arial, helvetica, sans-serif;
		text-align: left;
		color: black;
	} 
	
	.content ul 
	{
		margin: 0 0 0 0;
     	padding: 0 0 0 0;
		list-style-type: square;
	} 
	
	.content ol 
	{
		margin: 0 0 0 0;
        padding: 0 0 0 0;
		list-style-type: lower-latin;
	}

/* End Main Content Paragraph and Link Formatting */

/* Start Image and Caption Formatting, image=300px width, left and right*/	
	div.imagecaptionright
	{
		float: right;
		width: 300px;
		margin: .5em 0 .5em 1em;
		display: inline;
		padding: 10px 10px 15px 10px;
		background: #113CB3 0 100%;
		font: italic 85%/120% verdana, arial, helvetica, sans-serif;
		color: #C5CFF9;
		text-align: left;
	}
	
	div.imagecaptionright img
	{
		border: 1px solid white;
		margin-bottom: 10px;
	}
	
	div.imagecaptionleft
	{
		float: left;
		width: 300px;
		margin: .5em 1em .5em 0;
		display: inline;
		padding: 10px 10px 15px 10px;
		background: #D36832 0 100%;
		font: italic 85%/120% verdana, arial, helvetica, sans-serif;
		color: white;
		text-align: center;
	}
	
	div.imagecaptionleft img
	{
		border: 1px solid white;
		margin-bottom: 10px;
	}	
/* End Image and Caption Formatting, image=300px width, left and right*/	

/* Start Image and Caption Formatting, image=500px width, centered */	
	div.imagecaptioncenter
	{
		float: left;
		width: 540px;
		margin: .7em 0 1.3em 0;
		display: block;
		padding: 0px 0px 0px 0px;
		background: white 0 100%;
		font: italic 85%/120% verdana, arial, helvetica, sans-serif;
		color: black;
		text-align: center;
	}
	
	div.imagecaptioncenter img
	{
		border: 1px solid black;
		margin-bottom: 10px;
	}	
/* End Image and Caption Formatting, image=500px width, centered */	

/* Start Pull Quote Formatting, left and right */	
	div.pullquoteright
	{
		float: right;
		width: 150px;
		margin: .5em 0 .5em 1em;
		display: inline;
		padding: 10px 10px 10px 10px;
		background: #4F977F 0 100%;
		font: bold italic 100%/140% georgia, times, "times new roman", serif;
		color: #E6FEF6;
		text-align: left;
		border: 2px outset #CCCCCC;
	}
	
	div.pullquoteleft
	{
		float: left;
		width: 300px;
		margin: .5em 1em .5em 0;
		display: inline;
		padding: 10px 10px 10px 10px;
		background: #D36832 0 100%;
		font: bold italic 100%/140% georgia, times, "times new roman", serif;
		color: white;
		text-align: left;
	}
/* End Pull Quote Formatting, left and right*/	

/*
Use auto left and right margins to center table, body must also have text-align: center;
*/

/* Start Table Formatting */
	caption
	{
		text-align: center;
		margin: 0 0 0 0;
		padding: 0 0 .5em 0;
		font: bold 100%/110% verdana, arial, helvetica, sans-serif;
		color: #D36832;
	}
	
/*
	table
	{
		border-collapse: collapse;
		margin: 0 auto .5em auto;
	}
	
	th, td
	{
		border-right: 1px solid white;
		border-bottom: 1px solid white;
		padding: .3em;
	}
	
	td
	{
		font: 85%/110% verdana, arial, helvetica, sans-serif;
		color: black;
	}
	
	tr 
	{
		background: #B0C4D7;
	}
	
	thead th
	{
		background: #387A9B;
		font: bold 85%/110% verdana, arial, helvetica, sans-serif;
		color: white;
	}
	
	tbody th
	{
		font: bold 85%/110% verdana, arial, helvetica, sans-serif;
		background: #658CB1;
		color: white;
	}
	
	tr.alternatetablerow
	{ 
		background: #D7E0EA;
	}

	tr.alternatetablerow th
	{
		background: #8AA9C7;
	}
*/

/* End Table Formatting */

/*
Use margin top and bottom auto attribute to center text on a line or in a table cell. Best supported method to position text. Use Margins. Verticle-align only applies to images.
*/

/* Begin Form Formatting */
	fieldset
	{
		margin: 12px 0 12px 0;
		padding: 0 0 0 0;
		border: 1px solid #781351;
	}

	legend
	{
		color: white;
		background: #D36832;
		border: 1px solid #781351;
		padding: 2px 6px 2px 6px;
		font: bold 85%/140% verdana, arial, helvetica, sans-serif;
	} 

	table.forms
	{
		margin: 1em 1em 1em 1em;
		padding: 0 0 0 0;
		border-collapse: collapse;
	}

	label
	{
		margin: auto 0 auto 0;
		padding: 3px 0 3px 0;
		font: 95%/140% verdana, arial, helvetica, sans-serif;
		color: black;
		background: white;
		text-align: left;
	}

	td.label
	{
		margin: auto 0 auto 0;
		padding: 3px 6px 3px 0;
		color: black;
		background: white;
		text-align: right;
	}

	td.input
	{
		margin: auto 0 auto 0;
		padding: 3px 0 3px 0;
		color: black;
		background: white;
		text-align: left;
	}
	
	td.labelheading
	{
		margin: auto 0 auto 0;
		padding: 3px 0 3px 0px;
		color: black;
		background: white;
		text-align: left;	
	}   

    td.leftindent
	{
		margin: auto 0 auto 0;
		padding: 3px 0 3px 24px;
		color: black;
		background: white;
		text-align: left;	
	}   

	input.notrequired
	{
		font: 95%/140% verdana, arial, helvetica, sans-serif;
		color: black;
		background: white;
		border: 1px solid #781351;
	}
	
	input.required
	{
		font: 95%/140% verdana, arial, helvetica, sans-serif;
		color: black;
		background: #FFFF99;
		border: 1px solid #781351;
	}
	
	input.submit
	{
		font: bold 95%/140% verdana, arial, helvetica, sans-serif;
		background: #387A9B;
		color: white;
		margin: 0 0 0 0;
		border: 2px outset #d7b9c9;
	} 
	
	textarea
	{
		background-color: #FFFF99;
	}
	
	select
	{
		font: 95%/140% verdana, arial, helvetica, sans-serif;
		color: black;
		background: white;
		border: 1px solid #781351;
	}
/* End Form Formatting */