/* Start of CMSMS style sheet 'Screen' */
/* Operation Troop Appreciation */
/* Last Modified: 6-8-2007 */

/* global elements */
html, body, form, fieldset, h1, h2, h3, h4{margin:0; padding:0;}

html, body {height: 100%;}

body {font:normal 11px/14px Arial, Helvetica, sans-serif; background: #fff url(uploads/images/Sitewide/wooden.jpg);}	

h1 {font-size:2.2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}

hr {background: #ccc; border: 0; color: #ccc; width:80%; height: 1px; margin: 0 0 10px;}

.clear {clear:both;}
.centered, p.centered {text-align:center;}
.right {text-align:right;}	

a, a:active, a:visited { color:#2a55a4; text-decoration:underline}	

/* structural elements */

#container {width:770px; margin:0px auto; position:relative; height: auto; min-height: 100%;}

	#top {height:35px; text-align:right}
	#header {background: transparent url(uploads/images/Sitewide/header_bg.jpg) top left no-repeat; height:98px}		
	#global_inner {background: transparent url(uploads/images/Sitewide/inner_bg.jpg) top left repeat-y; height: auto; min-height:950px; }
		#inner_content {background: transparent url(uploads/images/Interior/letter_bg.jpg) repeat-y; width:400px; margin: 0px 65px; padding: 10px 40px 10px 70px;}
	    
	#footer {position:relative; height:53px; background: transparent url(uploads/images/Sitewide/footer_bg.jpg) top left no-repeat; padding:10px 20px}	
		#support {position:absolute; top:10px; left:110px; width:200px;}
		#copyright {float:right; text-align:right;}
#logo {
	position:absolute;
	width:91px;
	height:43px;
	z-index:1;
	left: 16px;
	top: 4px;
}

#subscribe {position:absolute; left: 15px; top: 334px; color:#fff;}
span.label, span.spacer, span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:100px;} 
div.clear {clear:both;padding-top:5px;} 
	
	/*homepage items */
		#homepage_header {background: transparent url(uploads/images/Homepage/header_bg.png) top left no-repeat ;height:97px}
		#homepage_navigation {background: transparent url(uploads/images/Homepage/navigation_bg.jpg) top left no-repeat; height:55px; width:770px;}
		#homepage_badge {position:absolute; width:164px; height:295px; z-index:27; left: -40px; top: 176px; display: block;}
		#homepage_right_nav {position:absolute; width:213px; height:220px; z-index:10; left: 575px; top: 280px;}
		#postcard {background: transparent url(uploads/images/Homepage/postcard_bg.jpg) no-repeat; position:absolute; width:576px; height:377px; z-index:7; left: 10px; top: 170px;}
		#camera_flash {position:absolute; width:167px; height:115px; z-index:22; left: 575px; top: 180px;}
		#camera {position:absolute;	left: 545px; top: 150px; z-index: 11;}
		#features {position:relative; padding-top:365px; padding-left:20px; height:280px; z-index:1; background: transparent url(uploads/images/Sitewide/inner_bg.jpg) top left repeat-y;}
			#blurb_one {width:260px; float:left}
			#blurb_two {width:250px; margin-left:260px; background:url(uploads/images/Homepage/line.jpg) top left no-repeat; padding: 0 0 0 20px;}
				#features p {margin: 0px; padding: 10px 0px;}
			
/* left floating elements */	

		#clip {position:absolute; top: 120px; left: -10px; z-index: 1; display: none}

/* right floating elements */

		#badge {position:absolute; width:224px; height:317px; z-index:3; left: 528px; top: 50px;}
		#tags {position:absolute; left: 750px; top: 405px;	z-index:12;}
		
/* form styles */

.txt {
	border:1px solid #b6b3b3;
	width:320px;
	margin:2px 0;
	padding:2px;}
	
.dropdown {
	border:1px solid #b6b3b3;
	padding:2px;}

.bg {
	background-color:#2f3e3e;
	padding:3px;
	width:314px;}
	

/* left side navigation */

#inner_left_nav {position:absolute; width:166px; height:201px; z-index:4; left: -40px; top: 150px;}


/* right side navigation */

#inner_right_nav {position:absolute; width:213px; height:220px; z-index:1; left: 575px; top: 325px;}


/* ie png fix */

img { behavior: url("iepngfix.htc"); }

/* image gallery thumbnails */
.thumb a { background-color:transparent; border:0; }


/* Store Badge */

#storebadge {
margin-top: 15px;
margin-right: 10px;
display: block;
float: right
}

#storebadge img {
width: 85%;
border: 0px;
}

#contentarea {width: 300px; height: auto; min-height: 100%;}

.troopletters P {width: 340px; border-bottom: 1px dotted #88837B; margin-bottom: 25px; padding-bottom: 5px;}
/* End of 'Screen' */