/* commented backslash hack \*/ 

html {
	height:100%;
}

body{
	height:100%;
	background: #28235d;
	background-image: url(../images/stars_bg.gif); background-repeat: repeat;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 86%;
	color: #000000;
	text-align:center;
} 

/* end hack */
html,body {margin:0;padding:0}

hr {border: none 0;  
text-align:center;
width: 50%;
border-top: 1px dashed #000;/*the border*/

height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

#outer{
	min-height:100%;
	height:auto;
	background:#889ecd;
	background: transparent url(../images/content_bg.gif) repeat-y center top;
	width:740px;
	margin:auto;
	margin-bottom:-26px;
	text-align:center;
}

#fun_outer{
	min-height:100%;
	height:auto;
	background:#889ecd;
	
	width:740px;
	margin:auto;
	margin-bottom:-26px;
	text-align:center;
}

* html #outer{height:100%;}

* html #fun_outer{height:100%;}

#header {
	margin:0;
	padding:0;
	height: 170px;
	width: 740px;
	background: url(../images/header.jpg) no-repeat center top;
	text-align:center;
	margin-right: auto;	
	margin-left: auto; 
}

#header h1 {
	padding:0;
	margin:0;
	text-indent: -9999px;
	
}

#header h1 a {
	display:block;
	width:100%;
	height:100%;
	

}

#topnav {
		background: #cc341d;
		margin-left: auto;
		width: 740px;
		margin-right: auto;
		height: 60px;
		text-align: center;
}

#topnav UL#menu {
		padding-right: 0px;
		padding-left: 0px;
		background:   url(../images/topnav.gif) no-repeat left top;
		padding-bottom: 0px;
		margin: 0px;
		width: 740px;
		padding-top: 0px;
		position: relative;
		height: 60px;
}

#topnav ul#menu li {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
		list-style-type: none;
		position: absolute;
		top: 0px
}

#topnav ul#menu li a {
		text-indent: -9999px;
		text-decoration: none
}


ul#menu li {
		display: block;
		height: 60px
}

ul#menu a {
		display: block;
		height: 60px
}



#home {
	left: 0px;
	width: 80px;
}

#about {
	left: 80px;
	width: 80px;
}

#books {
	left: 160px;
	width: 80px;
}

#nip {
	left: 240px;
	width: 60px;
}

#ratty {
	left: 300px;
	width: 75px;
}

#fun {
	left: 375px;
	width: 75px;
}

#grown_ups {
	left: 450px;
	width: 115px;
}

#links {
	left: 565px;
	width: 75px;
}


#contact {
	left: 640px;
	width: 100px;
}


#home a:hover {
		background:   url(../images/topnav.gif) no-repeat 0px -60px;
}

#about a:hover {
		background:   url(../images/topnav.gif) no-repeat -80px -60px;
}

#books a:hover {
		background:   url(../images/topnav.gif) no-repeat -160px -60px;
}

#nip a:hover {
		background:   url(../images/topnav.gif) no-repeat -240px -60px;
}


#ratty a:hover {
		background:   url(../images/topnav.gif) no-repeat -300px -60px;
}


#fun a:hover {
		background:   url(../images/topnav.gif) no-repeat -375px -60px;
}

#grown_ups a:hover {
		background:   url(../images/topnav.gif) no-repeat -450px -60px;
}

#links a:hover {
		background:   url(../images/topnav.gif) no-repeat -565px -60px;
}


#contact a:hover {
		background:   url(../images/topnav.gif) no-repeat -640px -60px;
}




#main {
    background:#889ecd;
    float:left;
    width:500px;
    text-align: left; 
    padding-top: 20px;  
    }

#main_fun {
    background:#889ecd;
    float:left;
    width:740px;
    text-align: left; 
    padding-top: 20px;  
    }

#content_view {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
		margin:0;
		width: 740px;
		padding-top: 5px;
		text-align: center;
		background:#889ecd;	
}



#main a {			
	color: #3b325d;		
}
	
#main a:visited {			
	color: #3b325d;		
}
		
#main a:hover {	
	text-decoration: none;
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }


.leftimg {
	float: left;
}

.rightimg {
	float: right;
	margin-right:10px;
}

.clear {
	clear: both;
}

#sidebar {
    	
    	float:right;
    	width:230px;
	text-align: left; 
	


    }

#main h2 {
	padding:20px 20px;
	font-size: 1.2em;
}

#main h2, #main h3,{
    	padding:0 20px;    
}

#main p {
	padding-left: 20px;
	padding-bottom: 10px
	padding-right: 20px;
	margin-right: 20px;	
}



#main IMG {
	padding-left: 20px;
	padding-right: 20px;
        padding-bottom: 0;
	
}


#main_fun h2 {
	padding:20px 20px;
	font-size: 1.2em;
}

#main_fun h2, #main h3,{
    	padding:0 20px;    
}

#main_fun p {
	padding-left: 20px;
	padding-bottom: 10px
	padding-right: 20px;
	margin-right: 20px;	
}

#main_fun IMG {
	padding-left: 20px;
	padding-right: 20px;
        padding-bottom: 0;
	
}

#sidebar ul {
    margin-bottom:0;
    }

#sidebar h2 {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 0;
	font-size: 1.2em;
	
}

#sidebar h3 {
    padding:0 10px 0 0;


    }

#sidebar p {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-right: 20px;
	margin:0;
	
}

#sidebar IMG {
	padding-left: 0px;
        padding-bottom: 0;
	
}





#clearfooter{
 clear:both;
 height:26px;
}

#footer {
width:740px;
height:26px;
background:  #609966;
color: #3b325d;
margin-left:auto;
margin-right:auto;
text-align: center;
position:relative;
font-size: 11px;

}

#footer p {
	margin:0;
	padding:0;
	padding-top:5px;
	color: #3b325d;
}

#footer a {	
		text-decoration: none;
		color: #3b325d;		
}

#footer a:visited {	
		text-decoration: none;
		color: #3b325d;		
}
	
#footer a:hover {	
		text-decoration: underline;
}

form {
  margin: 0px;
  padding-left: 20px;
  width: 400px;
}

form fieldset {  
 
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

legend {
 	color:#fff;
	border: #fff solid 1px; 
	padding: 10px;	
}