/* CSS Document */ 


/*  ===================================================  
 	===================================================  
	 Description: Cameo Heights structure style sheet 
	 Author: Sean Kabanuk 
	 Version: 1.7
	 Last updated: 08/18/2007 
	 Updated by: Timothy Lee Russell
	 
	 *08/18/2007 - changed paths to jump up an extra directory	  
  	=================================================== 
  	===================================================  */



body {
	background: #aeb240 url(../../images/backgrnd_repeat.gif) top left repeat-x;
	margin-top: 0px;
	}


	
#pageTopImage {
	background: url(../../images/page_top.gif) top right no-repeat;
	height: 52px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 800px;
	}

#globalContainer {
	background: #5f0022 url(../../images/gradientbar_bckrnd.jpg) top left repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}
	
#mainContentContainer {
	background: #f9f8ec;
	border: 1px solid #f9f8ec;
	margin: 0px 25px 0px 25px;
	width: 750px;
	}
	

/*  ===================================================  
  	DEFINES TOP BANNER
  	===================================================  */

#branding {
	border-bottom: 1px solid #7c7c76;
	height: 110px;
	margin: 0px 0px 2px 0px;
	width: auto;
	}
	
#brandingInside {
	border-bottom: 1px solid #7c7c76;
	height: 98px;
	margin: 0px 0px 2px 0px;
	width: auto;
	}
	
	.brandingImage {
		float: left;
		}
	
	.clientLogo {
		float: left;
		margin: 12px 0px 0px 10px;
		}
		
	.clientLogoInside {
		float: left;
		margin: 5px 0px 0px 7px;
		}
	
#homeBannerImage {
	margin: 0px;
	padding: 0px;
	}

/*  ===================================================  
  	DEFINES PRIMARY NAV
  	===================================================  */

#primNavContainer {
	background: #c49a46;
	border-top: 1px solid #3e3e3b;
	border-bottom: 1px solid #3e3e3b;
	height: 25px;
	margin: 2px 0px 0px 0px;
	position: relative;
	width: auto;
	}
	
#primaryNavBorder {
	border-top: 1px solid #3e3e3b;
	height: 1px;
	margin-top: 2px;
	width: auto;
	}
			
/* defines ul for primary nav row */

	#primNavRow {
		margin: 0px;
		}

	#primNavRow li {
		display: block;
		float: left;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		height: 24px;
		margin: 1px 0px 0px 0px;
		padding: 0px 8px 0px 9px;
		position: relative;
		text-align: left;
		/*list-style: none;*/
		}
		
		* html #primNavRow li {
			padding-bottom: 0px;
			/* commented backslash hack v2 \*/
			padding-bottom: 0px;
			p\adding-bottom: 0px;
			/* end hack */
			}
		
	#primNavRow li a {
		color: #fff; /* controls the off-state text color on the subnav */
		display: block;
		padding: 4px 0px 0px 0px; /* controls the width of the main nav item */
		text-decoration: none;
		line-height: 16px;
		}
		
		 #primNavRow a:hover {
			color: #000	;
			}

	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		background: #aeb240;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 3px solid #000;
		border-top: 1px solid #3e3e3b;
		left: 0;
		line-height: 19px;
		margin: 0px;
		padding: 0px;
		text-indent: 10px;
		top: 100%;
		width: 175px;
		}

	
	#primNavRow li ul li {
		border: none;
		clear: left;
		margin: 0px;
		padding: 0px;
		width: 175px; /* controls the width of the subnav item */
		}
	

	#primNavRow li li a {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		margin: 0px;
		padding: 4px 0px 4px 0px;
		width: 100%;
		color: #fff;
		}
		
		html>body #primNavRow li li a {
			width: auto;
			}

	#primNavRow li li a:hover {
		background: #967637;
		color: #000; /* controls the over-state text color on the subnav */
		}
	
#primNavRow li:hover ul, li.over ul {
	display: block;
	}
	
/* defines styles for drop down nav*/
 	
.subNav {
	display: none;
	left: 0;
	position: absolute;
	top: 100%;
	}

.subNav li ul {
	left: auto;
	top: auto;
	}
	
.subNav li {
	display: block;
	border: 0;
	float: none;
	} 

		
/*  ===================================================  
  	DEFINES MAIN PROMO AREA
  	===================================================  */

#mainPromoContainer {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	width: auto;
	}
	

/*  ===================================================  
  	DEFINES SPOTLIGHT NAV
  	===================================================  */

/* Defines spotlight navigation for the home page */

#spotlightNavContainerHome {
	float: right;
	margin-top: 90px;
	text-align: right;
	width: 350px;
	}

#spotlightNavContainerHome2 {
	float: right;
	margin-top: 0px;
	text-align: right;
	width: 350px;
	}

#spotlightNavContainerHome3 {
	float: right;
	margin-top: 5px;
	text-align: right;
	width: 450px;
	}
	
.spotlightNavStar {
	margin: 0px;
	padding: 0px;
	}
		
/* defines ul for spotlightNavRow for the home page */

#spotlightNavContainerHome ul {
	color: #545e15;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	} 
  
 #spotlightNavContainerHome ul li {
  	display: inline;
	} 
 
 #spotlightNavContainerHome ul li a {
   	color: #545e15;
  	display: inline;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:  0px;
	padding: 0px 12px 0px 2px;
	text-decoration: none;
	} 
 
  #spotlightNavContainerHome ul a:hover {
	text-decoration: underline;
	}

#spotlightNavContainerHome3 ul {
	color: #545e15;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	} 
  
 #spotlightNavContainerHome3 ul li {
  	display: inline;
	} 
 
 #spotlightNavContainerHome3 ul li a {
   	color: #545e15;
  	display: inline;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:  0px;
	padding: 0px 12px 0px 2px;
	text-decoration: none;
	} 
 
  #spotlightNavContainerHome ul a:hover {
	text-decoration: underline;
	}


	
	
/* Defines spotlight navigation for the contentpages */
	
#spotlightNavContainer {
	float: right;
	margin-top: 27px;
	text-align: right;
	width: 450px;
	}
	
		
/* defines ul for spotlightNavRow for the content pages*/

#spotlightNavContainer ul {
	color: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	} 
  
 #spotlightNavContainer ul li {
  	display: inline;
	} 
 
 #spotlightNavContainer ul li a {
   	color: #fff;
  	display: inline;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:  0px;
	padding: 0px 12px 0px 2px;
	text-decoration: none;
	} 
 
  #spotlightNavContainer ul a:hover {
	text-decoration: underline;
	}

/*  ===================================================  
  	DEFINES SECONDARY NAV
  	===================================================  */
	
	
	#columnThree ul { 
		background: #f2f1e1;
		color: #728047;
		display: block;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		line-height: 13px;
		list-style-type: none;
		margin: 0px 25px 15px 0px;
		padding: 0px;
		}

	#columnThree li {
		color: #728047;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #7c7c76;
		}

	#columnThree li a {
		color: #728047;
		font-size: 100%;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		text-decoration: none;
		}

	#columnThree li a:hover {
		color: #5f0022;
		text-decoration: underline;
		} 
		
		
/*  ===================================================  
  	DEFINES CONTENT STRUCTURE
  	===================================================  */

	
#homeContentContainer {	
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	text-align: center;
	width: 530px;
	}

#columnContainer {
	padding: 30px 0px 15px 0px;
	width: 750px; /*pixel value ffor IE test */
	} 
	
			
/* DEFINES COLUMN CONTAINERS */

#columnOne {
	float: left;
	padding: 0px;
	width: 175px;
}

#columnTwo {
	float: left;
	width: 400px;
}
	
#columnTwo.wide {
		width: 550px;
}
		
#columnTwoNest {
		padding: 0px 25px 0px 25px;
		width: auto;
}
				
#columnThree {
	float: left;
	width: 175px;
}
	
#columnSingle {
width: 750px;
}


#columnSingleNest {
padding: 0px 25px 0px 25px;
width: auto;
}
	
	
	/*  ===================================================
      DEFINES SUITE TABLE
      ===================================================  */
    
.suiteTitleTable {
    margin: 25px 0px 0px 0px;
    border-top: 1px solid #3e3e3b;
    border-right: 1px solid #3e3e3b;
    border-bottom: 1px solid #3e3e3b;
    background: #5F0022;
    padding: 0px;
    }
    
    .suiteTitleTable h3 {
        color: #fff;
        padding: 5px;
        margin: 0px;
        }
    
.suiteTable {
    margin: 15px 0px 0px 0px;
    border: 1px solid #3e3e3b;
    background: #C3C589;
    }
    
.suiteTable p {
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    }

.suiteTableRow {
    padding: 3px 8px 3px 8px;
    background: #DEE0A8;
    border-right: 1px solid #6E6E6B;
    border-bottom: 1px solid #6E6E6B;
    }
       
.suiteTableAlternate{
    margin: 15px 0px 0px 0px;
    border: 1px solid #3e3e3b;
    background: #DEE09B;
    }
    
.suiteTableAlternate p {
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    }

.suiteTableRowAlternate {
    padding: 3px 8px 3px 8px;
    background: #EDEFB4;
    border-right: 1px solid #6E6E6B;
    border-bottom: 1px solid #6E6E6B;
    }


/*  ===================================================  
  	DEFINES FOOTER
  	===================================================  */

	
#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin-left: auto;
	margin-right: auto;
	width: 752px;
	}
	
#copyrightcontainer {
	float: left;
	}
	
#legalcontainer {
	float: right;
	}
	
#copyrightDate {
	float: left;
	}
	
		
		

/*  ===================================================  
  	DEFINES MISCELLANEOUS ELEMENTS
  	===================================================  */

	
.contentPhoto {
	border-bottom: 1px solid #c4c4c4;
	}
		
.contentTableRow {
	background: #f8f3df;
	border-bottom: 1px solid #d9dbc1;
	padding: 3px 8px 3px 8px;
	}
		
.contentTableRowAlternating {
	background: #f8f3df;
	border-bottom: 1px solid #d9dbc1;
	padding: 3px 8px 3px 8px;
	}
		
#shim {
	clear: both;
	height: 1px;
	} /* hacks the main container div to stretch height for all child divs */

	
	
/*  ===================================================  
  	DEFINES HOME PAGE FEATURES
  	===================================================  */


.homeiconLeft {
	float: left;
	margin: 20px 0px 0px 0px;
	}
	
.homeiconRight {
	float: left;
	margin: 20px 0px 0px 0px;
	}
	
.primNavIconLeft {
	float: left;
	margin: 9px 0px 0px 12px;
	}
	
.primNavIconRight {
	float: left;
	margin: 9px 0px 0px 0px;
	}
	
.buttonIconLeft {
	float: left;
	margin: 9px 0px 0px 0px;
	}
	
.buttonIconRight {
	float: left;
	margin: 9px 0px 0px 0px;
	}

.red_text_12 {font: 12px arial,sans-serif; color: #5a0021; }

.black_text_12 {font: 12px verdana, arial,sans-serif; color: #000000; }

.form_element { background-color: #fffbef; color: #5a0021;font-family Verdana, Arial, Helvetica, sans-serif;font-weight: normal; font-size:12px;}