/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
body{
background:url(images/paper.jpg);
}

a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}






h1#heading
{
 color: #036;
 font-size: 120%;
 font-weight: normal;
 text-transform: uppercase;
 text-align: center;
 letter-spacing: .5em;
 padding:.4em  0;
 border-top: 1px solid #069;
 border-bottom: 1px solid #069;
 background-image:url(images/chapter8.jpg);
 margin:0 0 .5em 0;
}

div.sideDeco
{
 background-image:url(images/chapter6.jpg);
 background-repeat: repeat-y;
 background-position: 100% 0;
 padding: 0 40px 1em 1em;
}

	h2.decorative
	{
		color: #036;
		font: bold 100% arial, helvetica, sans-serif;
		text-align: center;
		background: url(images/chapter9.gif) no-repeat;
		width: 220px;
		padding: 5px 0 0 0;
	}
	
	h2.decorative em
	{
		display: block;
		width: 220px;
		padding: 0 0 5px 0;
		font-style: normal;
		background: url(images/chapter9a.gif) no-repeat 0 100%;
	}
	
div.imagecaption
{
 float: right;
 width: 110px;
 margin:0 0 0 1em;
 display: inline;
 padding: 7px 5px 20px 5px;
 background: #036 url(images/chapter11.gif) repeat-x 0 100%;
 color: black;
 text-align: center;
}

div.imagecaption img 
{
 border: 1px solid #fff;
}



DIV.advert, DIV.boldAdd, DIV.lineAdd, DIV.dashAdd {
	FLOAT: left; 
	PADDING: 1px; 
	MARGIN: 5px 10px 5px 5px; 
	WIDTH: 270px; 
	background: #CCFFCC;
}



DIV.advert {
	BORDER: #777 0px solid;	
}

DIV.boldAdd {
	BORDER: #777 3px solid;	
	WIDTH: 268px; 
}


DIV.lineAdd {
	BORDER-RIGHT: #777 0px solid; 
	BORDER-TOP: #777 1px solid; 
	BORDER-LEFT: #777 0px solid; 
	BORDER-BOTTOM: #777 1px solid
}

DIV.dashAdd {
	BORDER-RIGHT: #777 0px solid; 
	BORDER-TOP: #777 2px dashed; 
	BORDER-LEFT: #777 0px solid; 
	BORDER-BOTTOM: #777 2px dashed;
}


DIV.advert IMG, DIV.boldAdd IMG, DIV.lineAdd IMG, DIV.dashAdd IMG  {
	BORDER-RIGHT: #777 1px solid; 
	BORDER-TOP: #777 1px solid; 
	FLOAT: left; 
	MARGIN: 5px 5px 1px 5px; 
	BORDER-LEFT: #777 1px solid; 
	BORDER-BOTTOM: #777 1px solid
}

DIV.advert P, DIV.boldAdd P, DIV.lineAdd P, DIV.dashAdd P {
	PADDING: 2px; 
	MARGIN: 0px; 	
}

.clear
{
 clear:left;
}





div#RoundBorder
{
 margin: 0 0.5em 0.5em 0.5em;
 background: url(images/lesson17g.jpg) no-repeat;
}


div#RoundBorder p
{
 padding: 0 20px;
}


div#RoundBorder h3
{
 margin: 0;
 padding: 20px 20px 0 20px;
 background: url(images/lesson17h.jpg) no-repeat 100% 0;
}


#pageHead
{
 background: url(images/skyRound.gif) no-repeat;
 padding: 10px;
  background-position: 50% 50%;
}


#joinForm
{
 background: url(images/MultiBackGr.gif) no-repeat 100% 0;
}

#footer
{
 background: url(images/waterRound.gif) no-repeat;
}


#donate
{
 float:left;
	PADDING: 3px; 
	MARGIN: 0 6px 0 0; 
	text-align: center;
}

#results {
			border: medium solid #390;
			background: #CCFFCC;
			font-family: sans-serif;
			font-size:11pt;
			padding: 10px 10px;
			margin-top: 20px;
			width: 590px;
			}




div#main
{
 margin: 1em;
 background: #f6f6f6 url(image_content/back_20_top_left.jpg) no-repeat;
 
}

div#main h2,h3
{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
 margin: 0;
 padding: 10px 0 0 10px;
 background: url(image_content/back_20_top_rt.jpg) no-repeat 100% 0;
}

div#main p
{
 padding: 0 10px 0 10px;
}

div#main p.more
{
 padding: 0 0 0 10px;
 background: url(image_content/back_20_bot_left.jpg) no-repeat 0 100%;
}

div#main p.more a
{
 display: block;
 padding: 0 10px 10px 0;
 text-align: right;
 background: url(image_content/back_20_bot_rt.jpg) no-repeat 100% 100%;
}


p.decor
	{
	 
		color: #036;
		font:  arial, helvetica, sans-serif;
		text-align: left;
		background: url(content-images/chapter9.gif) no-repeat;
		width: 150px;
		padding: 0 5px 0 0;
	}
	
	p.decor em
	{
		display: block;
		width: 150px;
		
		padding: 5px;
		font-style: normal;
		background: url(content-images/chapter9a.gif) no-repeat 0 100%;
		}


table#mainTable{
			
			}			


			
span#topBar{
			font-size:10pt;
			color:#dadaec;
			font-family: Arial, Verdana, Geneva, Helvetica, sans-serif ;
			}		
	
div.note, div.sidenote 
{
 margin: 10px;
 background:white;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
		font-weight: normal;
		font-size: 12px;
		line-height:1.5;
		color: black;
}			

div.sidenote 
{
 width:50%; 
 float:right; 
}		

div#tip
{
 width:170px;
 height:170px;
 padding:15px;
 margin:10px;
 background: f6f6f6 url(image_content/chapter9_x.gif) no-repeat;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
		font-weight: normal;
		font-size: 12px;
		line-height:1.5;
		 float:right;
}	


div#sideNote{
 padding:10px 5px 5px 5px;
			background: url(image_content/back_vert.gif) repeat-x;
			 width:160px;
 			
			   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
		font-weight: normal;
		font-size: 12px;
		line-height:1.5;
			}	

#userStats {
    background:#FFFFCC;
    color:#0066FF;
    padding: 5px;
    border: 1px solid #FFE7B6;
    text-align:left;
		margin:10 0 10 0;		
}

#userStats span{
margin: 10 0 10 0;
}

h2.pageTitle
{ 
color:#43536D;
font-family: Arial,Verdana, Geneva, Helvetica, sans-serif ;
font-size: 18px;
margin-bottom:1px;
}