/*NorthWest Greetings Stylesheet*/

/*Reset Browser Defaults*/
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none }

/* Setup */
body {margin:0; padding:0; background:white url(/images/back2.jpg) repeat-x; font: 12px/1.2em Arial, Helvetica, sans-serif; }

a:link, a:visited { color:#990033;}
a:hover { color:#FF0000}

h1 { margin:5px 0 10px; padding:0; font-size: 24px; font-weight:bold; color:black; }
h2 { margin:5px 0 10px; font-size:18px; color:#333; }
h3 { margin:5px 0 10px; font-size:14px; color:#333}
h4 { margin:5px 0 10px; font-size:14px; color:#333}
p { padding:10px 0; margin:0 0 5px 0;}	


/* Layout */
#doc {width:750px;	margin:0 auto;	text-align: left; background: #8C8CBA url(../images/cards-background.jpg) repeat-y right;  line-height:1.4}
	#leftColumn {float:left; width:462px; }
		#mainPhoto { padding:10px 0 0;}	
		#contentMainCenter { width: 418px;	margin: 10px; padding: 10px; border: 1px solid #999999; background: #E1DFD7; color: #535353; }
		
	#rightColumn {float:right; width:288px; }	
		#contentSideLogo { margin:5px 0 4px; padding:0;}
		#contentSideHighlight { width: 236px; margin: 0 2px; padding: 10px 20px; background: #E2DFDA url(../images/sidehightlight-back.jpg) repeat-x; color: #535353;  border: 1px solid #999999;}

#ft { clear: both; width: 730px; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; background-color: #01245A;}
	
#contentMainFull { clear: both; margin: 0 10px 10px;	padding: 10px;	background: #E1DFD7; border: 1px solid #999999;	color: #535353;}


/* Sidebar */

#news {margin: 10px 0 40px; }
	#news div.item {margin:15px 0; padding: 7px 5px; border: 1px solid #FFF; background: #ECEBE6;}
	#news div.item p.date {margin:0; padding:0 0 2px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666 }
	#news div.item h4 {margin-bottom:5px; color:darkgoldenrod}
	#news div.item p {margin:0; padding:0;}	
	
#quickbits {}
#quickbits div.item { margin:10px 0}
#quickbits div.item h3 {margin-bottom:5px;}

/* =NAV */
ul#navigation { float:left; width:440px; height:20px; margin: 0 0 10px; padding: 14px 0 0 20px; list-style:none; }
ul#navigation li {	float:left; height: 19px; margin:0; padding:0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
ul#navigation li a {display:block; color: #FFFFFF;	text-decoration: none;	padding: 2px;	border-bottom: solid 5px #FFD003;	margin-right:10px;}
ul#navigation li a:hover { color: #FFFFFF; border-bottom-style: solid; border-bottom-color: #0066FF;}


ul#footerNav {float:left; width:720px; margin: 0 0 5px 0; font:10px Verdana, Arial, Helvetica, sans-serif;}
ul#footerNav {margin: 0;	padding: 0; list-style: none;}
ul#footerNav li {	display: inline;}
ul#footerNav li a { margin: 0 10px; padding: 2px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
ul#footerNav li a:hover {	color: #FFD003; }

.smalltitle { font: bold 14px/18px Arial, Helvetica, sans-serif; color: #353569; margin: 0; padding: 0 0 10px;}

.subtitle-type1, .subtitle-type2, .subtitle-type3, .subtitle-type4 { font: bold 12px Verdana, Arial, Helvetica, sans-serif;}
.subtitle-type1 { color: #DFB800;}
.subtitle-type2 { color: #3C5BA6;}
.subtitle-type3 { color: #0A7900;}
.subtitle-type4 { color: #FF6262;}


.spoken-text { font-size: 12px;	}
.sample { padding: 0; margin: 0;}
.box { margin: 0 0 4px; padding: 7px 5px; border: 1px solid #FFF; background: #ECEBE6; }
.quote {	margin-left: 12px;	font-weight: normal;	font-variant: normal;}


p.fineprint { color: #837C63; font: 10px Verdana, Arial, Helvetica, sans-serif; }
p.fineprint a:link, .fineprint a:visited { color: #666666; text-decoration: none;}
p.fineprint a:hover { text-decoration: underline;}


ul.cardlines {margin:0 0 10px; padding:0; }
ul.cardlines li {margin-left:15px; padding:0;}

/* Page Indicators*/
body#homepage li#home a, body#cardspage li#cards a, body#rackspage li#racks a, body#contactpage li#contact a, 
body#partnerspage li#partners a, body#aboutpage li#about a { color: #FFF; border-bottom: solid 5px #990000;}


/* Hacks */
div.spacer {clear:both; height:.05px}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }