* {
	margin: 0; 
	padding: 0;
}

html {
	font: 9pt Arial, Helvetica, sans-serif;
	line-height: 150%;
}

body {
	padding: 0; 
	margin: 0;
	font-size: 1em; 
	background: #f0e9df url(../images/bkg-parchment.gif);  
}


h1, h2, h3, h4, h5, h6 {margin: 0 0 .5em 0; font-weight: normal; font-family:  Times, "Times New Roman", Times, serif; line-height: 1em;}

h1 { 
	font-size: 3em;
	color: #967649;
	}

h2 {
	font-size: 2.2em;
	margin: 1em 0 .5em 0;
	font-weight: normal;
	color: #5a2d83;
	}

h3 {font-size: 1.8em; color: #967649; margin: 1em 0 .5em 0;}

h4, h5 {font-size: 1.4em;
	color: #967649;}

a { 
	text-decoration: none;
    color: #5a2d83; 
	}
a:hover { text-decoration: underline }

div, p, li, td { font-size: 1em; }

p { margin-bottom: 1em; }
ul, ol { margin-bottom: 1em; margin-left: 2.5em }
li { margin-bottom: .5em; }

img {border: none;}

input[type=text], input[type=password], input[type=email], input[type=phone]{ 
	display: inline-block;
	padding: 0 5px; 
	color: #222; 
	border: 1px solid #ded1bf;  
	background: #f0e9df; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 2.2em;
	margin-bottom: .3em;
}

input[type=button], input[type=submit], input[type=reset], button, .button {
	cursor: pointer;
	border: 0;
	padding: 0 .5em;
	line-height: 2em;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	background: #ffcc33 url(../images/FOO-bkg-button.jpg) top repeat-x;
	color: #002d62;
	box-shadow: 2px 2px 2px #999;
	border-radius: .5em;
	-moz-border-radius: .5em;
	margin-right: .5em;
	}
	
textarea { 
	width: 438px; 
	height: 200px; 
	padding: 5px; 
	border: 1px solid #ded1bf;  
	background: #f0e9df; 
	margin-bottom: .4em;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.input_field {
	width: 25em;
	}


/*------------  TOP NAV ---------------------------*/

#navigation {
	position: relative;
	z-index: 9999;
	float: right;
	padding: 0px;
	margin-top: 31px;
}
#navigation .control {display: none;}

#navigation #menu{
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 999;
	float: right;
	}

#navigation #menu > a, #nav > a {display: none; text-decoration: none;}
#navigation #menu li {position: relative; list-style: none;}
#navigation #menu li a {
	color: #5A2A82;
	display: block;
	}

#navigation #menu li a:active {background-color: #40205C; !important;}

#navigation #menu span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #0053a5;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
	top: -.25em;
	}

#navigation #menu li:first-child span:after {border: 0;}

/* first level */

#navigation #menu > ul {
	background: #40205C;
	margin: 0;
	padding: 0;
	}
	
#navigation #menu > ul > li {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#navigation #menu > ul > li > a {
	font-size: 1.1em;
	font-weight: bold; 
	line-height: 2.2em; /* 60 (24) */
	text-align: center;
	text-transform: uppercase;
	padding: 0 1.4em;
	color: #5A2A82;
	}

#navigation #menu > ul > li > a.selected {color: #002D62; border-bottom: 4px solid #002D62;}
#navigation #menu > ul > li > a.selected:after {content: ''; position: absolute; border-bottom: 5px solid #002D62; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 65px; left: 48%;}

#navigation #menu > ul > li:hover > a,
#navigation #menu > ul:not( :hover ) > li.active > a {background-color: #40205C; color: #FFF; text-decoration: none;}


/* second level */

#navigation #menu li ul {
	background-color: #40205C;
	display: none;
	position: absolute;
	top: 100%;
	margin: 0;
	padding: 0;
	width: 15em;
	box-shadow: 0 3px 3px rgba(0,0,0,.5)
	}

#navigation #menu li:hover ul {
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	}
	
/*#navigation #menu li:not( :first-child ):hover ul {left: -1px;}*/
#navigation #menu li li {
	margin: 0;
	padding: 0;
	}
	
#navigation #menu li ul a {
	padding: 0.75em; /* 15 (20) */
	color: #FFF;
	}

#navigation #menu li ul li a:hover,
#navigation #menu li:hover ul li:hover,
#navigation #menu li ul:not( :hover ) li.active a { background-color: #5A2D83; color: #FFF; text-decoration: none; }

#navigation #menu li:hover ul ul,
#navigation #menu li ul ul {
	display: none;
	left: 15em;
	top: 0;
	}

#navigation #menu li:hover ul li:hover ul{
	display: block;
	}


.vertical-divider {
    position: relative;
    top: -8px;
	float: left;
	font-size: 1.5em;
	color: #666;
}

/*----------------------   MAIN BODY -----------------------*/

#dialog { display: none; }

#page {
	margin: 0 auto; 
	}

#masthead-inner, #banner-inner, #main-inner, #footer-inner {
	width: 950px;
	margin: 0 auto;
	}

#masthead {
	background: #FFF;
	height: 130px;
	border-bottom: 6px solid #40205c;
}

#header {float: left;}

#logo {
	position: relative;
	top: 10px;
	font: normal 3em Times, "Times New Roman", Times, serif;
	color: #967649;
	text-decoration: none;
	}

#login {
	background: #40205C;
	border-bottom-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	width: 340px;
	height: 70px;
	float: right;
	}

#login-inner {	
	padding: .2em .5em;
	}

#login h3 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 1em;
	color: #ba98d9;
	font-variant: small-caps;
	}
#login h3 a {color: #ba98d9;}
#banner {
	border-bottom: 6px solid #40205c;
	background: #5a2d83 url(../images/bkg-banner.png) center repeat-y;
	height: 40px;
	position: relative;
	z-index: 1;
}


#main {
	background: transparent url(../images/bkg-main.png) top repeat-x;
	}

#main-inner {
	padding: 2em 0;
	min-height: 300px
	}

#sidebar {
	width: 33%;
	float: right;
	}

.article {
	background: transparent url(../images/bkg-article.png);
	padding: 1.3em;
	border: 1px solid #ded1bf;
	-moz-border-radius: .4em;
	border-radius: .4em;
	}

.article h3 {margin: 0;}
.article em, .article i {font-size: .9em; color: #999;}	
.article a {font-weight: bold;}	

#content {
	float: left; 
	width: 65%
}
    
#content-inner {
	display: block; 
	padding: 0 1.5em 1.5em 0;
}

hr {
	height: 0; 
	border: 0;
	border-bottom: 1px dotted #999;
	margin: .5em auto .5em auto;
}

.clear {clear: both;}
.footnote {font-size: .8em;}


/*------------------- SECOND LEVEL MAIN -----------------------------------*/


.col_3
{
    float: left;
    width: 30%;
    margin-right: 3%;
}

.col_2
{
    float: left;
    width: 47%;
    margin-right: 3%;
}

.col_4
{
    float: left;
    width: 22%;
    margin-right: 3%;
}

.no_margin_r {margin-right: 0;}
.no_margin_l {margin-left: 0;}
.no_margin {margin: 0;}

/*------------------- Contact Form ----------------------------------------*/

#contact_form { 
	padding: 0; 
	width: 450px;
	margin-right: 2em; 
}


#contact_form form label { 
	display: block; 
	position: absolute;
	line-height: 2.2em;
	padding: 0 .4em;
	color: #666;
}

 #contact_form .submit_btn {
	 padding: .2em .8em;
 }

#map img { border: 5px solid #fff }

/*-----------------  FOOTER / COPYRIGHT  ------------------------------*/

#footer-outer {
	height: 100px;
	background: #40205C;
}

#footer-inner {
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	font-size: .8em;
	color: #FFF;
}

#footer a, #copyright a {color: #FFF; text-decoration: none;}

#footer a:hover, #copyright a:hover {
    color: #FFF;
	text-decoration: underline;
}

#copyright {
	float: left;
	color: #FFF;
	width: 60%;
}

#fdic {float: right;}
.fdic {margin-right: 10px;}

@media only screen and ( max-width: 950px ) /* 640 */ {


* {
	margin: 0; 
	padding: 0;
	float: none;
	width: auto;
}

html {
	font:10pt Arial, Helvetica, sans-serif;
	line-height: 150%;
}

body {
	padding: 0; 
	margin: 0;
	font-size: 1em;
	}

input[type=text], input[type=password], input[type=email], input[type=phone], 
input[type=button], input[type=submit], input[type=reset], button, .button, textarea, 
#contact_form form label { 
	font-size: 1.4em
}
	
#masthead {background: #0072C6; color: #f0e9df; height: 70px;}
#header{ text-align: center; position: absolute; top: 0; width: 100%;}
#logo {position: relative; top: 5px; width: 70%; margin: 0 auto; text-align: center;  color: #f0e9df; float: none; padding: 10px; z-index: 1000;}
#logo img {height: 60px; width: auto;}
#login {float: none; position: relative; top: 70px; width: auto; background: #002D62; border-top: 1px solid #000; padding: 6px; border-radius: 0; height: 40px;}
#login h3 {display: none;}
#masthead-inner, #banner-inner, #main-inner,#navigation #menu, #content, #sidebar, #footer, #footer-inner,  #copyright, #fdic, .col_3 {width: auto; float: none;}
#login iframe {width: 96%; margin: 0 auto;}
#navigation {top: 0; margin: 0; background: transparent; height: 70px; float: none; position: absolute; width: 100%; z-index: 999;}

#main-inner {padding: 2em 1em;}
#banner-inner, #slideshow, #slideshow .slides, #slideshow .slides li {width: 100%;  overflow: hidden;}
#slideshow img {width:100%; height: auto;}

#banner {display: none;}
#copyright, #fdic {margin-left: 1em; margin-right: 1em; text-align: center;}
#footer-outer {height: auto;}

#navigation #menu {
		position: absolute;
		top: 0;
		left: 0;
		background: transparent;
		z-index: 99;
		width: 100%;
		}
	
	#navigation #menu .control {
		font-size: 1.2em;
		width: 3.6em;
		height: 20px;
		padding: 10px 0;
		line-height: 1em;
		margin: 14px;
		border: 1px solid rgba(255,255,255,.7);
		border-radius: .3em;
		text-align: center;
		background-color: transparent;
		color: #FFF;
		position: relative;
		content: '';
		display: block;
		cursor: pointer;
		}
	#navigation #menu a.control span:after {border:0;}

	#navigation #menu > a.control > span {
		border-top: 4px solid #666;
		border-bottom: 4px solid #666;
		display: block;
		content: '';
		width: 1em;
		height: .3em;
		}
	
	#navigation #menu > a.control:nth-child(2) > span {
		border-top: 4px solid #fff;
		border-bottom: 4px solid #fff;
		}
	
	#navigation #menu:not( :target ) > a:first-of-type,
	#navigation #menu:target > a:last-of-type {display: block;}

	/* first level */
	
	#navigation #menu > ul {
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		box-shadow: 0 5px 5px #404040;
		}
	
	#navigation #menu:target > ul {display: block;}
	
	#navigation #menu > ul > li {
		width: 100%;
		float: none;
		}
	
	#navigation #menu > ul > li > a {
		height: auto;
		font-size: 1.8em;
		line-height: 2.5em;
		text-decoration: none;
		text-transform: none;
		text-align: left;
		padding: 0 0.533em; /* 20 (24) */
		color: #fff;
		}
		
	#navigation #menu > ul > li:not( :last-child ) > a {
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.7);
		}
	#navigation #menu > ul > li > a.selected {color: #fff;}
	#navigation #menu > ul > li > a.selected:after {border: none;}

	/* second level */
	
	#navigation #menu li ul {
		position: static;
		padding: 0; /* 1.25em; 20 */
		padding-top: 0;
		width: 100%;
		box-shadow: none;
		background: #0072C6;
		}
	
	#navigation #menu li ul a {
		line-height: auto;
		font-size: 1.6em;
		padding: .8em 3em; /* 15 (20) */
		}
	
	#navigation #menu li ul li a:hover,
#navigation #menu li:hover ul li:hover,
#navigation #menu li ul:not( :hover ) li.active a  {background: rgba(0,0,0,.1);}
}