@charset "utf-8";
/* CSS Document */


/*******************************************************
		PROJECT: ConnectSI

		DESCRIPTION:
		This CSS file comprises basic layout elements
		applicable to all pages of the site.
		Recurring elements like navigation, headers,
		and pull quotes.
		
		CREATED: 12-05-07

*******************************************************/



/*******************************************************
	BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	background: #FFF url(../m/bg-body-sub.jpg) repeat-x top left;
	text-align: center;
	margin: 0; padding: 0;

}

body#page-home {background: #FFF url(../m/bg-body-home.jpg) repeat-x top left;}

p {
	font-size: .7em;
	line-height: 1.6em;
	margin: 0 0 1.2em 0;
}

h2 {
	color: #3D325B;
	font-size: 1.2em;
	margin: 0 0 .8em 0;
}

h3 {
	color: #3D325B;
	font-size: 1em;
	margin: 0 0 .8em 0;
}

h4 {
	color: #000;
	font-size: .7em;
	margin: 0 0 .2em 0;
}



/* ANCHOR TAGS */

a:link {
	color: #1D8282;
	text-decoration: underline;
}

a:visited {
	color: #1D8282;
	text-decoration: underline;
}

a:hover {
	color: #1D8282;
	text-decoration: none;
}

a:active {
	color: #1D8282;
	text-decoration: none;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .5em 0 1.2em 1.4em;
	padding: 0;
}

li {
	font-size: .7em;
	margin: 0 0 6px 0;
	line-height: 1.6em;
}

ul li ul li {
	font-size:1em;
}




table {
	margin: 0 0 16px 0;
}

td {
padding: 6px;
font-size: .7em;
background-color:#e7ece9;
}


fieldset {
	border: 0;
}








/*******************************************************
	MAIN CONTAINERS
*******************************************************/

div#global {
	width: 774px;
	margin: 0 auto;
	text-align: left;
/*	background-color: #FFF;*/
}


body#page-home div#global {background-color: transparent;}




div#main-content {
	float: left;
	padding-top: 5px;
	width: 520px;
}

div#left {
	float: left;
	width: 230px;
	margin-right: 10px;
	padding-top: 72px;
}





















div#top {
	background: url(../m/bg-top.jpg) repeat-x top left;
	height: 168px;
	position: relative;
}

h1#topLogo { /* Levin technique */
 	width: 277px;
	height: 131px;
	font-size:.2em;
	color:#FFF;
	position: relative;
	margin: 0;
	padding: 0;
}

h1#topLogo span {
	top: 0px;
	left: 0px;
 	width: 277px;
	height: 131px;
	background: url(../m/logo-connectSI.jpg) no-repeat;
	position: absolute;
	z-index:1;
}

h1#topLogo a {
 	width: 221px;
	height: 134px;
	display: block;
}


div#topLinks {
	position: absolute;
	top: 5px;
	right: 0px;
	color: #FFF;
	font-size: .7em;
}

div#topLinks a {
	font-weight:bold;
	color: #FFF;
}













/*******************************************************
	NAV
*******************************************************/
ul#mainNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height:28px;
	display: block;
	position: absolute;
	bottom: 0px;
}

ul#mainNav li { /* Levin technique */
	height: 28px;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .7em;
	line-height: .7em;
	float: left;
	display: inline;
}

ul#mainNav li span {
	top: 0px;
	left: 0px;
/* 	width: 180px;*/
	height: 28px;
	position: absolute;
	z-index:1;
	background-repeat: no-repeat;
	background-position: top left;
}

ul#mainNav li a.mainBtn {
/* 	width: 175px;*/
	height: 28px;
	color: #FFF;
	display: block;
}


li#nav-about-connect-si span {background-image: url(../m/nav/about-connect-si.jpg);}
li#nav-about-connect-si a:hover span {background-image: url(../m/nav/about-connect-si-over.jpg);}

li#nav-about-so-il a span {background-image: url(../m/nav/about-so-il.jpg);}
li#nav-about-so-il a:hover span {background-image: url(../m/nav/about-so-il-over.jpg);}

li#nav-network-cois a span {background-image: url(../m/nav/coi.jpg);}
li#nav-network-cois a:hover span {background-image: url(../m/nav/coi-over.jpg);}

li#nav-regional-cois a span {background-image: url(../m/nav/regional-cois.jpg);}
li#nav-regional-cois a:hover span {background-image: url(../m/nav/regional-cois-over.jpg);}

li#nav-healthcare-cois a span {background-image: url(../m/nav/healthcare-cois.jpg);}
li#nav-healthcare-cois a:hover span {background-image: url(../m/nav/healthcare-cois-over.jpg);}

li#nav-partners a span {background-image: url(../m/nav/partners.jpg);}
li#nav-partners a:hover span {background-image: url(../m/nav/partners-over.jpg);}

li#nav-industry a span {background-image: url(../m/nav/clusters.jpg);}
li#nav-industry a:hover span {background-image: url(../m/nav/cluster-over.jpg);}

li#nav-about-connect-si, li#nav-about-connect-si span {width: 130px;}
li#nav-about-so-il, li#nav-about-so-il span {width: 129px;}
li#nav-network-cois, li#nav-network-cois span {width: 105px;}
li#nav-regional-cois, li#nav-regional-cois span {width: 105px;}
li#nav-healthcare-cois, li#nav-healthcare-cois span {width: 117px;}
li#nav-partners, li#nav-partners span {width: 82px;}
li#nav-industry, li#nav-industry span {width: 124px;}

/*body#page-about-connect-si li#nav-about-connect-si span {background-image: url(../m/nav/active/about-connect-si.jpg);}*/





/*******************************************************
	SUB NAV
*******************************************************/

div#sub-nav {
	width: 207px;
	margin: 0 0 16px 0;
	background-color:#F5F1E2;
}

div#sub-nav h3 {
	color: #564C25;
	margin: 8px 0 8px 18px;
	font-size:.9em;
}

div#sub-nav ul {
	margin: 0 0 0 18px;
	color: #564C25;
	list-style:none;
}

div#sub-nav li {
	background: url(../m/li-square-brown.gif) no-repeat 2px 6px;
	padding: 0 0 0 14px;
	margin: 0 0 4px 0;
}

div#sub-nav ul li ul {
	margin: 4px 0  6px 0px;
}

div#sub-nav ul li ul li {
	background-image: url(../m/li-square-brown-open.gif);
}

div#sub-nav a {
	color: #564C25;
}


div#sub-top {
	height: 6px;
	font-size:1px;
	line-height:1px;
	background:url(../m/sub-nav-top.gif) no-repeat top left;
}

div#sub-btm {
	height: 6px;
	font-size:1px;
	line-height:1px;
	background:url(../m/sub-nav-btm.gif) no-repeat bottom left;
}






/*******************************************************
	PAGE HEADERS
*******************************************************/
h2#main-header {
 	width: 492px;
	height: 49px;
	font-size:.8em;
	color:#FFF;
	position: relative;
	margin: 0 0 14px 0;;
	padding: 0;
}

h2#main-header span {
	top: 0px;
	left: 0px;
 	width: 492px;
	height: 49px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

h2#main-header a {
 	width: 492px;
	height: 49px;
	display: block;
}

body#page-about-connect-si h2#main-header span {background-image:url(../m/h-about-connect-si.jpg);}
body#page-about-southern-illinois h2#main-header span {background-image:url(../m/h-about-southern-illinois.jpg);}
body#page-network-cois h2#main-header span {background-image:url(../m/h-network-cois.jpg);}
body#page-healthcare-cois h2#main-header span {background-image:url(../m/h-healthcare-cois.jpg);}
body#page-regional-cois h2#main-header span {background-image:url(../m/h-regional-cois.jpg);}
body#page-partners h2#main-header span {background-image:url(../m/h-partners.jpg);}
body#page-discussions h2#main-header span {background-image:url(../m/h-discussions.jpg);}
body#page-media h2#main-header span {background-image:url(../m/h-media.jpg);}
body#page-contact h2#main-header span {background-image:url(../m/h-contact.jpg);}
body#page-login h2#main-header span {background-image:url(../m/h-login.jpg);}
body#page-lead-si h2#main-header span {background-image:url(../m/h-lead-si.jpg);}
body#page-volunteers h2#main-header span {background-image:url(../m/h-volunteers.jpg);}
body#page-nominate h2#main-header span {background-image:url(../m/h-nominate.jpg);}










/*******************************************************
	FOOTER
*******************************************************/
div#footer {
	text-align:center;
	padding: 8px 31px 18px 0px;
	background: url(../m/bg-btm.gif) no-repeat bottom left;
}

div#footer p {
	color: #333;
	line-height: 1.4em;
}



p.footerNav {
	padding: 12px 0 0 0;
}

body#pageHome div#footer hr {
	display: none;
}

div#footer hr {
	height: 12px;
	border:0px;
	margin: 0 0 12px 0;
	background: url(../m/bar-btm.jpg) no-repeat top left;
}






/*******************************************************
	HOME
*******************************************************/
#home-mid {
	height:295px;
}

#flash-map {
	width:404px;
	float: left;
	margin-right: 15px;
}

#mid-content {
	width:345px;
	float: left;
	padding-top: 44px;
}

#mid-content a {
	font-weight: bold;
}

img.home-head {
	margin: 0 0 6px 0;
}

div#home-callouts {
	margin: 12px 0 0 0;
	height: 174px;
}

div#home-callouts img {
	display: inline;
	margin-right: 3px;
}

/*** Ray's Additions for rotating callouts ***/

.callout {
     float: left;
     width: 255px;
     height: 174px;

     position: relative;
}


.rotate a { 
display: block; 
width: 256; 
height: 172; 
top: 0; 
left: 0; 
}

.rotate img {

}





/*******************************************************
	MISC
*******************************************************/
.introText {
	font-size: .8em;
	
}

div.insetRt {
	float: right;
	margin: 0 0 12px 12px;
}

div.section {padding: 12px 0;}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}