html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url(images/mainbg.jpg);
} 
 
#pagewidth{ 
 width:740px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

#topwrapper{clear:both;width:100%; height:80px;}

#logo{
padding-top:20px;
 position:relative; 
 height:40px; 
 width:40%;
 float:left;
 display:inline;
} 
#tel{
padding-top:20px;
 position:relative; 
 height:40px; 
 width:40%;
 float:right;
 display:inline;
 text-align:right;
} 

#header{
 position:relative; 
 height:196px; 
 width:100%;
  background-image: url(images/header.jpg);
} 


#headerleft{width:290px; float:left; display:inline; position:relative;padding:20px 20px 0px 20px;}
#headerleft p{font-size:8pt;line-height:9pt;}
#headerright{width:50%; float:right; display:inline; position:relative;}

 #nav{
 position:relative; 
 height:27px; 
 width:736px;
  background-image: url(images/navbg.jpg);
  padding: 0 1px 0 1px;
  z-index:2;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
}

 #wrapper{
 background-position: bottom left;
 background-image: url(images/bodybg.jpg);
   min-height:375px; height:auto !important; height:375px; 
}

 #banner{
 position:relative; 
 height:128px; 
 width:100%;
  background-image: url(images/bannerbg.jpg);
  background-position:bottom left;
  z-index: 1;
    background-repeat:no-repeat;
    padding-top: 3px;
    text-align: center;
}

#bannerleft{ width:45%; 
 float:left; 
 position:relative;
 display:inline;
 padding-top:0px;
padding-left:20px;

}

#bannerright{ width:48%; 
 float:right; 
 position:relative;
 display:inline;
padding-top:0px;
padding-left:10px;
padding-right:10px;}

#maintop{ margin-top:5px; background-position: top left;
 background-image: url(images/bodybg2.jpg);
 height:10px;}

#leftcol{
 width:160px; 
 float:left; 
 position:relative; 
 padding-left:9px;
 background-repeat:no-repeat;
  min-height:460px; height:auto !important; height:460px; 
}
 
#twocols{
 width:570px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:160px; 
 float:right; 
 position:relative; 
 background-repeat:no-repeat;

   min-height:370px; height:auto !important; height:370px; 
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:410px; 
 background-repeat:no-repeat;

   min-height:370px; height:auto !important; height:370px; 
 }
 
 #maincol3{
 float: left; 
 display:inline; 
 position: relative; 
 width:700px;
 padding-left:20px;
 padding-right:20px; 
 background-repeat:no-repeat;

   min-height:370px; height:auto !important; height:370px; 
 }
 
 #maincol2{
 float: left; 
 display:inline; 
 position: relative; 
 width:410px; 
 background-repeat:no-repeat;
   min-height:370px; height:auto !important; height:370px; 
   padding-top:5px;
 }
 
#footer{
 height:50px; 
 clear:both;
 font-family: verdana ; color: #999; font-size: 10px;
 background-image:url(images/footerbg.gif);
background-repeat:no-repeat;
background-position:bottom right;
text-align:center;
margin-left:80px;
margin-right:80px;
padding-top:10px;
 } 
 
 #associate_wrapper{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:100%;}
 
 #associate_left{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:45%; }
 
 #associate_right{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:55%; }
 
 .body{font-family: verdana ; color: #ffffff; font-size: 10px;}
 .body2{font-family: verdana ; color: #666666; font-size: 11px; line-height:12px;text-align: justify;}
 .header{font-family: verdana ; color: #660033; font-size: 12px; font-weight:bold;}
 .purpletext{color: #660033;}
 .purpletext a:link, .purpletext a:visited, .purpletext a:active {color: #660033; text-decoration:none;}
 .purpletext a:hover {color: #660033; text-decoration:underline;}
 .banner{font-size:10pt; font-weight:bold; color:#FFFFFF;font-family:verdana;}
 
 
 .box2header{width:359px; height:20px; padding-left:40px;padding-top:12px;background-image: url(images/header2.jpg);font-family: verdana ; color: #660033; font-size: 11px; font-weight:bold;}
 .box2body{width:359px; padding-right: 20px;padding-top:10px;padding-left:20px;height:; background-image: url(images/body2.jpg);}
 .box2footer{width:399px; height:15px; background-image: url(images/footer2.jpg);}
 
 .box1header{width:151px; height:9px; background-image: url(images/header1.jpg);}
 .box1body{width:141px; height:; background-image: url(images/body1.jpg);padding-left:5px;padding-right:5px;}
 .box1footer{width:151px; height:9px; background-image: url(images/footer1.jpg);}
 .box1bodyheader{border-bottom:1px solid #ccc;}
 .box1bodymain{padding-left:5px;padding-top:5px;padding-right:5px;}
 
 .box3footer{width:151px; height:95px; background-image: url(images/footer3.jpg);}
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
 .newsitem{margin-bottom:15px;width:95%;}
 .newsleft{width:70%; float:left; display:inline; position:relative; color: #660033; font-weight:bold;}
 .newsleft a:link, .newsleft a:visited, .newsleft a:active {color: #660033; text-decoration:none;}
 .newsleft a:hover {color: #660033; text-decoration:underline;}
 .newsright{width:25%; float:left; display:inline; position:relative; text-align:right; font-style:italic;}
 .newsitemheader{clear:both; height:20px;margin-bottom:5px;}
 .formwrapper{clear:both; width:100%;}
 .formleft{width:20%; float:left; display:inline; position:relative;}
 .formright{width:80%; float:right; display:inline; position:relative;}
 .picture{border:0px;}
 
 
 #pagenav{width:100%; text-align:center; padding-top:20px;}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
top:-1000px;
	}

.transMenu .content {
	position:absolute;
	}

.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}
.transMenu .item {
    color:#ffffff;
    font-size:12px;
    font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.9;
	filter:alpha(opacity=90);
	}
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}
.transMenu .item.hover {
	background:#dddddd;
	color:#000000;
	}




#menuwrap {
vertical-align : top;
background : #cccccc;
color : #ffffff;
}

#menu {
vertical-align : top;
float : left;
color : #660033;
}

#menu ul {
display:inline;
padding:0;
margin:4px 0 0 0;
list-style-type:none;


}

#menu li {
display:inline;
padding:0;
margin:0;
list-style-type:none;
font-family: verdana ; color: #ffffff; font-size: 11px; font-weight:bold;
text-decoration:none;
}

#menu li a {
color:#660033;
padding: 0 1.5em;
	text-decoration:none;
}

h1 {font-family: verdana ; color: #666666; font-size: 11px; font-weight:bold;}

p {font-family: verdana ; color: #666666; font-size: 11px;}

.investor-site {width:111px; height:30px; background-image: url(images/investor_site.jpg);margin-bottom:10px; padding-top: 15px; padding-left:40px;font-family: verdana ; color: #660033; font-size: 12px; font-weight:bold;}

.investor-site a{color:#660033; text-decoration:none;}
.investor-site a:hover{text-decoration:underline;}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px verdana;
	padding-top:5px;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0px 0px;


	color: #660033;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	text-decoration:underline;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #cccccc;
		color: #6666666;
		font: 11px arial}

	#sddm div a:hover
	{	background: #660033;
		color: #FFF}
.title:first-letter{text-transform: capitalize;}