/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#000000;
	font-size:12px;
	line-height: 18px;
	margin:0 auto;
	background-color:#033b2b;
	background-repeat: repeat-x;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/bg_body.gif);
}

a {
	color:#386B14;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, p, ul { margin:0 10px 18px 0; padding: 0; }

h1 { font-size:18px; color:#0C4B3A; margin: 18px 0; font-variant:small-caps; font-weight: normal; }

h2 { font-size:14px; color: #064b39; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }

h3 { font-size:14px; color: #064b39; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }

h4 { font-size: 12px; color: #4A463D; font-weight: normal; font-style:italic; margin: 0;}





/* ---- class settings ----------------------- */


.navlink  {
font-family:"Times New Roman", Times, serif;
text-transform:none;
}


.img_top {
	position: absolute;
	top: 0;
	left: 0;
}

.img_btm {
	position: absolute;
	left: 0;
	bottom: 0;
}

.img_left {
	position: relative;
	float:left;
	margin: 10px 22px 4px 0;
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #E6E3DC;
}

.half {
	width: 261px;	
}

.img_right {
	position: relative;
	float:right;
	margin: 10px 0 4px 22px;
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #E6E3DC;
}


.img_center {
	margin: 4px;
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #E6E3DC;
}

.hidden-text {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}

.flag {
	position:relative;
	padding: 0 0 8px 0;
}

.divider_line {
	position:relative;
	width:519px;
	height:1px;
	padding: 10px 0 18px 0;
}

.divider {
	position:relative;
	width:100%;
	height:1px;
	background-color:#033B2B;
	margin-top:5px;
}

.no-bullet {
	list-style:none;
}

.table-border {
	border: 2px solid #CDCCC8;
}

.small {
	font-size: 10px;
	font-weight:normal;
	font-style: italic;
	
}

.intro {
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	line-height: 36px;
	color:#376b12;
	font-variant: normal;
}


.right {
	float: right;	
}

.left {
	float: left;	
}

.clear {
	clear: both;	
}

/* ---
    min-height:400px;
    height:auto !important;
    height:400px;
--- */

/* ---- layout settings ----------------------- */


#main_container {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:1000px;
	height:210px;
	background-repeat:no-repeat;
	background-image:url(images/bg_header2.jpg);
}

#logo_link {
	position: absolute;
	top:8px;
	left:28px;
	width:171px;
	height:206px;
}

/* ---- nav drop settings ----------------------------- */
.menutitle{
font: bold 11px Times;
letter-spacing:1.5px;
margin-bottom: 0px;
color: white;
background: url(images/navback.jpg) ;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 8px 0px 0px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;/* */
}



/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:192px;
	height:342px;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:1000px;
	height:auto;
	background-repeat:repeat-y;
	background-image:url(images/bg_main.jpg);
}

/* ---- start main content settings -------------- */

#nav_left {
	position:relative;
	font-size:11px;
	font-weight:bold;
	float:left;
	width:198px;
	height:auto;
	padding: 0 0 0 20px;
}

.nav-text {
	position:relative;
	font-size:10px;
	line-height:14px;
	color:#033B2B;
	padding: 0 0 0 1px;
}

#content_main {
	position:relative;
	line-height:20px;
	text-align:justify;
	top:0;
	left:0;
	float:left;
	width:522px;
	height:auto;
	padding: 18px 0 0 36px;
}

#fund-values {
	position:relative;
	width:500px;
	height:auto;
}

.fund_left {
	position:relative;
	float:left;
	width:147px;
	height:auto;
	padding: 0 27px 15px 0;
}

.fund_middle {
	position:relative;
	float:left;
	width:147px;
	height:auto;
	padding: 0 0 0 0;
}

.fund_right {
	position:relative;
	float:right;
	width:147px;
	height:auto;
	padding: 0 0 0 0;
}

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#side_bar {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:164px;
	height:auto;
	padding: 18px 33px 15px 15px;
}

/* ---- end side bar content settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	width:1000px;
	height:63px;
	clear:both;
	background-repeat:no-repeat;
	background-image:url(images/bg_footer.jpg);
}

.copy {
	color:#6e6552;
	font-size:10px;
	width:500px;
	float:left;
	padding:25px 0 0 244px;
}

.slug {
	float:right;
	padding: 25px 32px 0 0;
}

.copyright {
	color:#3B9F8F;
	font-size:10px;
	position:relative;
	float:right;
	padding: 10px 32px 0 0;
}

.slug {
	float:right;
	padding: 25px 32px 0 0;
}

.disclaimer {
	position:relative;
	color:#3B9F8F;
	text-align:justify;
	float:left;
	width:500px;
	height:auto;
	font-size:10px;
	padding: 10px 0 0 30px;
}

#footer a {
	text-decoration:none;
}

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

/* ---- start navigation settings -------------------------- */

.submenu{
	padding: 5px 0;
	clear: both;
}

.clear-submenu {
	clear:both; height:5px;
}

.submenu a {
	font-size:12px;
	padding: 0;
	display: block;
	margin: 0 0 0 10px;
	text-decoration: none;
	color: #054C3C;
	line-height: 24px;
}

.submenu a:hover {
	color: #2E560F;
	text-decoration: underline;
}

#nav_01, #nav_02, #nav_03, #nav_04, #nav_05, #nav_06, #nav_07, #nav_08, #nav_09, #nav_10, #nav_11 {
	position:relative;
	float: left;
	width:192px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/nav.jpg);
}

a#nav_01 {
	height:30px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: -192px 0;
}

.active_01 {
	background-position: -192px 0 !important;
}

#nav_02 {
	height:31px;
	background-position:0 -30px;
}

#nav_02:hover{
	background-position: -192px -30px;
}

.active_02 {
	background-position: -192px -30px !important;
}

#nav_03 {
	height:31px;
	background-position:0 -61px;
}

#nav_03:hover{
	background-position: -192px -61px;
}

.active_03 {
	background-position: -192px -61px !important;
}

#nav_04 {
	height:31px;
	background-position:0 -92px;
}

#nav_04:hover{
	background-position: -192px -92px;
}

.active_04 {
	background-position: -192px -92px !important;
}

#nav_05 {
	height:31px;
	background-position:0 -123px;
}

#nav_05:hover{
	background-position: -192px -123px;
}

.active_05 {
	background-position: -192px -123px !important;
}

#nav_06 {
	height:31px;
	background-position:0 -154px;
}

#nav_06:hover{
	background-position: -192px -154px;
}

.active_06 {
	background-position: -192px -154px !important;
}

#nav_07 {
	height:31px;
	background-position:0 -185px;
}

#nav_07:hover{
	background-position: -192px -185px;
}

.active_07 {
	background-position: -192px -185px !important;
}

#nav_08 {
	height:32px;
	background-position:0 -216px;
}

#nav_08:hover{
	background-position: -192px -216px;
}

.active_08 {
	background-position: -192px -216px !important;
}

#nav_09 {
	height:32px;
	background-position:0 -248px;
}

#nav_09:hover{
	background-position: -192px -248px;
}

.active_09 {
	background-position: -192px -248px !important;
}

#nav_10 {
	height:32px;
	background-position:0 -280px;
}

#nav_10:hover{
	background-position: -192px -280px;
}

.active_10 {
	background-position: -192px -280px !important;
}

#nav_11 {
	height:31px;
	background-position:0 -312px;
}

#nav_11:hover{
	background-position: -192px -312px;
}

.active_11 {
	background-position: -192px -312px !important;
}

/* ---- start nav drop settings -------------------------- */

#hidden-layers {
	position:absolute;
	top:295px;
	left:0;
	width:930px;
	height:auto;
}

#hidden-layers a {
	color:#4a463d;
	padding: 3px 3px 3px 17px;
	display:block;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#hidden-layers a:hover {
	background-color: #386B14;
	/*background-color:#CDCCC8;*/
	color:#fff;
}

#L1, #L2, #L3, #L4, #L5, #L6, #L7 {
	position:absolute;
	visibility:hidden;
	height:auto;
	background-color:#EAEAE8;
	border-top:1px solid #CDCCC8;
	border-right:1px solid #CDCCC8;
	border-bottom:1px solid #CDCCC8;
}

#L1 { width:288px; left:615px; }
#L2 { width:145px; left:87px; }
#L3 { width:192px; left:212px; }
#L4 { width:100px; left:284px; }
#L5 { width:192px; left:212px; top:35px; }
#L6 { width:192px; left:212px; top:75px; }
#L7 { width:177px; left:776px; }

.show {
	position:absolute !important;
	visibility:visible !important;
}

.hide {
	position:absolute !important;
	visibility:hidden !important;
}


/*------------------------------------------------------acc settings ------------------------*/

.mypets{ /*header of 1st demo*/
	cursor: pointer;
	display: block;
	color:#033b2b;
	display:block;
	text-decoration: none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

.mypets h3 a {
}

.mypets h3 {
}

.mypets a:hover {
}

.openpet{ /*class added to contents of 1st demo when they are open*/

}

.thepet {
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
}