#container{
	width: 986px;
}

#stclogo{
	display:block;
	height: 123px;
	width: 318px;
	float: left;
	border: 0;
	display: inline;
}

/******  Main Menu Styles  ******/
#mainMenu{
	height: 64px;
}
#mainMenu li{
	height: 64px;
}

#mainMenu li a{
	padding: 45px 30px 3px 20px;
}

/******  Main Title Styles  ******/

h1{
	width: 668px;
	height: 60px;
	color: #FFF;
	background-color: #0756a0;
	font-size: 18px;
	float: right;
	text-indent: -9999px;
	display: inline;
}

h1#about_title{
	background: url(sub_graphics/headers/aboutus_header.jpg) no-repeat top left;
}

h1#services_title{
	background: url(sub_graphics/headers/services_header.jpg) no-repeat top left;
}

h1#products_title{
	background: url(sub_graphics/headers/products_header.jpg) no-repeat top left;
}

h1#planning_title{
	background: url(sub_graphics/headers/planning_header.jpg) no-repeat top left;
}

h3{
	color: #469a2a;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
}



/******  Left Div Styles  ******/
#left{
	width: 316px;
	float: left;
	background: url(sub_graphics/logobottom_bg.jpg) no-repeat top left;
	position: relative;
	display: inline;
}

#subnav{
	width: 205px;
	margin: 45px 0px 10px 35px;
	list-style-type: none;
}

#subnav a{
	display: block;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	height: 41px;
	margin: 2px 0px;
	background: #0756a0 url(sub_graphics/subnav.jpg) no-repeat top left;
	width: 165px;
	padding-left: 40px;
	line-height: 40px;
}

#subnav a:hover{
	background: #5da745 url(sub_graphics/subnav_on.jpg) no-repeat top left;
}

#subnav a#cdi{
	line-height: 20px;
	height: 44px;
	background: #0756a0 url(sub_graphics/subnav_long.jpg) no-repeat top left;
}

#subnav a#cdi:hover{
	background: #5da745 url(sub_graphics/subnav_long_on.jpg) no-repeat top left;
}

#subnav a#cdi.on{
       background: #5da745 url(sub_graphics/subnav_long_on.jpg) no-repeat top left;
 
}


#subnav a.on{
	background: #5da745 url(sub_graphics/subnav_on.jpg) no-repeat top left;
}


#subnav a.open, #subnav a#cdi.open{
	background: #5da745 url(sub_graphics/expanded_top.jpg) no-repeat top left;
	margin-bottom: 0px;
	height: 41px;
}

#subnav #expand{
	background: #FFF url(sub_graphics/expanded_bottom.jpg) no-repeat bottom left;
	list-style-type:none;
	padding-bottom: 13px;
	width: 205px;
}

#subnav #expand li{
	background: #FFF url(sub_graphics/expanded_bg.jpg) repeat-y top left;
	padding: 0px 10px 0px 6px;
}


#subnav #expand p{
	background: url(sub_graphics/subnav_dots.gif) no-repeat bottom center;
	height: 8px;
	margin: 0px 0px 0px 0px;
}

* html #subnav #expand p{
	margin: 0;
}

#subnav #expand a{
	height: auto;
	width: auto;
	color: #1484b9;
	padding: 10px 2px 10px 2px;
	background: none;
	margin: 0px;
	line-height: normal;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

* html #subnav #expand a{
	height: 12px;
}

#subnav #expand ul{
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	list-style-type:none;
}

#subnav #expand ul li{
	background: none;
	padding: 0px;
}

#subnav #expand ul a{
	height: auto;
	width: auto;
	font-size: 11px;
	padding: 0px 2px 0px 2px;
	color: #189f56;
	line-height: 20px;
}

* html  #subnav #expand ul a{
	height: 12px;
}

/******  Right Div Styles  ******/
#right {
	width: 668px;
	float: right;
	display: inline;
}

#right #breadcrumbs{
	width: 668px;
	height: 33px;
	float: right;
	background: url(sub_graphics/breadcrumbs.gif) no-repeat top left;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 33px;
	text-transform: uppercase;
	word-spacing: 5px;
	display: inline;
}

#right #breadcrumbs p{
	margin: 0px 15px 0px 15px;
}

#right #breadcrumbs a, #right #breadcrumbs span{
	word-spacing: normal;
}

#right #content{
	margin: 0px 15px 15px 15px;
	width: 638px;
}

* html #right #content{
	float: none;
}

#right h2{
	color: #0756a0;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/******  Callout Styles  ******/

.callout {
	float: right;
	margin-left: 50px;
	margin-bottom: 30px;
	width: 175px;
	background: url(sub_graphics/callout/callout_top.gif) no-repeat top left;
	font-size: 11px;
}

.callout img{
	padding: 0;
	border: 0;
	margin: 12px 0px 0px 0px;
	width: 175px;
	background: #07569f url(sub_graphics/callout/callout_blue.gif) repeat-y top left;
}

.callout h5{
	margin: 0px;
	padding: 3px 9px 3px 3px;
	text-align: center;
	background: transparent;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	line-height: normal;
	background: #07569f url(sub_graphics/callout/callout_blue.gif) repeat-y top left;
}

.callout .c_content{
	background: #77c55b url(sub_graphics/callout/callout_green.gif) repeat-y top left;
	width: 175px;
}

.callout .c_content p{
	padding: 10px 20px 0px 20px;
	color: #FFF;
	margin: 0px;
	text-align: center;
}

.callout .c_bottom{
	height: 16px;
	background: #77c55b url(sub_graphics/callout/callout_bottom.gif) no-repeat bottom left;
}

* html .callout .c_content{
		margin-top: -3px;
}

.callout .learn{
	font-weight: bold;
}

.callout a{
	color: #FFF;
}

/* headshots change margin from 20 to 22*/
.headshot{
	float: right;
	margin: 0px 20px 20px 20px;
	width: 167px;
	font-size: 12px;
	background: #07569f url(sub_graphics/headshots/headshot_top.gif) no-repeat top left;
}
.headshot img{
	margin-top:11px;
	height: 80px;
	width: 167px;
	margin-bottom: 0px;
	
	
}
.headshot .h_bottom{
	height: 38px;
	background: #77c55b url(sub_graphics/headshots/headshot_bottom.gif) no-repeat bottom left;
	color: white;
	text-align: center;
	line-height: 35px;
}

* html .headshot .h_bottom{
	margin-top: -3px;
}

/* misc */
#bluewavePic{
	float: right;
	margin: 0px 0px 0px 10px;
}

#leftCallout{
	text-align: center;
	margin-top: 100px;
}