/* Type: CSS Document */
 
/* -------------- General Styles ---------------- */

*{margin: 0; padding: 0;}
body {background: #000; font: 12px arial;}
img{border: 0;}
ul{list-style-type: none;}
a{text-decoration: none; color: #CC9933;}
a:hover{text-decoration: underline;}




/* ---------------- Main Structure ---------------- */ 

#wrapmaster
{
width: 850px;
overflow: hidden;
/*background: url(http://www.us-civil-war-art.com/images/wrapper-bg.jpg) repeat top left;*/
margin: 20px auto;
}

/* ------------- Header Style --------------- */

#header-master
{
width: 850px;
margin: 0 auto;
padding: 0;
overflow: hidden;
height: 100px;
background: url(http://www.us-civil-war-art.com/images/header-bg.png) repeat top left;
}

	#header-left
	{
	width: 400px;
	float: left;
	}
	
	#header-right
	{
	width: 450px;
	float: right;
	}



/* ------------- Content Style --------------- */

#content-master,
#inside-content-master
{
width: 848px;
margin: 0 auto;
padding: 0;
overflow: hidden;
background: #000;
}


#leftcolumn
{
width: 318px;
margin: 0;
padding: 140px 15px 0 15px;
float: left;
background: url(http://www.us-civil-war-art.com/images/leftcol-bg.gif) no-repeat top left;
}




	#leftcolumn h1
	{
	font: bold 15px arial;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	#leftcolumn p
	{
	font: 11px arial;
	color: #AAA7A0;
	line-height: 15px;
	text-align: justify;
	}

	span.more
	{
	font: 11px arial;
	display: block;
	color: #fc0;
	margin: 5px 0 0 0;
	}
	
	span.more a
	{
	color: #fc0;
	}

#rightcolumn
{
width: 500px;
margin: 0;
padding: 0;
float: left;
background: url(http://www.us-civil-war-art.com/images/leftcol-bg.gif) no-repeat top left;
}


/* ------------- Main Navigation Style --------------- */

#mainnav
{
width: 850px;
margin: 0 auto;
overflow: hidden;
height: 90px;
}

	#mainnav ul 
	{
	width: 850px;
	margin: 0;
	padding: 0;
	}

	#mainnav ul li
	{
	width: 206px;
	float: left;
	background: #009933;
	margin: 6px 6px 0 0;
	height: 80px;
	display: inline;
	padding: 0;
	}

	#mainnav ul li h2,
	#mainnavinside ul li h2
	{
	display: block;
	font:bold 15px arial;
	color: #000;
	padding: 3px;
	margin: 50px 0 0 5px;
	background: #FFCC00;
	}
	
	
	
	#mainnav ul li h2 a,
	#mainnavinside ul li h2 a
	{
	color: #000;
	}
	
	#mainnav ul li h2.home, #mainnavinside ul li h2.home{width: 40px;}
	#mainnav ul li h2.gallery, #mainnavinside ul li h2.gallery{width: 55px;}
	#mainnav ul li h2.about, #mainnavinside ul li h2.about{width: 100px;}
	#mainnav ul li h2.contact, #mainnavinside ul li h2.contact{width: 125px;}




	#mainnav ul li.home, #mainnavinside ul li.home{background: url(http://www.us-civil-war-art.com/images/home-bg.jpg) no-repeat top left;}
	#mainnav ul li.gallery, #mainnavinside ul li.gallery{background: url(http://www.us-civil-war-art.com/images/gallery-bg.jpg) no-repeat top left;}
	#mainnav ul li.about, #mainnavinside ul li.about{background: url(http://www.us-civil-war-art.com/images/about-bg.jpg) no-repeat top left;}
	#mainnav ul li.contact{ width: 214px;  background: url(http://www.us-civil-war-art.com/images/contact-bg.jpg) no-repeat top left; margin: 6px 0 0 0;}
	#mainnavinside ul li.contact{ background: url(http://www.us-civil-war-art.com/images/contact-bg.jpg) no-repeat top left; margin: 6px 0 0 0;}

	
#mainnavinside
{
width: 210px;
margin: 23px auto 0 auto;
overflow: hidden;
}

	#mainnavinside ul
	{
	width: 250px;
	margin: 0;
	padding: 0;
	}
	
	#mainnavinside ul li
	{
	width: 206px;
	float: left;
	background: #009933;
	margin: 6px 6px 0 0;
	height: 80px;
	display: inline;
	padding: 0;
	}
	
	
	#mainnavinside ul li
	{
	width: 206px;
	float: left;
	background: #009933;
	margin: 6px 6px 0 0;
	display: inline;
	height: 80px;
	padding: 0;
	}

/* ------------- Inside Content Style --------------- */

#inside-leftcolumn
{
width: 218px;
margin: 0;
padding: 120px 15px 50px 15px;
float: left;
background: url(http://www.us-civil-war-art.com/images/leftcol-bg-inside.gif) no-repeat top left;
}

#inside-leftcolumn h2
{
font: bold 12px arial;
color: #fff;
margin: 0 0 0 3px;
display: inline;
}

#inside-rightcolumn
{
width: 525px;
margin: 0;
padding: 0 10px 0 0;
float: left;
}

#inside-rightcolumn h1
{
font: bold 15px arial;
color: #fff;
margin: 0 0 10px 0;
}

#inside-rightcolumn h2
{
font: bold 13px arial;
color: #6A6C8E;
}


	#inside-rightcolumn p
	{
	font: 12px arial;
	color: #6A6C8E;
	line-height: 16px;
	margin: 0 0 10px 0;
	}

	#inside-rightcolumn p a
	{
	color: #6A6C8E;
	text-decoration: underline;
	}


	#inside-rightcolumn ul.contlist
	{
	margin: 10px 0 0 0;
	padding: 0;
	}
	
	#inside-rightcolumn ul.contlist li
	{
	
	margin: 0 0 10px 0px;
	display: block;
	background: url(http://www.us-civil-war-art.com/images/circle-arrow.gif) no-repeat top left;
	padding: 0 0 0 20px;
	color: #6A6C8E;
	}
	



#breadcrumb
{
width: 100%;
height: 60px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
float: left;
font: 11px arial;
color: #3351A7;
text-transform: uppercase;
}

#breadcrumb a
{
color: #3351A7;
}

.fleft
{
float: left;
margin: 0 10px 10px 0;
display: inline;
}





#inside-lastcolumn
{
float: left;
width: 55px;
}


	
/* ------------- Footer Style --------------- */

#footer-master
{
width: 850px;
margin: 0 auto;
padding: 0;
overflow: hidden;
font: 11px arial;
color: #ccc;
}

	#footer-left
	{
	width: 400px;
	float: left;
	}
	
	#footer-right
	{
	width: 450px;
	float: right;
	text-align: right;
	}




#moreinfo
{
width: 500px;
float: left;
margin: -8px 0 0 0;
}

#moreinfo ul
{
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}


#moreinfo ul li
{
float: left;
margin: 0 0 0 0;
padding: 0 67px 0 0;
}


.fleft
{
float: left;
margin: 0 5px 5px 0;
}



table.tabledata
{
border: 1px solid #6A6C8E;
border-collapse: collapse;
color: #6A6C8E;
font: 12px arial;
margin:  0 0 10px 0;
}

table.tabledata td,
table.tabledata th
{
border: 1px solid #6A6C8E;
padding: 5px;
}




#commentbox
{
background:  #33FF00;
text-align: left;
}