/*******************************************************************************************
	All of the selectors below must be included on any Total Control Page. These
	values must also be entered into the TCP configuration page in order for 
	the WYSIWYG content to match the actual page content.

	Feel free to change any of the properties and values within the selectors 
	unless otherwise noted.
*******************************************************************************************/

body {
	background: #00143f url(../images/bg.gif) repeat-x top; 
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 76%; /* this value must be one of the three percentages listed above */
	margin:0px;
	padding:0px;
}
ul{
	list-style-type:square;
}

p, table, li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /* do not change this value! */
	color: #fff;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	color: #c1a350;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #c1a350;
}
#faq h3{
	font-size: 1em;
}
#faq h3 a{
	text-decoration:underline;
}
#faq h3 a:hover{
	text-decoration:none;
}

a {
	color:#ae9757;
}

hr {
	height: 1px;
	border: none 0;
	border-top: 1px solid #555;
	margin: 0px;
	padding: 0px;
}

.formfield {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	background-image: url(../images/formfield_bg.gif);
	border: 1px solid #ccc;
	padding-left: 2px;
}

.invisibleformfield { /* this is required for the Live Chat tool */
	visibility: hidden;
}

.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

/******************* FIELD SETS **********************/

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

fieldset {
  border: 1px solid #666666;
  padding: 0;
  margin: 0 0 10px 0;
}
legend {
  color: #333;
}

legend {
  padding: 0 10px;
  font-weight: bold;
  font-size: 110%;
}
fieldset p {
	padding: 10px;
	margin: 0px;
}
dl {
/*	background-color: #b8cee0; */
	padding: 10px;
	margin: 0px;
}
dl dt {
  float: left;
  width: 24.5%; /* was 200px */
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 0;
  padding: 1px 0 0 0;
}

dl dd {
	margin: 0 0 0 25%;/* was 200px */
	padding: 0 0 5px 0;
}

.buttonarea {
	background-color: #ccc;
	padding: 5px; 
	text-align: center;
	margin-bottom: 20px;
}
.buttonarea .button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

/*******************************************************************************************
	All styles below this point are optional.
*******************************************************************************************/

a:hover {
	color:#ffffff;
}

#pagearea {
	width: 700px;
	text-align: left;
}

.border {
	border-right: 1px solid #ddd;
}

.pagesheading { /* used only for the pages edit area for the Heading content type */
	font-family: Arial, Helvetica, sans-serif;
	color: #264A6E;
	font-size: 14px;
	font-weight: bold;
}

.alert {
	font-weight: bold;
	color: #c00;
}

/*******************************************************************************************
	Specific Young Investments Layout CSS
*******************************************************************************************/
ul.linklist{
	list-style-image:url(../images/arrow.gif);
}
ul.linklist li{
	padding-top:5px;
	padding-bottom:5px;
}

#container{
	width:961px;
}
#header{
	height:67px;
	width:961px;
	background-image:url(../images/header_logo.gif);
	background-position:0px 13px;
	background-repeat:no-repeat;
}
#innerContainer{
	border-left:6px solid #B09046;
	border-right:6px solid #B09046;
	border-bottom:6px solid #B09046;
	padding:0px;
	margin:0px;
	position:relative;
}
#menucontainer{
border:1px solid #ffffff;
	height:150px;
	z-index:1;
}
#menu{
	position:relative;
	text-align:left;
	height:38px;
	z-index:1;
}

/************************************
	Drop Down Menu Code
	* remeber to add javascript function
	and move any body onLoad() code
************************************/ 

ul#dropDownMenu{
	/*border-bottom:1px solid #00FF00;*/
	margin-bottom:-1px;
	position:absolute;
	left:0px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height:38px;
}

ul#dropDownMenu li{
	float:left;
	position:relative;
	padding: 0px;
	margin: 0px;
}
ul#dropMenu{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	position: absolute;
	margin-top:39px;
}
ul#dropMenu li{
	width:300px;
	text-align:left;
	background-color:#DBB259;
	padding:5px;
	border-bottom:1px solid #000000;
	clear:left;
}
ul#dropMenu li a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

ul#dropMenu li:hover{
	background-color:#FDD681;
}

#dropMenu{
position:relative;
left:0px;
top:-138px;
z-index:1;

}
#menuMask1{
	position:absolute;
	left:317px;
	height:100px;
	width:313px;
	overflow:hidden;
	z-index:1;
	/* border:1px solid #ffffff; */
}
.publication{
	background-image:url(../images/publ_icon.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}
/************************************
	end dropdown code 
************************************/


#rolloverMap{
	padding:0px;
	height:388px;
	width:949px;
	position:relative;
	/* border-top:1px solid #FFFF00; */
	z-index:0;
}


/* IE 7 hacked code */
#pageContent{
	position:relative;
	padding:15px;
	text-align:left;
	background-image:url(../images/bg_map.gif);
	background-position:50% 0%;
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	/* min-height:419px; */
	line-height:150%;
}
/* udo IE 7 hacked code for FF */
*:lang(en) #pageContent{
	 background-position:50% 119px !important;
}
/* udo IE 7 hacked code for Safari */
#pageContent:empty{
	 background-position:50% 119px !important;
}
#footer{
	height:80px;
	position:relative;
	background-image:url(../images/footer_tagline.gif);
	background-position:162px 32px;
	background-repeat:no-repeat;
	font-size:9px;
	color:#B09046;
	padding-top:2px;
	text-align:left;
}
#footer .tl{
	float:left;
}
#footer .tr{
	float:right;
}
/* FOR LOGO FOOTER */
#footerBottom{
	border:0px solid #ffffff;
	clear:both;
	padding-top:0px;
	width:852px;
	top:70px;
	left:107px;
	position:absolute;
}


/* FOR NO-LOGO FOOTER 

#footerBottom{
	border:0px solid #ffffff;
	clear:both;
	padding-top:0px;
	width:961px;
	top:70px;
	left:0px;
	position:absolute;
}
*/
#footer .br{
	float:right;
}
#footer .bl{
	float:left;
}