@charset "UTF-8";
/* Write Away Productions 
   March 2012
   J. Silcott, UDG
   
*/

/*General*/



body {font-family:Arial, Helvetica, sans-serif; 
	  margin:0px; 
	  background-color:#D1E5EA; 
	  background-image:url(../Images/background.png), url(../Images/hills_bottom_gradient.png); 
	  background-position:top center, bottom left; 
	  background-repeat:repeat-x, repeat;	
      }

a {color:#F30; text-decoration:none;}
a img {border:none;}
ul {list-style-type:none;}


p {margin-top:0; margin-top:0; } 

/*body*/

#container {width:960px; 
			min-height:700px; 
			margin-left:auto; 
			margin-right:auto; 
			margin-top:0px; 
			position:relative;}
/*Heading*/

#header {height:250px; 
		 background-image:url(../Images/header.png); 
		 background-position:right; 
		 background-repeat:no-repeat;}
		 
div#header h1 {float:right; 
			   margin-right:35px; 
			   margin-bottom:0px; 
			   margin-top:210px; 
			   color:#333;}
			   
#header h1 span {color:#0066CE;}

/*Page Content*/

#content{width:610px; 
		 min-height:500px; 
		 float:left; 
		 background-color:#Fff; 
		 opacity:.9; 
		 border-radius:15px; 
		 -moz-border-radius:15px; 
		 margin-left:30px;
		 padding-bottom:15px;
		 margin-bottom:15px;}
		 
#feature{float:left;
			margin-left:20px;
			margin-right:20px;
			margin-bottom:20px;}
			
#color_pages{float:left;
			margin-left:40px;
			margin-right:40px;
			margin-bottom:40px;}
		 
#content h1 {padding-left:20px; color:#FF9900;}
 h2 {padding-left:25px; color:#000066; font-size:12px; margin-top:-5px;}
 p, h3 {padding-left:20px; padding-right:20px;}

/*Menu*/
#sidebar{width:320px; 
		 height:500px; 
		 float:left; background: url(../Images/menu.png) no-repeat; 
		 z-index:100; 
		 margin-top:-152px;}
		 
#menu {margin-top:300px; margin-left:75px;}

#menu li {padding-bottom:5px; bottom:0; height:30px; width:135px; list-style:none; font-size:22px;}
#menu img {float:right; margin-bottom:5px;}

a#about li {background:url(../Images/About.png) left no-repeat;}
a#about li:hover, a#about.current li {background:url(../Images/About2.png) left no-repeat;}

a#books li {background:url(../Images/Books.png) left no-repeat;}
a#books li:hover, a#books.current li {background:url(../Images/Books2.png) left no-repeat;}

a#fun li {background:url(../Images/Fun.png) left no-repeat;}
a#fun li:hover, a#fun.current li {background:url(../Images/Fun2.png) left no-repeat;}

a#school li {background:url(../Images/School.png) left no-repeat; margin-left:2px;}
a#school li:hover, a#school.current li {background:url(../Images/School2.png) left no-repeat; margin-left:2px;}

a#contact li {background:url(../Images/Contact.png) left no-repeat;}
a#contact li:hover, a#contact.current li {background:url(../Images/Contact2.png) left no-repeat;}

/*book gallery*/

#slider {margin-top:0px;}
.subMenu {width:100%; position:relative;}

div.bookNav {width:570px; 
		     border-top:#CCC thin solid; 
			 margin-left:auto; 
			 margin-right:auto; 
			 margin-top:10px;}

ul.subNav {padding-left:0px;}
ul.subNav li {display:block; /*float:left;*/ font-size:12px;}
.floatLeft {float:left;}
#middleColumn {margin-left:45px; margin-right:45px;}

.selected {color:#0066CE;}
ul.subNav li a:hover, noscript ul a:hover {color:#339999 ;}

/*----------------Script disabled Elements----------------------*/

noscript ul a:visited {color:#999;}
noscript #altGallery ul li {display:block; float:left; width:90px;}
#altGallery {margin-bottom:10px; height:50px;}

/*-------------------Slideshow and Book display-----------------*/

#scroll, #slideshow {width:570px; 
		 height:437px; 
		 margin-right:auto; 
		 margin-left:auto; 
		 margin-bottom:15px;
		 position:relative; 
		 overflow:hidden;
		 border:#CCC thin solid;
		 border-radius:15px;
		 -moz-border-radius:15px;}

.scrollContainer div.books, .scrollContainer div.photo {padding:20px; width:530px; height:397px;}

div.books h3 {margin-bottom:5px; color:#0066CE;}

div.bookdescription {float:right; width:260px; margin-right:0px;}

div.bookdescription p {text-indent:25px; /*ensures the first line of subsequent paragraphs are indented*/
					   margin-top:0px; 
					   font-size:15px; 
					   padding-right:0px;} 






/*Footer*/

div#footer {width:100%; 
			height:192px; 
			margin-left:auto; 
			margin-right:auto; 
			margin-bottom:0px;  
			background-image:url(../Images/hills.png); 
			background-position:left; 
			background-repeat:repeat-x; 
			bottom:0;}
			
			
/*---------------------------------Toggle Stuf-------------------------------*/

.block  {width:570px;
		margin-left:auto; 
		margin-right:auto; 
		display:block;
		border-top:#cccccc thin solid;
		padding-top:15px;}
		
.blockColor {
			 border:#cccccc thin solid;
			 background: url(../Images/awesomegradient_03.png) repeat-x scroll left bottom #FFFFFF;
		  	 border-radius:15px;
		  	 -moz-border-radius:15px;
		  	 color:#333;
			 padding-top:15px;
			 text-align:justify;}