/* THE ROSE CSS */

/* TOC
	1) DEFAULTS
		1.1) Resets
		1.2) Baseline
		1.3) Tables
		1.4) Forms
		1.5) Links
		1.6) Special Classes
			1.6.1) CMS
	2) SITE SPECIFIC
		2.1) Elements
		2.2) Classes
		2.3) ID's
	3) Page Specific

	HACKS:
		IE6:
		* html #ie6 {

		IE7:
		*:first-child+html #ie7 {

		Safari2:
		body:last-child:not(:root:root) #safari2 {

		"Modern" browsers:
		html>body #modern {

		Safari 3:
		html*:first-of-type #safari3 {
		To target the body:
		html*#id_of_body:first-of-type {

		Safari 2/3:
		html* #safari2and3 {
		To target the body:
		html*#id_of_body {
		
*/

/* 1) DEFAULTS ---------------------------------------------------------- */
	/* 1.1) Resets ---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

input, textarea {
	font-family: inherit;
	}
	/* /Resets ------------------------------------------------- */

	/* 1.2) Baseline ------------------------------------------- */
html {
	overflow-y: scroll;
	}

body	{
	font-family: sans-serif;
	font-size: 100%;
	text-align: center;
	}
	/* /Baseline ----------------------------------------------- */

.rssfeed {
     font-size: 11px;
    line-height: 15px;
    color: #000011;
}


	/* 1.3) Tables --------------------------------------------- */
table	{ /* tables still need cellspacing=0 in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	/* /Tables ------------------------------------------------- */

	/* 1.4) Forms ---------------------------------------------- */
input[type='text'],
input[type='password'],
textarea,
select	{
	padding: 1px;
	}
	/* /Forms -------------------------------------------------- */

	/* 1.5) Links ---------------------------------------------- */
a {
	outline: none;
}

	/* /Links -------------------------------------------------- */
	/* 1.6) Special Classes ------------------------------------ */
.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	}
	
.clear-left {
	clear: left;
}

.show {
	display: block;
	}	

.hide {
	display: none;
	}

.hidden {
	visibility: hidden;
	}

		/* 1.6.1) CMS ------------------------------------ */
.cms p	{
	margin: 0 0 1em 0;
	}
	
.cms h1 {
	font-size: 3em;
	margin: 0 0 .5em 0;
	}
	
.cms h2 {
	font-size: 2em;
	margin: 0 0 .5em 0;
	}

.cms h3 {
	font-size: 1.5em;
	margin: 0 0 .5em 0;
	}

.cms h4 {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	}

.cms h5 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	}

.cms h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	}

.cms ul,
.cms ol {
	margin: 0 0 1.5em 1.5em;
	}
	
.cms ul,
.cms ul li {
	list-style-type: disc;
	}

.cms ol,
.cms ol li {
	list-style-type: decimal;
	}

.cms dl {
	margin: 1.5em 0;
	}

.cms dl dt {
	font-weight: bold;
	}
		/* /CMS ------------------------------------------ */
		

/* /DEFAULTS ------------------------------------------------------------ */



/* 2) SITE SPECIFIC ----------------------------------------------------- */
	/* 2.1) Elements ------------------------------------------- */
body {
    font-family: Verdana;
    color: #001;
    background: #fff;
}


p {
    font-size: 12px;
    line-height: 15px;
    color: #001;
}

i {
    font-size: 11px;
    color: #313131;
}

a {
	font-size: 11px;
	color: #5f1f10;
}

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




	/* /Elements ----------------------------------------------- */

	/* 2.2) Classes -------------------------------------------- */

	/* /Classes ------------------------------------------------ */

	/* 2.3) ID's ----------------------------------------------- */



		/* ----------------  FOOTER  --------------------- */
#footer  {
	display: block;
	width: 100%;
	margin: 11px 0 3px 0;
	padding: 7px;
	color: #6d6d6d;
	text-align: center;
	border-top: solid 1px #ccccfc;
	border-bottom: solid 1px #ccccfc;
}

#footer a {
	padding: 7px 3px 5px 3px;
	color: #6d6d6d;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

		/* bottom (legal-rights) */
#legal-rights {
	padding: 7px;
	font-size: 11px;
	color: #696969;
	text-align: center;
}

#legal-rights a {
	color: #696969;
	text-decoration: none;
}

#legal-rights a:hover {
	text-decoration: underline;
}

        /*  -------------------------------------------------------------- /ID's  */

	/* /ID's --------------------------------------------------- */
/* /SITE SPECIFIC ------------------------------------------------------- */



/* 3) PAGE SPECIFIC ----------------------------------------------------- */
		
		/*  ID'S ----------------------------------------------- */

	/* home (index) -------------------- */
	
#page {
    display: block;
    width: 970px;
    margin: auto;
    text-align: left;
}

#r1 {
    display: block;
    width: 100%;
}

#top {
    display: block;
    width: 100%;
    height: 100px;
    position: relative;
    background: url(/images/bg_top.jpg) 0 0 no-repeat;
}

#top img {
	float: left;
}

	/*  email subscribe form  */

/*
#email-sub {
	display: block;
	width: 300px;
	height: 50px;
	position: absolute;
	top: 23px;
	right: 0px;
	padding-left: 9px;
	background: #1e2f3c;
	border: solid 1px #001;
}
*/
#email-sub {
	background: #1e2f3c;
	border: solid 1px #001;
}


#email-iframe {
	display: block;
	width: 300px;
	height: 80px;
	position: absolute;
	top: 23px;
	right: 0px;
	padding-left: 9px;
}

#es-arrow {
	display: block;
	width: 12px;
	height: 20px;
	float: left;
	background: url(/images/arrow_sub.png) 0 9px no-repeat;
}

#email-sub h3 {
	font-family: Tahoma, Arial;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	height: 18px;
	padding-top: 3px;
}

#email-sub form {
	display: block;
	width: 284px;
	height: 35px;
	margin-top: 2px;
	position: relative;
}

#email-sub input {
	font-size: 11px;
	background: #fff;
	border: solid 1px #ccccfc;
}

#email-sub input[type="text"] {
	font-size: 13px;
	width: 196px;
	padding: 2px;
}

#email-sub input[type='submit'] {
	width: 80px;
	font-family: "Georgia", "Times New Roman";
	font-size: 14px;
	background: none;
	border: none;
	color: #c51f41;
	position: relative;
	right: 0;
	bottom: 0;
}

		/* ---------------- NAV BAR ------------------ */
		
#nav {
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	position: relative;
	border-top: solid 1px #ccccfc;
	border-bottom: solid 1px #ccccfc;
	font-size: 15px;
	font-weight: bold;
}

#nav a {
	margin: 0 3px;
	padding: 5px;
	font-family: "Georgia", "Times New Roman";
	font-size: 15px;
	color: #1c303b;
	background: none;
	text-decoration: none;
}

#nav a:hover {
	background: #5f1f10;
	color: #fff;
}

	/*  see classes for active state  */

	/*  search form  */
#search {
	display: block;
	height: 38px;
	line-height: 38px;
	float: right;
}

#search form {
	display: block;
	width: 300px;
	height: 22px;
	margin: 8px 0 0 0;
	position: relative;
}

#search input {
	font-size: 11px;
	background: #fff;
	border: solid 1px #ccccfc;
}

#search input[type="text"] {
	font-size: 13px;
	width: 220px;
	padding: 2px;
}

#search input[type='submit'] {
	width: 80px;
	font-family: "Georgia", "Times New Roman";
	font-size: 14px;
	background: none;
	border: none;
	color: #732f2f;
	position: absolute;
	right: 0;
	bottom: -2px;
	padding: 0;
}



                    /*  BANNER  */
#banner {
    display: block;
    width: 100%;
    margin: 9px 0;
}


        /* ------------------------ R2 BLOCK ------------------------ */
#r2 {
    display: block;
    width: 100%;
    position: relative;    
}


		/* r2c1 - TOP STORY AND STORY QUAD  */
#r2c1 {
	display: block;
	width: 610px;
	float: left;
}

	/* top story title */
#r2c1 h3 {
	font-family: "Georgia", "Times New Roman";
	font-size: 19px;
	color: #192f3c;
	padding: 15px 0 9px 7px;
}

	/* sets left margin for r2c1 blk  */
#r2c1-wrap {
	display: block;
	width: 600px;
	margin-left: 7px;
}

		/* ---------------- top story (ts-) --------------- */

	/* -- ts headline (ts-h)  */
#ts-h {
	display: block;
	width: 100%;
	border-top: solid 1px #ccccfc;
	border-bottom: solid 1px #ccccfc;
}

#ts-h h4{
	font-family: "Georgia", "Times New Roman";
	font-size: 19px;
	font-weight: normal;
	color: #001;
	padding: 7px;
}
		/*  top story content block  */
#ts-c {
	margin: 7px;
}

	/* top story opening paragraph (ts-op) */
#ts-op p{
	color: #7a7a7a;
}

#ts-c p {
	margin-bottom: 11px;
}

#ts-c h4 {
	display: block;
	width: 100%;
	margin: 35px 0 20px 0;
	padding-bottom: 3px;
	border-bottom: solid 5px #192f3c;
}

#ts-date {
	color: #7a7a7a;
	font-size: 10px;
    font-weight: bold;
}

#ts-img {
	display: block;
	width: 300px;
	height: 200px;
	position: relative;
	margin: 7px 11px 7px 0;
	float: left;
}

#ts-img-overlay {
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

#ts-io-txt {
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: 9px;
	left: 7px;
	color: #c41f3f;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}

		/*  News Stories Quad  */
#stories {
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	padding-top: 20px;
	border-top: solid 5px #192f3c;
}

#stories h3 {
	font-size: 16px;
	padding: 0 0 5px 0;
}

#stories p {
	min-height: 10px;
	padding: 0 0 7px 0; 
}

#stories img {
	float: left;
	padding: 0 7px 7px 0;
}

			/* stories, column 1 */
#stories-c1 {
	display: block;
	width: 280px;
	float: left;
}

			/*stories, column 2 */
#stories-c2 {
	display: block;
	width: 280px;
	height: 300px;
	padding-left: 20px;
	border-left: solid 1px #eeeefe;
	float: right;
}

	/* sets spacing between quad articles, link and footer */
#more-NVFnews a {
	font-size: 12px;
	padding: 15px 20px 20px 0;
	float: right;
}

		/* !!!!!!!!!! see classes for quad single blocks styles !!!!!!!!!!! */

		/* r2c2 - FEATURED STORIES, DONATE BUTTON AND NEWS ARCHIVE  */
#r2c2 {
    display: block;
    width: 290px;
    margin-right: 7px;
    float: right;
}

#r2c2 p {
	font-size: 11px;
	height: 45px;
	margin-bottom: 2px;
	overflow: hidden;
}

#r2c2 h2 {
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	color: #192f3c;
	padding-top: 12px;
}

#r2c2 a {
	line-height: 16px;
}

#fs-title {
	display: block;
	width: 100%;
	height: 40px;
	position: relative;
	margin-bottom: 9px;
	border-bottom: solid 5px #192f3c;
}
/*  !!!! see classes for image title manipulation  & featured story blk txt, links !!!!! */

	/*  send to a friend button  */
	
#staf {
	display: block;
	width: 290px;
	height: 50px;
	margin: 11px 0;
}


#na-title {
	display: block;
	width: 100%;
	height: 40px;
	position: relative;
	margin-bottom: 9px;
	border-bottom: solid 5px #192f3c;
}

	/*  news archive links  */
	
#na-links {
	display: block;
	width: 98%;
	margin: 0 0 9px 0;
	border-top: solid 1px #ccccfc;
}

#na-links a {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding-left: 5px;
	color: #001;
	background: none;
	border-right: solid 1px #ccccfc;
	border-bottom: solid 1px #ccccfc;
	border-left: solid 1px #ccccfc;
}

#na-links a:hover {
	color: #fff;
	background: #192f3c;
}

		/*  ------------------------------------------------------- /home(index) */

		/* item page (news article) -------------------------------------------------- */

#page-item {
    display: block;
    width: 970px;
    margin: auto;
    text-align: left;
}

#banner-v {
	display: block;
	width: 100%;
	height: 300px;
	margin-bottom: 15px;
	border: dashed 1px #aaaaca;
}

	/* !!!!!!!!!! temp banner-v p (to be removed along with dashed border
		and height in #banner-v when complete) */
#banner-v p {
	padding: 10px;
	color: #aaaaca;
}

#comments {
	display: block;
	width: 550px;
	margin: auto;
}
	/* !!!!!!!! see item page classes for individual comment blks !!!!!!!!!!  */
	
#comments p {
	font-size: 12px;
	padding: 0 0 5px 0;
	margin: 0;
}

#comments form {
	display: block;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 50px;
}

#comments textarea {
	width: 550px;
	font-family: Arial;
	font-size: 12px;
	background: #eeeefe;
	border: solid 1px #ddddfd;
	margin-bottom: 7px;
}

#comments input {
	float: right;
}
		
		/* --------------------------------------------------------- /item page */
		
		/* archive page ------------------------------------------------------- */
		
#page-archive {
    display: block;
    width: 970px;
    margin: auto;
    text-align: left;
}

#ad-links {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

	/*  top pagenation container  and anchor def
		!!! NOTE !!!  this width needs to be fixed in order to center align */
#pgn-top {
	width: 175px;
	height: 20px;
	margin: 0 auto;
	background: #fafc0f;
}

#pgn-top a {
	font-family: Verdana;
	float: left;
	margin-right: 7px;
}

	/*  bottom pagenation container  and anchor def
		!!! NOTE !!!  this width needs to be fixed in order to center align */
#pgn-bottom {
	width: 180px;
	height: 20px;
	margin: 0 auto;
	background: #fafc0f;
}

#pgn-bottom a {
	font-family: Verdana;
	float: left;
	margin-right: 7px;
}

	/*  sort container and anchor definition */
#sort {
	display: block;
	width: 100%;
	height: 25px;
	margin-top: 15px;
	line-height: 25px;
	border-top: solid 1px #ccccfc;
	border-bottom: solid 1px #ccccfc;
	font-size: 11px;
}

#sort a {
	padding: 0 7px;
}

#results {
	display: block;
	width: 100%;
	margin: 7px 0;
}

#results h3 {
	font-family: "Georgia", "Times New Roman";
	font-size: 19px;
	font-weight: normal;
	color: #001;
	padding: 0px;
}

#results p {
	color: #7a7a7a;
}



	/* see archive page classes for results block definition */





		/* -------------------------------------------------------  /archive page */

		/*  -------------------------------------------------- /ID's */
		
		
		/*  Classes ----------------------------------------------- */
.error {
 	font-family: Verdana;
	font-size: 11px;
    color: red;
    display: inline;
}


		/*  home page -------------------------------------------------------- */
		
	/* main horizontal nav bar - active state */
#nav .nav-active {
	background: #5f1f10;
	color: #fff;
}
		
.fs-date {
	font-family: Verdana;
	font-size: 11px;
	color: #777797;
	line-height: 20px;
}

	/*  --------- featured stories ---------  */
	
.featured-story {
	display: block;
	width: 100%;
	margin-bottom: 11px;
}

.fs-img {
	display: block;
	width: 290px;
	height: 242px;
	position: relative;
}

.fs-img-overlay {
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70);	
}

.fs-io-txt {
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: 9px;
	left: 7px;
	color: #c41f3f;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}

	/*   News Stories quad   */	
.sq1 {
	padding-bottom: 35px;
}

.sq2 {
	padding-bottom: 35px;
}
		/*  -------------------------------------------------------/home page */
		

		/* pages ------------------------------------------------------ */
		
			/* item page (articles) */

	/* archive article date (item page) */
.aa-date {
	font-size: 12px;
	margin: 15px 0;
	color: #777797;
}


		/* comments section */
	/* comment block - creates bottom border and spacing */	
.c {
	display: block;
	width: 100%;
	border-bottom: solid 1px #ccccfc;
	padding: 3px 0 11px 0;
}
	/* bottom comment block - no bottom border */
.bc {
	display: block;
	width: 100%;
	padding: 3px 0 11px 0;
}

	/* post date */
.post-date {
	font-size: 11px;
	color: #777797;
}

		/* ------------- archive page -------------- */
		
	/* # blocks for pagenation */
.pgn-blk a {
	display: block;
	padding: 3px 5px;
	background: #eeeefe;
	border: solid 1px #ccccfc;
	text-decoration: none;	
}

.pgn-blk a:hover {
	background: #5f1f10;
	color: #fff;
}

	/* active page block */
.pgn-blk-active a {
	display: block;
	padding: 3px 5px;
	background: #5f1f10;
	color: #fff;
	border: solid 1px #ccccfc;
	text-decoration: none;
}

	/* text blocks for pagenation */
.pgn-previous a {
	padding: 0;
	padding-top: 7px;
}

.pgn-next a {
	padding: 0;
	padding-top: 7px;
}

	/* results - news articles listing block */
.results-nb {
	display: block;
	width: 100%;
	padding: 11px 0;
	border-bottom: solid 1px #ccccfc;
}
	

		
		/* -------------------------------------------------------/pages */