/*css from testlayoutc_without2cols.html*/
/************************* Generic Selectors *************************/
* {
margin: 0;
padding: 0;
border: 0px none;
}

body {
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2F2525;		
	background-color: #F9F9F9;
	background: url('webimgs/brownpapertile2.png')
	/*margin: 0 0 0 0; top right bottom left*/
	; 	
}

p {
	width: 95%;
	padding: 5px 5px 5px 15px;
}


h1 {

	font-family: verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #2F2525
}

h2 {
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #2F2525;
	border-bottom: 1px solid #a31b1b;
	/*padding:0 0 0 0;*/
	background: url('webimgs/pinwheel.png') no-repeat center left;
	padding-left: 15px; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:0
}

h3 {
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #2F2525;
	border-bottom: 1px solid #a31b1b;
	padding: 10px 0 2px 0px;
	margin: 0 0 5px 15px;
}

h4 {
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #2F2525;
	background: url('webimgs/pinwheel.png') no-repeat center left;
	border-bottom: 1px solid #a31b1b; margin-left:15px; margin-right:0; margin-top:10px; margin-bottom:3px; padding-left:15px; padding-right:0; padding-top:2px; padding-bottom:2px
}

h6 {
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	color: 000033;
}

ul {
	list-style-type: none;
	line-height: ;
	padding-left: 15px
}

li {
	/*background: url(http://studiocyen.net/comics/sofia/luggagetag.png) no-repeat center left;*/
	padding-left: 0px;
}


/*************************  ID's *************************/
#wrapper {
	/*background: #BEE7FA;*/
    	position:relative;
	margin: 0 auto;
    	padding:0 0px;
	width: 780px;
	/*border: 2px solid #9BCDE4;*/
	/*border-bottom: 1px solid #9BCDE4;*/
}
#header {
	/*background: #BEE7FA;*/
	height: 102px;	
      background-image: url('webimgs/v13title3.png');
      background-repeat: no-repeat;
      background-position: left bottom;
      padding-top: 0px
}

#navigation {

	margin-top: 0px;
	text-align: center;
	/*background: #E17F20;*/
	padding: 55px 0px 0px 0px; /*top right bottom left*/
	/*color: #FEF8EE;*/


}

/*To get the title graphic line up with the navigation, I adjusted the height of the header as well as playing around with the margin-top and padding of navigation div */

#navigation a:link {
	font-weight: bold;
color: #b41717;

}
 
#navigation a:visited {
	font-weight: bold;
color: #790000;
}
 
#navigation a:hover {
	font-weight: bold;
color: #ee3f3f;
}


ul.navigation {
	list-style-type: none; /* takes out the bullet */
  	margin-left: 258px;
  	padding-left: 5px;
}

ul.navigation li {
	float: left;
	display: inline;
	white-space:nowrap; 
	border-left: 10px solid #514640;
	border-right: 1px solid #514640;
	border-top: 1px solid #514640;
	border-bottom: 1px solid #514640;
  	background-color: #f2e9d6;
  	background: url('webimgs/tanpapertile.png') center left;; margin-left:10px; margin-right:0px; margin-top:5px; margin-bottom:0px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
	
}

ul.navigation a {
display:block;
width: 55px;
}

/*ul.navigation li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}*/	/* prevents wrap and from turning into 2 line list*/


#content {
	padding-top: 9px;
	padding-bottom: 10px;
	background: url('webimgs/tanpapertile.png') center left;
	border-left: 20px solid #514640;
	border-right: 1px solid #514640;
	border-top: 1px solid #514640;
	border-bottom: 1px solid #514640;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
   	-webkit-border-top-right-radius: 15px;
    	-webkit-border-bottom-right-radius: 15px; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0px

}

#contentmid {
	background: #F7F6F6;
	width: 680px;
	float: center;
	/* margin-left: auto ;
  	margin-right: auto ;
	margin-top: 40px;
	margin-bottom: 40px; */
	margin: 20px auto 20px auto; 
/* set bottom margin to 40px if centerleft and centertight follows after centermid if top of centerleft and right are to line up */
/* or change the top margin in centerright */
	padding: 10px 20px 20px 10px;
	border: 1px dashed #a49484;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
   	-webkit-border-top-right-radius: 15px;
    	-webkit-border-bottom-left-radius: 15px;
}

#contentleft {
	float: left;
	background: #F7F6F6;
	width: 305px;
	/*height: 280px;*/
	/* margin-left: 40px; */
	/* margin-top: 50px; */
	margin: 0px 0px 0px 15px; /*top right bottom left*/
	padding: 0px 10px 10px 0px;
	/*border: 1px dashed #cccccc;*/

}


#contentright {
	background: #F7F6F6;
	width: 305px;
	/*height: 300px;*/
	/* margin-top: 50px; */
	margin: 0px 0px 0px 353px; /*top right bottom left*/
	padding: 0px 10px 10px 0px;
	/*border: 1px dashed #cccccc;*/

}


ul#rightmenu {
	list-style: none; 
	padding: 2px 5px 5px 5px;
}

ul#rightmenu li {
	background: url('http://studiocyen.net/comics/sofia/luggagetag.png') no-repeat center left;

}

#rightmenu a:link {
	color: #BEE7FA;
	text-decoration: none;
	font-weight: bold;
}

#rightmenu a:visited { 
	color: #9FCCE1;
	text-decoration: none;
	font-weight: bold;
}

#rightmenu a:hover {
	color: #FAEF95;
	font-weight: bold;
	text-decoration: none;

}  
#rightmenu a:active { 
	color: #CC3300;
	font-weight: bold; 
} 


#footer {
	clear: both;
	height: 40px;	
	width: 350px; 
	float: right;

	background: url('webimgs/tanpapertile.png') center left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 10px solid #514640;
	border-right: 1px solid #514640;
	border-top: 1px solid #514640;
	border-bottom: 1px solid #514640;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
   	-webkit-border-top-right-radius: 15px;
    	-webkit-border-bottom-right-radius: 15px; padding-left:15px; padding-right:0px; padding-top:5px; padding-bottom:5px
}
hr {
     color: #a31b1b;
     background: #a31b1b; 
     width: 96%; 
     height: 1px;
	position:relative;
	margin: 3px auto;

}



/*************************  Pseudo classes *************************/

.imgtitle {	
	margin-top: 160px;
	text-align: center;
	padding: 0px 20px 0px 0px; /*top right bottom left*/
}
a:link {
	color: #477B39;
	text-decoration: none;
	font-weight: none;
}

a:visited { 
	color: #466527;
	text-decoration: none;
	font-weight: none;
}

a:hover {
	color: #A3CF78;
	font-weight: none;
	text-decoration: none;

}  
a:active { 
	color: #CC3300;
	font-weight: none; 
} 

.toc {
}

.toc ul {
	padding: 0px 0px 0px 30px;
	list-style-position: inside; 
}

.toc li {
	background: url('webimgs/luggagetag.png') no-repeat center left;
	padding-left: 15px; list-style-type:none
}

/******************************* index ***********************************/

#indexleft {
	float: left;
	background: #F7F6F6;
	width: 480px;
	/*height: 280px;*/
	/* margin-left: 40px; */
	/* margin-top: 50px; */
	margin: 20px 0px 20px 15px; /*top right bottom left*/
	padding: 10px 10px 10px 0px;
	border: 1px dashed #a49484;
}


#indexright {
	background: #F7F6F6;
	width: 200px;
	/*height: 300px;*/
	/* margin-top: 50px; */
	margin: 20px 0px 20px 520px; /*top right bottom left*/
	padding: 10px 10px 10px 0px;
	border: 1px dashed #a49484;

}

.pindex {
	text-align: center;
	padding: 5px 0px 5px 10px;
}