/***********************************************/
/* NVC_Main.css                             */
/***********************************************/

/***********************************************/
/* Color Map                            */
/***********************************************/ 

/* 	Dark green - titles/accent: #393b28 (was #26354a)
	Medium green (background) - #b2b87b
	Light green (sub-titles, panels) - #c5cc89
	Beige (content areas) - #f0efdd
	Previous dark Turquoise: #334d55
	Dark rust (link-hover): #673517
*/

/* -----------------------------------------------
  Element Spacing Defaults
----------------------------------------------- */

* {
	padding: 0; 
	margin: 0; 
}

/* Make sure lists have neutral pad/margin - IE uses this markup for various controls */
ul {
  padding-left: 0; 
  margin-left: 0;
}

/* pushes the page to the full capacity of the viewing area, with body height: 100%*/
html	{
	height: 100%;
	}
	
body{
	background-color: #f0efdd; /*#E7DFAE; /*#E7DBB1; /*#f0efdd; /*#b2b87b;*/
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;/*13px;*/
	line-height: 1.5;
	/*	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11pt;
	line-height: 20px;*/
	
	text-align: center;	/* makes page centered in window */
	color:#393b28;  /*#222222;*/
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* 
IF USING BACKGROUND IMAGE: 
 prepares the background image to full capacity of the viewing area 
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
 places the content ontop of the background image 
#XXXcontent {position:relative; z-index:1;}
*/



/***********************************************/
/* STANDARD ELEMENT STYLES                     */
/***********************************************/

a{
	color: #393b28;
/*	text-decoration: underline;*/
}

a:link{
	color: #393b28;
/*	text-decoration: underline;*/
}

a:visited{
	color: purple;
/*	text-decoration: underline;*/
}

a:hover{
	color: #673517;
}

h1, h2, h3, h4	{
	font-family: 'Georgia', 'Trebuchet MS', Verdana,Arial,sans-serif;
	font-size: 14px;/*13px;*/
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* Page headings: largest heading, left-aligned */
h1{
	font-size: 120%;
	padding: 10px 0 5px 0;
}

/* Sub-headings - smaller than h1 */
h2{
	font-size: 110%;
	padding: 5px 0 0 0;
}

/* Level 2 sub-headings */
h3{
	font-size: 100%;
}

/* Level 2 colored sub-heading */
h4{
	font-size: 100%;
	color: #673517;
}

p{
	padding: 0;
	text-align: left;
	margin-top: 0;
	margin-right: 100;
	margin-bottom: 0;
	margin-left: 0;
 }

ul{
 margin: 0;
 padding: 0 0 0 30px;
 list-style-type: disc;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

li{
 padding: 0 0 0 5px;
 }

ol	{
	margin:0;
	padding-left: 20px;
}
 
ol li	{
 	padding-top: 10px;
	padding-left: 0;
}
 
th	{
    font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

hr	{
	display: block;
	position: relative;
	padding: 0;
	margin: 20px auto 10px auto;
	width: 80%;
	clear: both;
	border: none;
	border-top: 1px solid #C4BD97;
	border-bottom: 1px solid #FFF;
	font-size: 1px;
	line-height: 0;
	overflow: visible;
}

/***********************************************/
/* PAGE LAYOUT DIVS                            */
/***********************************************/

#siteWrapper	{
	width: 800px;
	margin: 0 auto;
	}

#siteHeader{
	background: transparent url(../../Images/NVCSiteHeader.NS.jpg) no-repeat center center;
	position: relative;
	padding: 0;
	width: 100%;
	height: 210px; /*238px;*/
}

#siteHeaderOS{
	background: transparent url(../../Images/NVCSiteHeader.OS.jpg) no-repeat center center;
	position: relative;
	padding: 0;
	width: 100%;
	height: 210px; /*238px;*/
}

#contentWrapper	{
	margin: 0 auto;
	width: 100%; 
	background: transparent url(../../Images/NVCSiteMiddle1ColBG.jpg) repeat-y center center;
	text-align:left;
}

#topMenu	{
	width: 740px;
	background-color: #D9D9B7; 
	margin: 0px;
	margin-left: 29px;
	border-bottom: thin solid #b2b87b;
}

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}

/* default Main Content area: with a 10px left/right padding */
#mainContent{
	padding: 0 10px;
}

/* Use this if content should fill the entire content area (i.e., image) */
#mainContentNoMargin	{
	padding: 0;
}

#leftSideBar{
	/*padding-top: 10px;*/
}

/***********************************************/
/* SEARCH BOX (SEARCH SITE)                           		*/
/***********************************************/

#searchBox {
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}

#searchBox form{
	margin: 0px;
	padding: 0px;
}

#searchBox label{
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	text-align: center;	/* makes page centered in window */
	color: #222222; /*#393b28;*/
	font-size: 13px;
 	font-weight: 400;
	margin: 0px;
	padding: 0px;
}

/***********************************************/
/* SITE FOOTER                            		*/
/***********************************************/

#siteFooter{
	clear: both;
	float: left;
	text-align: center;
	width: 100%;
	height: 58px;
	background: transparent url(../../Images/NVCSiteFooterBG.jpg) no-repeat center center;
	font-size: 90%;
	color: #c5cc89; /*#f0efdd;*/
}

#siteFooter div{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
	text-align: center;
}

#siteFooter a	{
	color: #c5cc89;
	text-decoration: none;
	padding: 0 5px;
	}
	
#siteFooter a:hover	{
	color: #F5EDBC; 
}

#faceBook	{
	background: url("../../Images/facebook.png") no-repeat scroll 0 0 transparent;
}

/***********************************************/
/* GENERAL PURPOSE STYLES                            */
/***********************************************/

/* Element modifiers for exception spacing/highlighting */

.spacedParas p	{
	padding-top: 10px;
	}
	
.indentedParas	p	{
	text-indent: 10px;
	line-height: 1.25;
}

.spacedSubheads h2, h3, h4	{
	padding-top: 10px;
	}

.displayText	{
	font-family: 'Georgia', 'Trebuchet MS', Verdana,Arial,sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
}

.centered {
	text-align:center;
}

/***********************************************/
/* MAIN CONTENT AREA STYLES                    */
/***********************************************/

/* Use contentStory for articles with inline graphics */

.contentStory{
	clear: both;
	padding: 0;
}

.contentStory div.inlineLeft	{
	float: left;
	margin: 10px 10px 0 0;
}

.contentStory div.inlineRight	{
	float: right;
	margin: 10px 0 0 10px;
}

.contentStory p	{
/*	margin-top: 10px;*/
/*	padding-top: 0;*/
	}


/***********************************************/
/* LIST STYLES                            		*/
/***********************************************/

/* Schedule/Timetable (smaller text, tighter line spacing) */
.scheduleTable td	{
	padding: 0;
	font-size: 90%;
	line-height: 1.25;
	vertical-align: top;
	text-align: left;
	}

.scheduleTable td .indentCol	{
	padding-left: 10px;
}

.scheduleTable th	{
	font-size: 90%;
}

/* Top-aligned table with extra spacing between elements (i.e. title on left, description on right) */
.topAlignedList td	{
	vertical-align: top;
	padding-top: 10px;
}

.spacedList td	{
	padding-top: 5px;
}

/* schedule table (OSW-style) */
.OSWScheduleTable td	{
	padding: 0;
	text-align: left;
	vertical-align: top;
	}


/***********************************************/
/* SIDEBAR AREA STYLES                            */
/***********************************************/

/* Feature box at top of left sidebar (highlight current info) */
/* Note: don't use opacity on background image div's with text child div's (bug in opacity inheritance - can't make text solid color) */

.featureBox div.wrapper {
	margin: 10px 0 0 8px;
}

.featureBox div.wrapper	img	{
	display: block;
	}

.featureBox div.content	{
	margin: 0;
	width:182px;
	background: transparent url(../../Images/FeatureBoxContentBG.png) repeat-y center center;
/*	background-opacity: .4;
	filter:alpha(opacity=40);
*/}

.featureBox div.content img	{
	display:inline;
	}
.featureBox div.content p	{
	margin: 0;
	padding: 0 10px;
	text-align: left;
	color: #393b28;
	font-size: 90%;
}

.featureBox div.content h1	{
	 font-family: 'Georgia', 'Trebuchet MS', Verdana,Arial,sans-serif;
	 font-style: italic;
	 font-size: 90%;
	 font-weight: bold;
	 text-align: center;
	 margin: 0px;
	 padding: 0px;
}

/*********** Vertical menu styles ***********/
.sideMenu	{
	margin-top: 10px;
	padding: 5px;
}

.sideMenu p	{
	padding-top: 10px;
	padding-left: 10px;
	}
	
	
.sideMenu .tightList p	{
	padding-top: 0;
}


/*----------------------------- COLUMN LAYOUT SPECS -----------------------------------------------------*/

/******************** 1-Column Layout (main content only) ************************************************/
	
/* Wrapper for entire content area */
.colSingleWrapper {
	background: transparent url(../../Images/NVCSiteMiddle1ColBG.jpg) repeat-y center center;
	clear:both;
	width:100%;			/* width of whole page */
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.colSingleWrapper .contentContainer	{
	padding: 10px 40px;
}

/***************** END: 1-Column Layout ***********************************************************************/	


/******************** 2-Column Layout (left navigation) - see: PERFECT 3-COL ************************************************/
	
/* Wrapper for entire content area */
.colDoubleWrapper {
	background: transparent url(../../Images/NVCSiteMiddle2ColBG.jpg) repeat-y center center;
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.colContainer {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

/* common column settings */
.colLeftNav,
.colContent{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

.colDoubleSettings .colContainer {
	right:71%;				/* width of the right column */
}

/* left navigation column */
.colDoubleSettings .colLeftNav {
	width:25%;			/* Width of left column content (column width minus padding on either side) */
	left:8%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

/* right content column */
.colDoubleSettings .colContent {
	width:67%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
	
/************END: 2-Column Layout ************************************************/
	
#CC_Server_Steps {
	list-style-position: inside;
	padding-left: 20px;
}
.teaserAlert {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #F00;
	text-align: center;
	padding-top: 15px;
}
#siteWrapper #contentWrapper .colDoubleWrapper.colDoubleSettings .colContainer .colContent #mainContent .teaserAlert a {
	color: #F00;
}