/* -----------------------------------------------------------------------

                              Investar Financial
                             -------------------
   filename             : inv_style.css
   version              : 09.05.2008
   copyright            : (c) 2008 Investar Financial 
   author               : Tye Spain

----------------------------------------------------------------------- */

/*#layout 
____________________________________________________________*/

body {
	margin: 0;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;}
		
#topcap {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	margin-top: 20px;
	padding:0;
	background: url("../images/top_shadow.jpg") no-repeat;
	width: 864px;
	height:23px;}
	
#mainWrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	margin-top: 0px;
	padding:0px 0 9px 0;
	background: url("../images/side_shadow.jpg") repeat-y;
	width: 864px;}
		
#bottomcap {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	margin-top: 0px;
	padding:0;
	background: url("../images/bottom_shadow.jpg") no-repeat;
	width: 864px;
	height:23px;}

#mainContentWrap {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	background-color:#fff;
	width: 800px;}
	

/*#header 
____________________________________________________________*/

#header {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	padding:0;
	height:124px;
	width:820px;
	background:url("../images/header_bkg.jpg") no-repeat;}

.address {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #506276;
	text-align: right;
	padding-right:23px;
	padding-top:45px;
	line-height:18px;}

/*#top nav
____________________________________________________________*/

.date {
	float:right;
	margin:0;
	padding:8px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#FFFFFF;}

#navwrap {
	padding:0;
	height:30px;
	margin:0;
	background:url("../images/nav_bkg.jpg");}


#nav {
	float:left;
	width:800px;
	margin:0;
	padding:8px 0 0 10px;}
	
	
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;}
	
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #fff;
	border-left: 0px solid #fff;
	font-size: 12px;
	color: #fff;}

#p7menubar a#leftmostitem{border-left: 0px solid #fff;}

#p7menubar a#rightmostitem{border-right: 0px solid #fff; background-position: top left;}


#p7menubar li {float: left; width: 9em;}
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {width: 8em;}
#p7menubar ul li a  {
	color: #108AAF;
	border-right: 0;
	padding: 5px 5px 5px 5px;}
	
#p7menubar li ul {
	position: absolute;
	display: none;
	margin-left:-1px;
	background-color: #5f8e40; 
	border-bottom: 5px solid #004B8E;}
	
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {color: #004B8E; background-color: #5f8e40; }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {display: block;}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {color: #ffffff; background-color: transparent;}
#p7menubar ul a:hover {background-color: #BCCFAF!important; color: #004B8E !important;}
	

/*#content
____________________________________________________________*/

.slideshow {margin:6px 0px;}

#boxwrap {
	margin:0;
	padding:0;
	height:81px;}

.leftbox {
	float:left;
	display:inline;
	margin:0;
	padding:0;}
	
.centerbox {
	float:left;
	display:inline;
	margin:0 8px;
	padding:10px 0 0 0;
	background-color:#506276;
	font-family: Arial;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	width:464px;
	height:64px;
	line-height:18px;}
	
.rightbox {
	float:left;
	display:inline;
	margin:0;
	padding:0;}
	
#contentwrap {
	margin:6px 0 6px 0;
	height:100%;
	background:url("../images/content_bkg.gif") repeat-y;}
	
#contentarea {
	float:left;
	display:inline;
	width:541px;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;}
#contentarea2 {
	float:left;
	display:inline;
	width:700px;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;}
	
#contentarea h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#004B8D;
	font-size:21px;
	font-weight: normal;
	margin:25px 0 0 25px;
	padding:0;}
	
#contentarea p, div {
	color:#333;
	font-size:12px;
	font-weight: normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:0;
	margin:10px 25px;}
	
#contentarea a:link, #contentarea p a:visited {color:#5D8E3E; text-decoration:underline;}
#contentarea p a:hover{color:#004B8D;text-decoration:underline;}

#contentarea ul {
	padding:0;
	margin:10px 25px 0 55px}
	
#contentarea li {
	color:#333;
	font-size:12px;
	font-weight: normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	line-height:16px;
	margin:10px 25px 0 0}

#rightrail {
	float:right;
	display:inline;
	width:251px;
	margin:0;
	padding:0;}
	
img, .city { behavior: url(iepngfix.htc); }
	
.city{
	float:right;
	*position:relative;/* ie fix */
	width:457px;
	height:230px;
	margin:-72px 0 0 0px;
	padding:0;
	background: transparent url(../images/city2.png) bottom right;
}

#company {
	border-bottom:solid 1px #CCCCCC;
	padding:20px 0 10px 0;
	margin:20px 25px 0px 20px;
	background-color: #ffffff;
	height:100%;}
	
#company .companylogo{
	float:left;
	width:200px;
	padding:0;
	margin:0;}

#company .companylogo2{
	float:left;
	width:20px;
	padding:0;
	margin:0;}
		
#company .companyinfo {
	float:left;
	width:429px;
	margin:0;
	padding:0;}	

#company .companyinfo2 {
	float:left;
	width:600px;
	margin:0;
	padding:0;}	

#company .companyinfo p {
	color:#333;
	font-size:12px;
	font-weight: normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:0;
	margin:0 0 10px 0;}

#company .companyinfo2 p {
	color:#333;
	font-size:12px;
	font-weight: normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:0;
	margin:0 0 10px 0;}
	

	

/*#footer
____________________________________________________________*/

#footer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	height:58px;
	background: url("../images/footer_bkg.jpg") repeat-x;}
	
#footer a:link, #footer a:visited{color:#ffffff; text-decoration:none;}
#footer a:hover{color:#004B8D; text-decoration:underline;}
	
#footer .copyright {
	float:center;
	display:inline;
	width:258px;
	height:32px;
	line-height:82px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	margin-left:250px;
	margin-top:14px;}
	
#footer .btmnav {
	float:left;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height:32px;
	margin-top:14px;
	margin-left:38px;}
	
#footer .btmnav a{padding:0 3px;}



#contentarea2 {
	float:left;
	display:inline;
	width:687px;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;}
	
#contentarea2 h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#004B8D;
	font-size:21px;
	font-weight: normal;
	margin:25px 0 0 25px;
	padding:0;}
	
#contentarea2 p {
	color:#333;
	font-size:12px;
	font-weight: normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:0;
	margin:10px 25px;}

.companyinfo > p {
	text-align: justify;
}