/*--colors
burgundy     #320d0c
red          #6b1d11
black        #0d0903
grey		 #736d63
light Grey	 #d9d2d0
*/


body  {
	font: 14px Helvetica, Sans-Serif;
	background-image:url(../images/back.gif);
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	
}

h1,h2,h3
{font-family: Georgia, "Times New Roman", Times, serif;
color:#320d0c;}

ul{
list-style:none inside;
}
p{
font-size:1.2em;
line-height:1.2em;
margin-bottom:1.2em;
text-align:justify;
}
a:link{color:#320d0c;}
a:active{color:#320d0c;}
a:hover{color:#736d63;}
a:visited{color:#736d63;}
a img{border:none;}
/*end setup*/
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}

/*page structure*/
#logobg{
border-top:solid thick #000000;
border-bottom:solid thin #000000;
background-image:url(../images/logobg.jpg);
padding:0 50px 0 50px;
}

#logobg img
{
padding-top:10px;
margin:0 0 0 -430px;
}

#pagewrap { 
	background-color:#FFFFFF;
	width: 960px; 
	margin: 0 auto; 
	text-align: left; 
}
.header{
	height:200px;
	border-top:solid #000000 thick;
	border-bottom:solid #d9d2d0 thick;
	
}

.account{background:url(../images/briefcase.png) 20px .5em no-repeat;}
.guide{background:url(../images/pie-chart.png) 20px .5em no-repeat;}
.faq{background:url(../images/help.png) 20px .5em no-repeat;}
.refer{background:url(../images/discussion.png) 20px .5em no-repeat;}
.suggest{background:url(../images/write-note.png) 20px .5em no-repeat;}
.articles{background:url(../images/book.png) 20px .5em no-repeat;}
.quarterly{background:url(../images/stock-chart.png) 20px .5em no-repeat;}

#secondaryNav {
	background-color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	margin:-120px 100px 0 0;
	float:right;

}

#secondaryNav ul {
	display: inline;
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight: bold;
	color:#d9d2d0;
	line-height: 50px;
	white-space: nowrap;
	text-align: left;
}

#secondaryNav li {
display: inline;

}


#secondaryNav li a {

font-weight: bold;
font-size:1.2em;
text-decoration: none;
padding: 7px 10px;
color:#ffffff;

}

#secondaryNav li a:link {
font-weight: bold;
color: #ffffff;

}

#secondaryNav lia:visited {
color: #CCC;

}

#secondaryNav li a:hover {
font-weight: bold;
color:#d9d2d0;
}


#maincontent{
width:550px;
padding:10px 50px;
color:#320d0c;

}



#maincontent p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:justify;

}

#maincontent img{
float:left;
border:#320d0c thick solid;
}

.article_list{
padding:20px 0;
}

#hloop{
background:url(../images/book---gradient.png)no-repeat;
vertical-align:top;
width:250px;
padding:0 20px 20px 20px;
min-height:110px;

}

#hloop h3{
font-weight:500;
font-size:14px;
color:#320d0c;
min-height:50px;
border-bottom:solid medium #000000;
padding-left:20px;
}
#hloop p{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
}

.date{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
}
.cont{
color:#000000;
font-size:12px;
}

.cont ul li{list-style-type:circle;
padding:8px;
font-size:14px;}

.introduction{
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
font-style:italic;
color:#320d0c;
width:509px;
font-size:16px;
text-align:justify;
background-color:#d9d2d0;
padding:10px;

}

#sidebar{
	margin: 50px 0 0 0;
	background-color:#666666;
	float:right;
	border-top:solid medium #000000;
	border-bottom:solid medium #000000;
	}


#sidebar ul{
list-style:none;
margin:0;
}

#sidebar li{
width:320px;
margin: 0 0 0 -100px;
}

#sidebar ul li a{
border-bottom:solid thin #000000;
background-color:#666666;
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-size:12px;
display:block;
padding:10px 0 10px 50px;
margin:0 0 0 50px;


}
#sidebar ul li a:hover
{background-color:#FFFFFF;
color:#000000;
}


/*Front End Forms*/
#tbl_contact {
	margin:0px 0px 20px 0px;
}
#tbl_contact th, #tbl_contact td {
	text-align:left;
	vertical-align:top;
}
#tbl_contact th {
	padding:0px 10px 3px 0px;
}
#tbl_contact td {
	padding:3px 0px 3px 3px;
}
#tbl_contact .frmfld, #tbl_contact .frmarea {
	border:solid 1px #444;
	padding:2px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
}
#tbl_contact .frmfld {
	width:330px;
}
#tbl_contact .frmarea {
	height:200px;
	width:330px;
}
#sbm, #btn {
	display:block;
	width:120px;
	height:20px;	
}
#sbm {
	float:left;
	border:solid 1px #444;
	background:url(../images/btn.png) repeat-x center 50%;
}
#btn {
	text-align:center;
	background-color:transparent;
	border:none;
	cursor:pointer;
	color:#fff;
	text-transform:lowercase;
}
#sbm:hover {
	border:solid 1px #fff;
}
label {
	padding:0px 20px 0px 0px;
	margin:0px;
}
label.req {	
	display:block;
	color:#900;
}
.warning_sent {
	color:#fff;
	font-weight:bold;
}
#tbl_contact p.warning {
	font-weight:bold;
	color:#fff;
	padding:5px 0px 5px 15px;
	background:#6b1d11;
}
.missing {
	color:#6b1d11;
}

	
 

#footer {
width: 960px; 
margin: -50px auto; 
text-align: left;
min-height: 149px;
background-color:#d9d2d0;
}

.footertext{
font: .8em Helvetica, Sans-Serif;
color: #320d0c;
text-align:center;
margin:40px 200px 0 200px;
padding:50px  0 0 0;
}

#footer img{
border:0;
width:88px;
height:31px;
padding: 20px;
}

/*new dropdown menu*/
/*this removes the indents, as well as the bullets, and all its child-ul elements. The "position:relative" is needed since we will arrange some of the contained elements with position:relative and absolute. This is necessary since relative and absolute positioned elements are positioned according to their containing blocks with a position attribute, other then static.

Line-height defines the height of each list item. You could set the height attribute for your list-items to define their height, but line-height will center the link text vertically without the need to play with margins and paddings.*/ 
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 

}

#nav a{
display:block;
padding:0px 20px; /*this affects the width of the nav blocks*/
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#333; /*this affects the background of the blocks*/
background:url(../images/bg.png) no-repeat;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}