@charset "utf-8";

/* CSS Document */



/*The following are some dimensions of the page and layout requirements to help********************

*

*		Top Header picture:    900 x 135 px

*		Top Menu pictures:     900 x 68  px    (combined head pictures:  208 px height

*

*       On background, the left gutter is 40 px.

*       The Left Column for the menu should be 200 px wide

*       The Right Column can be the same, leaving the center column as 500 px wide.

*

*       FONT STYLES

*			Standard grey color for text on the site (defined in body tag):    #333333    (a darker grey)

*

*			Let's go with defining text in pixels, to be more precise.     

*			blockb/blockg			Standard on site (block):   11 px	   (grey or black)(Arial)

*			use <em> or <strong>		      italic		

*			Major Headings (h1bl/h1bk):		18 px      (blue or black)(Arial or Times New Roman)

*			2nd Level Headings (h2m/h2bk):  14 px     (maroon or black)(Arial or Times New Roman)

*			Discounts						11 px      (maroon:  Arial)

*  			Map Links						11 px      (standard blue hyperlinks)

*			Coupon Links					11 px      (maroon,  blue hover/underline)		

*			Explanatory text like roll-over instruct (explain):    blue, italic, 11px (Arial)

*			SubScript:   #666666, Arial, 8px

*

*			New Coupons Page Coupon Links   2 Level Headings:  Maroon, Arial, blue hover

*			

*

*		Blocks of information will use the red boxes, with liquid corners layout in div structure.

*       

*       Multiple locations of a business:    expandable reference in white, not grey as old site.

*

*		Boxes / blocks needed:        Administration Panel,   content blocks on index page

*

*       Make sure there are links on every page to the other sites!

*****************************************************************************************************/



body {

	background-image:url(http://www.csmilitarydiscounts.com/images/background.jpg);

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	margin-top:0;

	margin-left:0;



	}

body.categories {

	background-image:url(http://www.csmilitarydiscounts.com/images/background.jpg);

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#333333;

	margin-top:0;

	margin-left:0;

	}



#nav {

	position:absolute;

	left:34px;

	top:-1px;

	width:884px;

	}

	

	

#header {

	position:absolute;

	top:0px;

	left:30px;

	width:900px;

	height:175px;

	}

	

	

#textHeader {

	position:absolute;

	top:256px;

	left:44px;

	width:844px;

	} 

	

#textCategory {
	position:absolute;
	top:261px;
	left:60px;
	width:844px;

}



#columnContainer{
	position:absolute;
	top:303px;
	width:859px;
	height:868px;
	left: 38px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;

	}	

#leftColumn {
	position:relative;
	top:0px;
	left:0px;
	width:225px;
	height:auto;
	padding:20px;

	}

#centerColumn {
	position:absolute;
	top:12px;
	left:225px;
	width:370px;
	height:auto;
	padding:10px;
	border-left: 1px;
	border-right:3px;
	border-left-color:#999999;
	border-right-color:#DADADA;
	border-style: inset;

	}
	
	#wideColumn {
	position:absolute;
	top:12px;
	left:225px;
	width:600px;
	height:auto;
	padding:10px;


	}

	
	

#rightColumn {
	position:absolute;
	top:1px;
	left:631px;
	width:191px;
	padding:20px;
	height:auto;

	}

#footer {
	bottom:0px;
	left: 79px;
	position: absolute;
	width: 800px;
	top:980px;
	text-align:center;

	}

.redboxtop {

	width:209px;

	height:42px;

	background-image:url(../images/red_box/red_box_top.jpg);

	position: relative;

	}

.redboxmiddle{

	width:209px;

	height:auto;

	background-image:url(../images/red_box/red_box_middle.jpg);

	vertical-align:top;

	top: -12px;

	position: relative;

	}

.redboxbottom{

	width:209px;

	height:19px;

	background-image:url(../images/red_box/red_box_bottom.jpg);

	top: -25px;

	position: relative;

	}

	

.pollboxtop {

	width:209px;

	height:25px;

	background-image:url(../images/poll_box/box_top.jpg);

	position: relative;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	vertical-align: bottom;

	padding-top: 22px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	}

.pollboxmiddle{

	width:189px;

	height:auto;

	background-image:url(../images/poll_box/box_mid.jpg);

	vertical-align:top;

	top: -12px;

	position: relative;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-align: center;

	}

.pollboxbottom{

	width:209px;

	height:28px;

	background-image:url(../images/poll_box/box_bottom.jpg);

	top: -28px;

	position: relative;

	}



hr.headhr

{

	width:860px;

	size:2px;

	color:#003366;

}	





/*  FONT STYLES  */	



/************************************************

/   INDEX PAGE

/************************************************/



.blockb {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:black;

	}

.blockg {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	padding-left:20px;

	}

.explanation {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#003366;

	font-style:italic;

	}

.h1bl {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#003366;

	}

.h1bk {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:black;

	}

.h1blt {

	font-family:"Times New Roman", Times, serif;

	font-size:16px;

	color:#003366

	}

.h2r{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#660000;

	}

.h2bk {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:black;

	}

	

.h2bl {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#003366;

	}

		

.discount {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#660000;

	left:10px;

	font-weight: bold;

	}

div.blockinfo {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	left:10px;

	padding-left:25px;

	}

.subscript {

	font-family:Arial, Helvetica, sans-serif;

	font-size:8px;

	color:#333333;

	}

a.nav1:link {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#660000;

	text-decoration:none;

	}

a.nav1:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#003366;

	text-decoration:underline;

	}

a.nav1:visited{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#333333;

	text-decoration:none;

	}

	

/************************************************

/   CATEGORY PAGE

/************************************************/

#leftColCat{

	position:relative;

	top:0px;

	left:0px;

	width:300px;

	height:auto;

	padding:20px;

	}



span.blueItalic  {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#003366;

	font-style:italic;

	}





span.category 

{

	font-family:Arial, Helvetica, sans-serif;

	color:#003333;

	font-size:18px;

	font-weight:300;

}	





span.advertiser

{		

	font-family:Arial, Helvetica, sans-serif;

	color:#003366;

	font-size:14px;

	font-weight:bold;

	left:0px;

}



a.coupon:link {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#660000;

	text-decoration:underline;

	font-weight: bold;

	}

a.coupon:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#003366;

	text-decoration:underline;

	}

a.coupon:visited{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#006633;

	text-decoration:underline;

	}



a.menu:link{

	color: #006699;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	margin: 5px;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	border-left-width: thin;

	border-left-style: dotted;

	border-left-color: #CCCCCC;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 15px;

	height: 0px;

	}

	

a.menu:visited{

	color: #006699;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	margin: 5px;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	border-left-width: thin;

	border-left-style: dotted;

	border-left-color: #CCCCCC;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 15px;

	height: 30px;

	}

	

a.menu:hover{

	color: #CC3333;

	text-decoration: underline;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	margin: 5px;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	border-left-width: thin;

	border-left-style: dotted;

	border-left-color: #CCCCCC;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 15px;

	height: 30px;

	}	



div.ad {

	position:absolute;

	top:297px;

	width:450px;

	left:462px;

	height:auto;

	z-index: 20;

	visibility: hidden;

	}
	
/*  style for includes on the Family Resource pages:   These correspond to MyFortCarson include page styles so we can reuse the pages */
/* Include pages styles */
span.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#003333;
	}
span.subtitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#990000;
}

table.header {
	background-color:#003333;
	color:#FFFFFF;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*  end include page styles   */