<style>



/*reset
-------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
ul,ol {
	margin:0px 20px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}
h1,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

h2{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#55558c;
}

q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
/*fonts
-------------------------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#666666;
	background-image:url(http://grandsouth.com/images/concept1BG.jpg);
	background-repeat:repeat-x;
}
table {
	font-size:inherit;
	font:100%;
}
select, input, textarea {

	font:99% arial,helvetica,clean,sans-serif;
}
pre, code {
	font:115% monospace;
	*font-size:100%;
}
body *{
	line-height:1.22em;
}


body {
	background-color:#6B7886;
}
/*Navigation
------------------------------------------------------------------------------------------*/	
#navigation {
	float:left;
	width:180px;
	margin-top:20px;
	padding-bottom: 50px;
	}
#auxNav {
	float:right;
	color:#71725B;
	font-size:80%;
	margin:2px 0 0 0;
}
#auxNav li {
	float:left;
}
#auxNav a {
	color:#71725B;
	text-decoration:none;
	line-height:19px;
	background-image:none !important;
}
#auxNav .menu-current {
	color:#009DDC;
	background-image:none !important;
}
#auxNav a:hover {
	color:#003f5e;
}
#search {
	float:right;
	color:#5A6672;
	font-size: 12px;
	font-family: "Verdana";
	font-weight: bold;
	margin:0px 0px 0 0;
	line-height:19px;
}
#searchgo {
	margin:2px 0px 0px 0px;
}
#searchform {
	float:right;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color: #5A6672;
	font-family: "Verdana";
	font-weight: bold;
}
.searchfield {
	background-color:transparent;
	border:none;
	background: url(http://grandsouth.com/images/searchfield.gif) left top no-repeat;
	width:135px;
	height:17px;
	font-size:85%;
	padding:6px 4px 4px 4px;
	margin:3px 0px 0px 0px;
}
#sitetools {
	clear:right;
	float:right;
	margin:32px 20px 0 0;
}
#searchtool, #emailtool, #printtool {
	float:left;
}
#searchtool a, #emailtool a, #printtool a {
	display:block;
	height:13px;
	float:left;
	margin-left:10px;
}
#searchtool a {
	background: url(http://grandsouth.com/images/searchicon.gif) left top no-repeat;
	width:12px;
}
#emailtool a {
	background: url(http://grandsouth.com/images/emailicon.gif) left top no-repeat;
	width:14px;
}
#printtool a {
	background: url(http://grandsouth.com/images/printicon.gif) left top no-repeat;
	width:16px;
}
#searchtool a:hover, #emailtool a:hover, #printtool a:hover {
	background-position:right top;
}
/* General Styles
-------------------------------------------------------------------------------------------*/	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#666666;
}
h2{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#55558c;
}

h3 {
	font-size:17px;
	color:#55558c;
	font-weight:bold;
	margin:0;
	padding:0;
}

h4 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#wrapper{
	width:972px;
	margin-left:auto;
	margin-right:auto;
	margin-top:36px;
}

.clearFix{
	clear:both;
}
#headline {
	height:98px;
}
#logo {
	float:left;
	margin-left:20px;
}




/*Footer
------------------------------------------------------------------------------------------*/		
#bottomlogo {
	position:relative;
	clear:both;
	width:180px;
	float:left;
	margin-top:-47px;
}
/******************************/
#sitemap li{
	color:#666666;
}
/************************/
ul#mainNav {
background:url(http://grandsouth.com/images/menu_bg.gif) top left repeat-x;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
height: 35px;
font-family: "MS Sans Serif, Tahoma, sans-serif";
font-weight: bold;
}

ul#mainNav li {
display: inline;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

ul#mainNav li a:link,
ul#mainNav li a:active,
ul#mainNav li a:visited,
ul#mainNav li a:hover {
color: #000;
background:url(http://grandsouth.com/images/menu_right.gif) top right no-repeat;
text-decoration: none;
height:35px;
float: left;

}

ul#mainNav li a:link span,
ul#mainNav li a:active span,
ul#mainNav li a:visited span,
ul#mainNav li a:hover span {
color: #322409;;
padding: 8px 16px 8px 16px;
display: block;
background:url(http://grandsouth.com/images/menu_left.gif) top left no-repeat;
}

ul#mainNav li.menu-current a:link,
ul#mainNav li.menu-current a:active,
ul#mainNav li.menu-current a:visited,
ul#mainNav li.menu-current a:hover {

color: #000;
height: 35px;
/*background:url(http://grandsouth.com/images/menu_right.gif) bottom right repeat-x;*/
text-decoration: none;
}

ul#mainNav li.menu-current a:link span,
ul#mainNav li.menu-current a:active span,
ul#mainNav li.menu-current a:visited span,
ul#mainNav li.menu-current a:hover span {
color: #990000;
padding: 8px 16px 8px 16px;
display: block;
background:url(http://grandsouth.com/images/menu_left.gif) 0 -35px repeat-x;
}

/*#Contentleft
{
margin:0px;
padding:0;
background-color:#F9F9F1;
}

#Contentleft ul,ol
{
list-style: none;
margin:0px 0px 0px 0px;
padding:0;
text-align: left;
width:200px;
background: url(http://grandsouth.com/images/menu_sub_bg.gif) 0 0em repeat-x;
}

#Contentleft ul li.menu-first
{
border-top: 0px;
margin:0;
background: url(http://grandsouth.com/images/menu_sub_top.gif) 0 0em repeat-x;
padding: 10px 0px 0px 0px;
}

#Contentleft ul li.menu-last
{
border-top: 0px;
background: url(http://grandsouth.com/images/menu_sub_bottom.gif) 0 0.7em repeat-x;
}

#Contentleft ul li a
{
color: #5C518B;
display: block;
padding: 0px 5px 10px 25px;
margin:0;
text-decoration: underline;
}

#Contentleft .menu-current a
{
color: #5C518B;
background: url(http://grandsouth.com/images/menu_sub_bgs.gif) 0 0em repeat-x;
text-decoration: none;
}

#Contentleft ul li a:hover
{
color: #7D7F65;
}
*/

#Copyright {
font-size:80%;
color: #9DAEAD;
}
#Copyright a,a:hover {
font-size:100%;
color: #9DAEAD;
}

#Footer {
font-size:85%;
color: #84866A;
}

#mainContent {
color: #7C7B76;
margin:15px;
}

.textfield,  .email{
padding: 1px 3px 0px; 
BORDER-RIGHT: #99997A 1px solid; 
BORDER-TOP: #99997A 1px solid; 
height: 16px; 
BACKGROUND: #FBFAEC; 
BORDER-LEFT: #99997A 1px solid; 
BORDER-BOTTOM: #99997A 1px solid; 
COLOR: #143444;

}

.textarea{
padding: 1px 3px 0px; 
BORDER-RIGHT: #99997A 1px solid; 
BORDER-TOP: #99997A 1px solid; 
height: 70px; 
width: 500px; 
BACKGROUND: #FBFAEC; 
BORDER-LEFT: #99997A 1px solid; 
BORDER-BOTTOM: #99997A 1px solid; 
COLOR: #143444;
}
.textcontent_left_head{
	font-weight:bold;
	font-size:15px;
	font-family: "MS Sans Serif";
	color:#FFFFFF;
}
.textcontent_left_head2{
	font-weight:bold;
	font-size:12px;
	font-family: "Tahoma";
	color:#5C588A;
}
/********CONTAIN*****************/

#contain{
	width:972px;
	background-image:url(http://grandsouth.com/images/wrapper_bg.gif);
	background-repeat:repeat-y;
}
/********HEADER*****************/

#header{
	width:958px;
	height:148px;
	margin:0px 0 0 8px;
	background-image:url(http://grandsouth.com/images/header_bg.jpg);
	background-repeat:no-repeat;
}

#header .logo{
	margin:40px 0 0 30px;
	padding:0px 0px 0 0px;
	float:left;
}

/********NAV*****************/

#topNav{	
	width:958px;
	height:35px;
	margin:0px 0 0 8px;
	padding:0px 0 0 px;
	background-image:url(http://grandsouth.com/images/nav_bg.jpg);
	background-repeat:no-repeat;
	color:#352407;
	font: ariel 13px;
	font-weight:bold;
}

#topNav a{
	text-decoration:none;
	color:#352407;
}
 
#topNav a:hover{
	text-decoration:none;
	color:#55558c;
}

#topNav li{
	display:inline;
	margin:0 0 0 0px;
	padding:0 15px; 
	border-left:#958661 solid 1px;
	border-right:#fff solid 1px;
	float:left;
}

#topNav ul{
	list-style-type:none;
	margin:0px 0 0 0px;
	padding:11px 10px 0 0px;
}

#topNav .first{
	border-left:none;
}
#topNav .menu-first{
	border-left:none;
}
#topNav .last{
	border-right:none;
}
#topNav .menu-last{
	border-right:none;
}

#topNavLeft{
	margin:0;
	padding:0;
	height:35px;
	float:left;
}

html>/**/body #topNavLeft {
	margin: 0px;
	width: 640px;
	}

#topNavRight{
	height:35px;
	margin:0;
	padding:0;
	float:left;
}
form{
	margin:0px;
	padding:0px;
}

.search{
	margin:7px 0 0 40px;
	padding:0 0 0 0;
	border: #403E32 1px solid;
	width: 113px;
}

.searchBtn{
	margin:5px 0 -7px 20px;
	paddin:0 0 0 0;
	width: 71px;
}

/***************INTERIOR LEFT NAV*****************************/

#leftNav {
	margin-top:30px;
	margin-left:15px;
	padding:0;
	width:150px;
	float:left;
	/*background-color:#666666;*/
}

#leftNav ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#leftNav ul li {
	color:#7676a0;
	list-style-type:none;
	margin:0;
	padding:6px 0 6px 0;
	width:150px;
	border-bottom:#dbd8bd solid 1px;
}

#leftNav a {
	color:#55558c;
	text-decoration:none;
}

#leftNav a:hover {
	color:#98aabf;
	text-decoration:none;
}

#leftNav .firstLink{
	padding-top:0;
}

#leftNav .lastLink{
	border-bottom:none;
}



/*******************CONTENT*******************************/

#content{
	margin-left:8px;
	padding:0;
	width:958px;
	background-color:#faf9f0;
}

/*******************CONTENT LEFT*******************************/

#contentLeft{
	margin-top:30px;
	padding:0;
	width:258px;
	float:left;
}

/*******************INTERNET BAKING LOGIN****************/

#BankingLogin{
	margin-left:30px;
	padding-bottom:10px;
	width:224px;
	background-color:#f4f1de;
}

#BankingLogin .interior{
	margin:10px;
	padding:0;
	background-color:#f4f1de;
}

#BankingLogin p.header{
	margin:0;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:7px;

	background-color:#98aabf;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

#BankingLogin p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#7676a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.logIn{
	margin-top:10px;
	margin-bottom:10px;
	padding:0 0 0 0;
	border: #5d5b51 1px solid;
	width: 175px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5d5b51;
}

.newAcct a{
	margin-right:20px;
	margin-bottom:25px;
	padding:0 0 0 0;
	width:80px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#7676a0;
	line-height:13px;

}


.go{
	margin-top:5px;
	margin-right:10px;
	padding:0 0 0 0;
	float:left;
	border:none;
}

#logInCallout{
	width:204px;
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px #bfba95 solid;
}

#logInCallout img{
	margin-right:10px;
	margin-bottom:10px;
	padding:1px;
	border:1px #55558c solid;
	float:left;
}

#logInCallout p{
	margin-top:5px;
	padding-left:10px;
	color:#55558c;
	font-size:16px;
	font-weight:bold;
	font-style: italic;
	font-family:Arial, Helvetica, sans-serif;
}

#logInCallout .liteFont{
	color:#FFFFFF;/*#98aabf;*/
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style:none;
}

#logInCallout .liteFont a{
	color:#98aabf;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#logInCallout .bigfont{
	color:#55558c;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#logInCallout .bigfont a{
	color:#55558c;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.calloutImg{
	margin-right:10px;
	padding:0;
}

.fdic{
	margin-left:30px;
	padding:0;
}

/*******************CONTENT MIDDLE*******************************/

#interiorMiddle {
	width:450px;
	margin-top:30px;
	margin-left:20px;
	padding:0 25px 0px 20px;
	float:left;
	border-right:#dbd8bd solid 1px;
	/*background-color:#00CC00;*/
}

#interiorMiddle .headerTop{
	padding-bottom:5px;
	font-size:17px;
	color:#7676a0;
	font-weight:bold;
}

#interiorMiddle .form {
	margin: 10px 0px 5px -60px;
	}

#interiorMiddle .formlabel {
	margin: 5px 0px 0px 0px;
	}

#interiorMiddle div.forminput { 
	margin: 5px 0px;
	} 

#interiorMiddle .forminput {
	margin: 0px 0px 4px 0px;
	}

#interiorMiddle .field_radio {
	margin: 0px 0px 0px -60px;
	}

#interiorMiddle .radio_label {
	margin: 0px 0px 0px -60px;
	}

#interiorMiddle .field_checkbox {
	margin: 0px 0px 0px -60px;
	}	
	
#interiorMiddle .checkbox_label {
	margin: 0px 0px 0px -60px;
	}
	
	
/*******************INTERIOR RIGHT*******************************/

#interiorRight {
	margin-top:30px;
	/*margin-left:30px;*/
	padding:0;
	float:left;
	/*background-color:#999999*/
}

#utilityFunctions {
	width:250px;
	border-bottom:#dbd8bd solid 1px;
	margin-bottom:30px;
}

#utilityFunctions img {
	padding: 0 5px 10px 10px;
}

#rightCallout{
	margin-left:30px;
	padding-bottom:10px;
	width:224px;
}

/*******************CONTENT RIGHT*******************************/

#contentRight{
	margin-top:30px;
	margin-left:30px;
	padding:0 0 0 0;
	width:640px;
	float:left;
} 

#contentRight a{
	color:#7676a0;
	text-decoration:underline;
}

#contentRight a:hover{
	color:#7676a0;
	text-decoration:underline;
}

#contentRight img{
	margin-right:15px;
	margin-bottom:10px;
	margin-left:12px;
	padding:0px;
	border:1px #7676a0 solid;
	float:left;
}

#contentRight p{
	color:666666;
	font-size:12px;
}

#newsCallout{
	width:300px;
	float:left;
	margin-right:20px;
}

#newsCallout img{
	padding:0px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0px;
	float:left;
	border:1px #7676a0 solid;

}

#newsCallout .headerTop{
	padding-bottom:5px;
	font-size:17px;
	color:#55558c;
	font-weight:bold;
	border-bottom:1px #bfba95 solid;
}

#newsCallout .date{
	font-weight:bold;
	color:#7676a0;
}

/*******************FOOTER*******************************/

#footer{
	background-color:#bfba95;
	padding-top:10px;
	margin-top:10px;
}

#weatherCallout{
	width:250px;
	margin-left:30px;
	float:left;
	color:#5d5b4b;
	font-size:10px;
	line-height:10px;
}

#weatherCallout p{
	margin:4px 0 0 0;
	padding:0 0 0 0;
	color:#5d5b4b;
	font-size:10px;
	line-height:10px;
	float:right;
}

#weatherCallout .black{
	color:#000;
}

#weatherCallout img{
	margin-right:10px;
	margin-top:0px;
}

#footerCopy{
	margin-right:30px;
	margin-top:0px;
	float:right;
}

#footerCopy p{
	color:#000;
	font-size:12px;
}

#footerCopy a{
	color:#000;
	font-size:12px;
	text-decoration:underline;
}

#footerCopy a:hover{
	color:#000;
	font-size:12px;
	text-decoration:underline;
}
.newAcct a{
	margin-right:20px;
	margin-bottom:25px;
	padding:0 0 0 0;
	width:80px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#7676a0;
	line-height:13px;

}

</style>
