/* *********************************************** */
/* CSS File created by CreeksideDesign.com 090831  */
/* Designed for MITO Corporation website           */
/* design@gocreekside.com  www.creeksidedesign.com */
/* *********************************************** */
/******************************************* FONDATION WORK *******************************************/
body {
	background: #01102F;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: url("../../media/pics/bg-blue-grad2.jpg");
	background-attachment: fixed;
}

br, p, li, td { font-size: 12px; }

h1 {
	color: #01102F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
}

h2, h3 {
	color: #3660AC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
}

#page {
	width: 875px;
	margin: auto;
	text-align: left;
}

#page_glow {
	margin: 0 0 0 -168px;
	float: left;
	z-index: -5;
	position: absolute;
}

.page-holder{
	width: 100%;
	/* background: url("../../media/pics/body-bg2.png") no-repeat top center; */
}

#topBar {
	background: #01102F;
	height: 5px;
	float: left;
	width: 100%;
}

/*-------- Begin: Internet Explorer fix attempt ----------*/
/* old settings......
.page-wrapper{
    -moz-border-radius: 5px;
	margin: 75px -40px;
	width: 900px;
}

.container {
	/*background: #fff;*/
	margin: 0 40px; 
	margin-top: -44px;
	margin-bottom: -30px;
	float: left;
	display: inline;
	width: 875px;
}
*/

.page-wrapper{
	margin: 0;
	width: 900px;
	height: auto;
}
.container {
	margin: 0; 
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	display: inline;
	width: 875px;
}

/*-------- End: Internet Explorer fix attempt ----------*/

.vis-clear {
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
h2 {
	font-color: #01102F;
}

/*********************************************** COLUMNS **********************************************/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/*-------- 2 Column Structure (left menu) ----------*/
.leftmenu {
	background: #fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background: #01102F;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
	background: url("../../media/pics/content-bg.jpg") no-repeat top center;
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

/******************************************* SIDEBAR NAV ********************************************/
#navcontainer ul {
margin: 0px 0px 0px 0px; /* top rgt btm lft */
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a {
display: block;
padding: 1px 3px 1px 3px;
width: 100%;
border-bottom: 1px solid #000;
font-family:Arial, Helvetica, sans-serif;
}
#navcontainer a:link, #navlist a:visited {
background:#01102F; /* background color */
color: #fff;
text-decoration: none;
}
#navcontainer a:hover {
background: orange; /* rollover color orange */
text-shadow: 1px 3px 1px 3px #0E2022;
color: #000;
}
#navlist a:link#current {
text-shadow: 1px 3px 1px 3px #0E2022;
background: #3660AC;
color:#fff;
}

/*********************************************** FOOTER ***********************************************/
#footer-bar {
	background: #01102F;
	width: 100%;
	text-align: center;
}
.footer {
	text-align: center;
	font-size: 0.85em;
	padding: 30px 0 50px 0;
	color: #fff;
	float: left;
	width: 100%;
}

.footer a {
	text-decoration: underline;
	color: #fff;
}

.footer p,
.footer a:hover {
	color: #9bc7f4;
}

#footerInfo {
	text-align: center;
	color: #fff;
	margin: 7px auto;
	font-size: 0.85em;
}

#footerInfo a:link,
#footerInfo a:active,
#footerInfo a:visited {
	color: #fff;
	text-decoration: underline;
	margin-top: 7px;
}

#footerInfo a:hover {
	color: #9bc7f4;
	text-decoration: underline;
}