/* CSS Document */
html, body, img, div, p, h1, h2, h3, h4, h5, h6, ul, ol, form, label, input, slect, option {
	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
ul {list-style:none;}
a, a:link {text-decoration:none; color:#888;}
a:visited {}
a:hover {}
a:active {}
.floatRight {float:right;}
.floatLeft {float:left;}
.clearBoth {clear:both;}
.noDisplay {display:none;}
body {font-size:75%; margin:10px; background-color:#baccea;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.indexSlug {color:#fff; text-align:right;}

.profileName {font-size:130%; color:#17154b; font-weight:bold;}

.profileTitle {font-size:110%; color:#666; font-weight:bold;}

#container {width:750px; margin:25px auto 0px auto; padding:0; text-align:left; position:relative; background-color:#fff;}
#indexTopImage {width:750px; height:100px; margin:0; padding:0; background:url(../i/headerbackground.jpg) 0 0 no-repeat;}
#mainContent {padding:2em;}
#indexMainContent {padding:15px; height:977px; background:url(../i/indexBackground2010.jpg) 0 0 no-repeat;}
#pageHeader {font-size:250%; color:#40b656; font-weight:bold;}
#indexHeader {width:700px;}
#indexMainImage {margin:0 0 0 270px; width:400px; height:600px; background:url(../i/ITOWCoverImg.jpg) 0 0 no-repeat;}
#indexBodyText {margin:430px 30px 0 330px; text-align:center; font-size:130%; font-weight:bold; color:#fff; line-height:2.1em;}
#indexBodyText p.yellow {color:#ffef00;} 
#indexBodyText p.footnote {text-align:center; font-size:90%; font-style:italic; color:#fff; line-height:1.1em;}
#photoBox {float:left; margin:1em 1em 1em 0; width:250px; height:320px;}
#photoBoxIntro {float:right; margin:0 0 1em 1em; width:200px; height:400px;}
#photoBoxIntroB {float:right; margin:0 0 1em 1em; width:200px;}
#photoBoxIntroB p.profileInfo {font-size:95%; font-style:italic;}
#bodyCopy sub {font-size:80%; line-height:0.4em;}
#bodyCopy sup {font-size:103%; line-height:0.4em;}
#bodyCopy {margin:1em 0 0 270px;}
#bodyCopyIntro {margin:2em 0 0 270px;}
#bodyCopy p.pullquote {text-align:center; font-size:130%; font-weight:bold; color:#17154b;}
#bodyCopy p.pullquote sub {font-size:70%; line-height:0.4em;}
#mainNav {float:left; clear:left; margin:430px 0 0 35px; width:250px; background-color:#e5f4fa;}
#mainNav li a {color:#006eb9; background-color:#e5f4fa; display:block; padding:0.4em 0 0.3em 0.8em; font-size:90%; font-weight:bold; vertical-align:middle; border-bottom:1px solid #006eb9; border-top:1px solid #fff; border-right:1px solid #fff; border-left:4px solid #006eb9; height:30px;}
#mainNav li a.navTitle {font-size:110%; border-top-color:#006eb9; vertical-align:middle; padding:0.3em 0 0.3em 0.7em;}
#mainNav li a:hover {color:#e5f4fa; display:block; background-color:#006eb9; padding:0.4em 0 0.3em 0.8em; font-size:90%; font-weight:bold; vertical-align:middle; border-bottom:1px solid #e5f4fa; border-left:4px solid #e5f4fa; height:30px;}
#mainNav li a:hover.navTitle {font-size:110%; border-top-color:#006eb9; vertical-align:middle; padding:0.3em 0 0.3em 0.7em;}
#mainNav span.navName {color:#999; font-weight:bold;}

#profileNav {float:left; clear:left; margin:2em 0 0 0; width:250px; background-color:#e5f4fa;}
#profileNav li a {color:#006eb9; background-color:#e5f4fa; display:block; padding:0.8em 0 0.8em 0.8em; font-size:90%; font-weight:bold; vertical-align:middle; border-bottom:1px solid #006eb9; border-top:1px solid #fff; border-right:1px solid #006eb9; border-left:4px solid #006eb9; height:30px;}
#profileNav li a.navTitle {font-size:110%; border-top-color:#006eb9; vertical-align:middle; padding:0.3em 0 0.3em 0.8em;}
#profileNav li a:hover {color:#e5f4fa; display:block; background-color:#006eb9; padding:0.8em 0 0.8em 0.8em; font-size:90%; font-weight:bold; vertical-align:middle; border-bottom:1px solid #e5f4fa; border-left:4px solid #e5f4fa; height:30px;}
#profileNav li a:hover.navTitle {font-size:110%; border-top-color:#006eb9; vertical-align:middle; padding:0.3em 0 0.3em 0.8em;}
#profileNav span.navName {color:#999; font-weight:bold;}

#bioBox {margin:4em 0 0 270px; width:420px; font-size:95%; font-style:italic;}
#bioBox p.companyURL {text-align:right; font-size:110%; font-weight:bold; color:#666;}
#bioBox a {text-align:right; font-size:110%; font-weight:bold; color:#666;}
#bioBox a:hover {text-align:right; font-size:110%; font-weight:bold; color:#17154b;}
#bioPic {float:left; width:60px; margin:0 0.5em 0 0;}
#footer {clear:both; text-align:center; margin:0 0 0 0; padding:1em 0 0 0; height:200px; background:url(../i/footerbackground.jpg) no-repeat center bottom; font-weight:bold;}
#footer a {color:#666; font-weight:bold;}
#footer a:hover {color:#17154b; font-weight:bold;}
#footerIntro {clear:right; text-align:center; margin:0 0 0 0; padding:1em; height:200px; background:url(../i/footerbackground.jpg) no-repeat center top; font-weight:bold;}
#footerIntro a {color:#666; font-weight:bold;}
#footerIntro a:hover {color:#4151a2; font-weight:bold;}

.SubText {
	font-family: Arial;
	color: #004185;
	font-size: 12px;
}

.SubTextGrey {
	font-family: Arial;
	color: #59595B;
	font-size: 12px;
}

a.SubTextGrey {
	font-family: Arial;
	color: #59595B;
	font-size: 12px;
}

.SmallText {
	font-size: 11px;
	color: #59595B;
	padding-left: 5px;
	
}
	
#contact {
	width:400px;
	z-index:1;
	left: 224px;
	top: 1600px;
	margin-right: auto;
	margin-left: auto;
}