@charset "utf-8";

/* CSS Document */



/* design styles	*/



li	{

	line-height:2em;}

	

h2	{

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

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

	background-color:#b7a78e;

	line-height:100px;

	padding-left:20px;

	color:#FFFFFF;}



.beige	{

	background-color:#b7a78e;}

.beige img	{

	margin-right:20px;

	padding: 8px;}	

	

#leftPic	{

	width:	width:540px;

	float: 	left;

	border-right:#999999;}

	

#rightBox	{

	width:320px;

	

	float: left;

	margin-left: 30px;

	margin-top: 30px;

	

}



#rightBox p	{

	margin-left:20px;}



#pageContainer #mainContainer .homePadding .left	{

	width: 540px;

}

#pageContainer #mainContainer .homePadding .right #designcopy p {

	padding: 8px;

}

#pageContainer #mainContainer .homePadding .right #designcopy {

	margin: 8px;

	width: 20%;

}



/*** Nav bar styles ***/



ul.nav,

.nav ul{

/*Remove all spacings from the list items*/

	margin: 0;

	margin-bottom:12px;

	padding: 0;

	cursor: default;

	list-style-type: none;

}



ul.nav{

	width: 20ex;

/*Optional, to make the navigation bar positions on the left of the content*/

	float: left;

	margin-right: 1em;

}



ul.nav>li{

	margin: 0;

	padding: 2px 6px;

}



ul.nav li>ul{

/*Make the sub list items invisible*/

	display: none;

	position: absolute;

	width: 40ex;

	left: 20ex;

	margin-top: -1.4em;

	margin-left: 9px;

}



ul.nav li:hover>ul{

/*When hovered, make them appear*/

	display : block;

}



.nav ul li a{

/*Make the hyperlinks as a block element, sort of a hover effect*/

	display: block;

	padding: 2px 10px;

}



/*** Menu styles (customizable) ***/



ul.nav,

.nav ul,

.nav ul li a



{	color: #706047;

}



ul.nav li:hover,

.nav ul li a:hover{

	background-color: ##857254;

	color: #fff;

}



ul.nav li:active,

.nav ul li a:active{

	background-color: #036;

	color: #fff;

}







.nav a{

	text-decoration: none;

}