/*
=======================================
 165th New York Volunteer Infantry
 Master Stylesheet
 Last Modified 12.29.2008
 Coded by Viark Unlimited
=======================================
*/

/*
=======================================
New Colors
White Text Background------> ffffff
Orange---------------------> f78e21

Dark Bright Brown Background	#55290C
Dark Bright Brown Text		#562F12
Dark Dull Brown Background	#605133
Light Brown			#9D8B5D
Dark Tan Background		#B7A26B
Medium Tan Background		#C3B38B
Light Tan Background		#DCCDA6
Lightest Tan			#F1E0B5
Black				#231f20
=======================================
*/


body {
	background:#FFFFFF;
	font: normal 12px arial;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	text-decoration: none;
}
/*----------------------*/




/* CONTAINERS */

#container {
	width: 800px;
	background-color: #F1E0B5;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
}

* html #container {
	width: 800px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ------------------------------ */



#container .header img  {
	width: 800px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#imageContainer {
	position:absolute;
	margin:auto;
	width:525px;
	border:1px solid #000;
}

#caption {
	font: bold 12px arial;
	color: #55290C;
	text-align: center;
	font-style: italic;
}

/* CONTENT */

#content {
	width: 100%;
	vertical-align: top;
	background-color: #F1E0B5;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	border: 0px;
}

#content p {
	font: normal 12px arial;
	color: #562F12;
	text-indent: 0em;
}

* html #content p {
	font: normal 12px arial;
	color: #562F12;
	text-indent: 0em;
}

#content p a {
	font: normal 12px arial; 
	color: #55290C; 
}

#content p a:hover {
	color: #55290C; 
	text-decoration: none; 
}

#content p td {
	font: normal 12px arial; 
	color: #55290C; 
}

#content .sche {
	font: normal 9px arial; 
	color: #55290C; 
}

#content .photo1 img {
	width: 228px;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#content .photo2 img {
	width: 228px;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#content .photo3 img {
	width: 228px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*----------------------------------------------*/





/* HEADERS */

#h1 {
 	font: bold 20px arial; 
	padding: 0;
    	margin: 10px 25px 0 25px;
	color: #562F12; 
	text-align: center; 
	border-bottom: dashed 1px #562F12;
}

h2 { 
	font: bold 14px arial; 
	padding: 0;
	margin: 5px 0 7px 0;
	color: #562F12;
}

h3 { 
	font: bold 12px arial; 
	padding: 0; 
	color: #562F12;
}

h4 { 
	font: bold 12px arial;
	padding: 3px;
	margin: 5px 0 5px 0;
	color: #fff; 
	background-color: #562F12;
}

/*----------------------------------------------*/




/* FOOTER */

#footer {
	width: 100%;
	padding: 4px 0 4px 0;
	margin: 0 0 0 0;
	text-align: center;
	font: bold 11px arial;
	color: #231f20;
	background: url(../images/footer_background.jpg);
}


* html #footer {
	width: 100%;
	padding: 4px 0 4px 0;
	margin: 0 0 0 0;
	text-align: center;
	font: bold 11px arial;
	color: #231f20;
	background: url(../images/footer_background.jpg);
}

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

#footer a:hover {
	color: #000000;
	text-decoration: underline; 
}
/*----------------------------------------------*/




/* SUBFOOTER */

#subfooter {
	width: 100%;
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	text-align: center;
	font: bold 11px arial;
	color: #CC0033;
	background-color: #FFFFFF;
}
    
#subfooter a {
	color: #CC0033; 
	text-decoration: none;
}

#subfooter a:hover {
	color: #000000; 
	text-decoration: underline;
}
/*----------------------------------------------*/







/*---------------------ITEMS BELOW HERE ARE NOT IN USE-----------------------*/

#content ul {
    margin: 5px 0 0 0; 
}
    
#content ul li {
    font: normal 12px arial;
    color: #562F12; 
}

#content hr {
    height: 1px;
    width: 100%;
    color: #55290C; 
}
    
#content .package {
    font: normal 12px arial;
    color: #000;
    background-color: #B7A26B;
    border: 1px #605133 solid;
    margin: 8px 5px 0 2px;
    padding: 5px;
}

#content .package td {
    font: normal 12px arial;
    color: #000;
}

#content .package h2 { 
    background-color: #55290C;
    color: #fff;
    font: bold 12px arial;
    padding: 2px;
    margin: 0; 
}

#content .testimonials {
    height: 1px;
    width: 100%;
    color: #55290C;
    margin: 0px 0 6px 0;
}
/*----------------------------------------------*/





/* PACKAGES */

#packages {
    width: 220px;
    background-color: #ffffff;}

#packages .package {
    background-color: #f78e21;
    border: 2px #f78e21 solid;
    margin: 2px 2px 0 2px;
    padding: 2px;}

#packages .package h4 {
    background-color: #ffffff;
    color: #55290C;
    font: bold 12px arial;
    padding: 2px;
    margin: 0;}

#packages .package div {
    font: normal 11px arial;
    color: #F1E0B5;
    padding: 0 0 0 3px;}

#packages .package div a {
    color: #55290C;
    text-decoration: none;} 

#packages .package div a:hover {
    text-decoration: underline;}
/*----------------------------------------------*/




/* FEATURES COLUMN */

#feature {
    width: 255px;
    padding: 10px 0 0 0;}

#feature div {
    background: #616D85;
    padding: 15px 0 15px 0;
    text-align: center;}

#feature2 {
    width: 330px;
    padding: 10px 0 0 0;}

#feature2 div {
    background: #EAE8E8;
    padding: 15px 0 15px 0;
    text-align: center;}

#feature3 {
    width: 280px;
    padding: 10px 0 0 0;}

#feature3 div {
    background: #EAE8E8;
    padding: 15px 0 15px 0;
    text-align: center;}

.featurepic {
    border: 15px solid #EAE8E8; 
    margin: 0 0 5px 5px; 
}
/*----------------------------------------------*/



/* NAVIGATION */

#navigation {
     font: 10px arial, tahoma, sans-serif;
     line-height: 2em;
     width: 150px;
     float: left; }

#navigation a {
     color: #000;
     text-decoration: none;
     font-weight: bold;
     display: block; }

#navigation a.subcategory {
     background: url(iconfolderclosed.gif);
     background-repeat: no-repeat;
     margin: 0 0 0 25px;
     padding: 0 0 0 25px;
     color: #000;
     text-decoration: none;
     font-weight: bold;
     display: block; }

#navigation p.subcategory {
     background: url(iconfolderopen.gif);
     background-repeat: no-repeat;
     margin: 0 0 0 25px;
     padding: 0 0 0 25px;
     color: #c00;
     text-decoration: none;
     font-weight: bold;
     display: block }

#navigation h3.open {
     background: url(iconfolderopen.gif);
     background-repeat: no-repeat;
     margin: 5px 0 0 0;
     color: #c00;
     padding: 0 0 0 25px;
     font: 11px arial, helvetica, sans-serif;
     font-weight: bold;
}

#navigation h3.closed {
     background: url(iconfolderclosed.gif);
     background-repeat: no-repeat;
     margin: 5px 0 0 0;
     padding: 0 0 0 25px;
     font: 11px arial, helvetica, sans-serif;
     font-weight: bold;
}
/*----------------------------------------------*/



/* BODY */

#body { 
     width: 570px;
     float: right;
     font: 10px arial, tahoma, sans-serif; }

#body tr.header {
     font: 9px arial, tahoma, sans-serif;
     font-weight: bold;
     background: #000;
     border: 1px solid #000;
     color: #fff; }

#body tr {
     font: 10px arial, tahoma, sans-serif;
     border-bottom: 1px solid #000;
     border-right: 1px solid #000;
     border-left: 1px solid #000;
     margin: 0 0 1px 0; }

#body td {
     padding: 5px; }
/*----------------------------------------------*/



/* ADMIN */

a.admin {font: normal 12px arial; color: #000; }

#content td.inverse {
    background-color: #55290C;
    font: bold 12px Arial;
    color: #fff;
    margin: 0 0 0 0;
    text-align: center;}

#content td.inversesmall {
    background-color: #55290C;
    font: bold 12px Arial;
    color: #fff;
    margin: 0 0 0 0;
    text-align: left;}

td.content {
    font: normal 12px arial;
    color: #562F12; }
/*----------------------------------------------*/




/* DOWNLOADS */

#content .downloads {
    border: solid 1px #55290C;}

#content .downloads td.inverse {
    background-color: #55290C;
    font: bold 12px Arial;
    color: #fff;
    margin: 0 0 0 0;
    text-align: center;}

#content .downloads td {
    font: normal 12px Arial;
    color: #55290C;}

#content .downloads td a {
    font: bold 12px Arial;
    color: #55290C;
    text-decoration: none;}

#content .downloads td a:hover {
    text-decoration: underline;}
/*----------------------------------------------*/




/* Photos */

.phototext {
    font: normal 12px arial;
    color: #562F12;
    font-weight: bold;}

.phototext a {
    font: normal 12px arial;
    color: #562F12;
    font-weight: bold;
    text-decoration: none;}

.phototext a:hover {
    text-decoration: underline;}

.phototext img {
    border: solid 1px #55290C;}