body {margin:0; padding:0; background-color:#C1CFC2;}
.clear {clear:both; color:#fff; content:"."; display:block; height:0; visability:hidden;}
.bold {font-weight:bold;}

h1 {font:bold 14px tahoma,arial,sans-serif; color:#000000; margin-top:0px;}
h2 {font:bold 12px tahoma,arial,sans-serif; color:#2C3A2D;}
h4 {font:bold small Verdana, sans-serif; color:#9C1A1E; margin-bottom:2px;}
h5 {font:italic bold small Arial, sans-serif; color:#43616B; margin-top:2px;}
	
p {font:11px tahoma,arial,sans-serif; text-align:justify;}


a {color: #373030;}
a:hover {color: #ffd500; text-decoration:none;}

hr {color:#2c3a2d; height:1px;}
	
/* removes extra space underneath caused by default text-alignment */	
img {border:0px none; display:block;}

.date {text-align:right; color:#2c3a2d; font:9px Verdana,sans-serif; margin-bottom:10px;}
.main {color:#517153; font:11px/2 tahoma,Verdana,sans-serif; text-align:justify;}
.clear {clear:both; height:0px; display:hidden;}
.center {test-align:center; margin:0px auto;}
.bold {font-weight:bold;}
.italic {font-style:italic;}

.frmbutton  {background-color:#fff; border:1px solid #395037; color:#395037; font-family:arial,sans-serif; font-size:11px; font-weight:bold; padding:0px 0px 0px 2px;}
.input	{background-image:url('images/inputbkgd.gif'); border:1px inset #eee; color:#395037; font-family:arial,sans-serif; font-size:8pt; padding:0px; text-indent:4px;}
.rowHeading {background-color:#809181; color:#fff; padding:10px 0px;}
.fielddesc {font-weight:bold; padding-right:5px; text-align:right;}
#army {display:none; height:1px;}

/* 
------------------------------- layout ----------------------------- 
Notes:

Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%         |  1.5%  |				total width= 25%
 
------------------------------- layout ----------------------------- 
*/

#top {padding:4px; background:#395037; border-bottom:1px solid #2c3a2d;}

div#topcontent {position:absolute; color:#cccccc; font:bold 12pt tahoma,Verdana,sans-serif; left:100px; top:50px;}
div#topcontent ul {position:absolute; right:0px; list-style:none; margin:0px 0px 40px 0px;}
div#topcontent ul li {display:inline; padding:0 0.5em; border-left:1px solid #34339B;}
div#topcontent ul li.first {border-left:0px none;}
div#topcontent ul li a {font:0.7em /1 verdana, sans-serif;}

#center {background:#ffffff url(images/bgcenter.gif) no-repeat center; color:#333; margin:0 25% 0 20%; min-height:185px; padding:1% 3%; }
#center p {font:11px tahoma,arial,sans-serif; text-align:justify; line-height:1.5em;}
#center #medals p img {clear:both; padding:5px;}
#center #guestbook {min-height:390px;}
#center #approval td {font:11px tahoma,arial,sans-serif;}
#center #vquotes p {background:#fff url(images/quote.gif) no-repeat top left; border-bottom:1px solid #ddd; line-height:1.75em; padding:15px 0 10px 20px;}
#center #vquotes p:first-letter {font-size:1.5em;}

#left {position:absolute; padding:0px; top:101px; width:20%; left:0px; background:#809181 /*url(images/vietnam_bar.gif) left bottom repeat-x*/; color:#000000;}

#left #leftlinks ul {margin-left:15px; padding:0px;}
#left #leftlinks ul li {left:0px; padding-bottom:5px; list-style-type:square;}
#leftlinks {padding:5px; font-size:13px; margin-top:0px;}
#leftlinks h2 {margin-top:10px; font-variant:small-caps; letter-spacing:5px;}

#quotes {position:absolute; width:22.5%; height:250px; overflow:hidden; margin-left:75%; right:0px; padding:0px 1.5%; top:101px; background-color:#373030; border-top:1px solid #2C3A2D;}
#quotes h2 {color:#eeeeee; margin-top:10px; font-variant:small-caps; letter-spacing:5px;}
div#quotes p.row {width:100%; margin:0px 0px 15px 0px;}
div#quotes p.row span.leftcol {width:90%; float:left; color:#ffffff;}
div#quotes p.row span.rightcol {float:right; margin:3px 10px 3px 0px; color:#ACACAC; text-align:right;}	
.spacer {display:block; height: 1px; font:1px /1 sans-serif; clear:both;}
		
#artmarkart {position:absolute; width:21.9%; height:150px; margin-left:75%; padding:10px 1.5%; top:350px; text-align:center;}
#artmarkart img {margin-left:20%; margin-right:25%;}

#sponsor p, #articlesponsor p {color: #A5B5C6;}
#articlesponsor {position:absolute; width:21.9%; height:251px; margin-left:75%; padding:10px 1.5%; top:150px; text-align:center;}

#footer {clear:both; border-top: 1px solid #2C3A2D; border-bottom: 1px solid #2C3A2D; background-color:#809181; color:#000;}
#footer p {margin:4px; text-align:center;}

/* --------------------- Feature Image --------------- */
#featureimg {margin:0px 25% 0px 20%; height:250px; background:#373030 url(images/vietnam_jungle.jpg) no-repeat left top; text-align:center; border-top: 1px solid #2c3a2d;}

/*-------------------------------- Navigation ------------------------------*/
ul#mainnav {list-style-type:none; margin:0px; padding:0px;}
ul#mainnav li {display:block; border-top:1px solid #2c3a2d;}
ul#mainnav li a {display:block; margin:0px; padding:4px 10px; background-color:#3D6740; font:bold 11px /1.5 tahoma,arial,sans-serif; color:#ffffff; text-decoration:none;}
ul#mainnav li a:hover {background-color: #3E533F; text-align:center;}

/*------------------ POW/MIA ----------------------*/
#powmia .tddesc {background-color:#aaaaaa; color:#000000; font:bold 7pt tahoma,verdana;}
#powmia .tddetail {background-color:#cccccc; color:#000000; font:7pt tahoma,verdana;}

/*------------------ RIGHT CONTENT ----------------------*/
#right {position:absolute; width:21.9%; margin-left:75%; right:0px; top:101px;}
#right #powmia img {position:absolute; top:25px; right:50%;}
#right #powmia p {position:absolute; top:175px; right:50%;}
#right #reagan p {position:absolute; text-align:justify; line-height:2em; top:25px; right:10%;}
#right #writing p {position:absolute; text-align:justify; line-height:2em; top:45px; right:10%;}
#right #imageThumbs p {text-align:justify; line-height:2em; top:45px; margin-right:20px; right:10%;}
#right #imgDetail p {text-align:justify; line-height:2em; top:45px; margin-right:20px; right:10%;}



/* gallery Code */
.gallery {list-style:none; width:400px;}
.gallery img {background:#fff; border-color:#aaa #ccc #ddd #bbb; border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; width:100px; height:125px;}
.gallery li {background:#809181; border-color:#ddd #bbb #aaa #ccc; border-style:solid; border-width:1px; color:inherit; display:inline; float:left; margin:3px; padding:5px; position:relative;}
#galleryDetail div img {border:2px solid #395037; margin:5px; padding:5px;}

/* Comments */
.approval {background-color:#444; color:#ECD900; display:none; font-weight:bold; padding:1px; margin-bottom:10px; text-align:center;}
#guestbook a:hover {color:#3E533F;}
#guestbook, #approval td {font:11px tahoma,arial,sans-serif; padding:2px 0px;}