/* CSS Document */
html, body {
    height:100%;/* needed to base 100% height on something known*/
}
#outer {
    background:#fff;
    margin:auto;
    min-height:94%;
   
}
/* #inner protects any floats in the content from clearing the :before float */
#inner {
    overflow:hidden;
    /* you could use float:left instead of overflow:hidden if you wanted content to overflow*/
    /* background:#ffffcc; If floated instead of overflow:hidden then repeat #outer background color here */
}
body {
	margin: 0;
	padding: 0;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	background: #f8f8f8;
	color:#102647;
	min-width:962px;

}
* {
	margin: 0;
	padding: 0;
}
p {
	line-height: 1.6em;
	padding: 5px 0;
	margin: 5px 0;
	font-size:small;
}
h1 a{
	font: 29px normal Georgia, 'Times New Roman', Times, serif;
	color: #ccc;
	text-decoration: none;
}
h1 a span { color: #b8ddf0; }
h1 small{
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #fff;
}

h2 {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
h4 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #438FCB;
}
a {
	color: #438FCB;
	text-decoration:none;
}


.container {
	width: 962px;
	margin: 0 auto;
	clear:both;

}
.fluid {
	width: 100%;
	float: left;
}
#header {
	background: #fff ;
}
#features {
	background: #ddd;
}
#logo{
	width: 20%;
	float: left;
	height:104px;
}
#menu {
	width: 77%;
	float: right;
	color:#9C9D9F;
	margin-top:10px;
	margin-left:10px;
}

#menu ul {
	list-style: none;
	float:right;
}

#menu li {
	display: inline;
	
}

#menu a {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #9C9D9F;
	padding: 40px 22px 0 22px;
}

#menu a .last {
	float: right;
	text-decoration: none;
	font-weight: bold;
	color: #9C9D9F;
	}
#menu a:hover {
	color: #9C9D9F;
	
}




#row1 {
	background:#102647 url(../images/row1_back.jpg);
	height:302px;
	border-bottom:1px solid #102647;
}

#row1 .container .slideshow {
	width:66%;
	background-color:#FFFFFF;
	float:left;
	height:302px;

}

#row1 .container .flash {
	width:66%;
	padding-top:3px;
	background-color:#FFFFFF;
	float:left;
	height:299px;

}
#row1 .container .intro {
	width:34%;
	background: #fff url(../images/blank_intro.jpg) no-repeat;
	float:right;
	height:302px;
	
}
.director {
	overflow-y: scroll; 
	width:320px; 
	height:299px;
	text-align: left; 
	padding-top:0px; 
	padding-left:0px; 
	margin-top:3px;
	scrollbar-face-color: #B3C7D7; 
scrollbar-highlight-color: #80A3BD; 
scrollbar-3dlight-color: #80A3BD; 
scrollbar-darkshadow-color: #80A3BD; 
scrollbar-shadow-color:#80A3BD; 
scrollbar-arrow-color: #80A3BD; 
scrollbar-track-color: #95B2C8; 
	
}

#content {
	background: #fff url(../images/row2_back.jpg) repeat-x;
	color: #000;
	
}
#content .container div{
	color:#102647;
	width:23%;
	float:left;
	margin:40px 25px 0 0;
}

#content2 {
	background: #fff url(../images/row2_back.jpg) repeat-x;
	
}
.col1 {
	color:#102647;
	width:600px;
	float:left;
	margin:40px 0 0 0;
}

.col2 {
	background-color:#102647;
	color:white;
	width:307px;
	float:right;
	margin:40px 0 0 0;
	padding:10px;
	line-height:1.5em;
}

#footer {
	background: #e8e8e8 url(../images/footer_back.jpg) repeat-x;
	float:left;
	clear:both;
	height:44px;
}
.contact {
	background-color:#102647;
	color: white;
	padding:10px;
}