/* Internet2 style sheet and layout is copyrighted. 
Designer: Liene Karels
WebDev: Iman Muttardy
The use of Internet2 styling is prohibited. 
*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	background-color: #898f96;
	color: #333;
	text-align: center;
	background-image: url(images/bkgrd.gif);
	}
* html body {
	font-size: 70%;
}
a:link, a:visited {
	color: #0e508d;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}

#logo {
	/*position: absolute;
	top: 20px;
	left: 50%;*/
	border: 0px;
	float: left; 
	z-index: 4;
	/*clear: both;*/
	margin-bottom: -40px;
	/*margin-left: 10px;
	margin-top: 7px;*/
}
* html #logo {
	margin-bottom: 0px;
}

#shadowlogo {
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
}
/*
.logo {
	margin-left: -370px;
}*/

img#main {
	border: 0;
	clear: both;
	z-index: 1; 
	
}
#page {
	margin: 20px auto;
	padding: 0;
	width: 800px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/content-bg.jpg);
	background-position: right;
	background-repeat: repeat-y;

	}

#header {
	padding-top: 0px;
	margin: 0 auto;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	height: 55px;
	width: 798px;
	vertical-align: middle;
	line-height: 20px;
	text-align: right;
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	}
#page > #header {
	border-top: 1px solid #fff;
}
#nav1 a, #nav2 a {
	text-decoration: none;
	margin-right: 20px;
	font-family:Arial, Helvetica, sans-serif;
}
#nav1 {
	margin-top: 5px;
	margin-right: 10px;
	/*overflow: visible;*/
	height: 25px;
	margin-bottom: 3px;
}
#nav2 {margin-right:10px;}
/*IE fix*/
* html #nav1 {
margin-bottom: 0px;
}
/*FF fix */
#header > #nav1 {
font-size: 107%;
}
#nav1 a:link, #nav1 a:visited {
	color: #99ccff;
}
#nav1 a:hover{
	color: #FFFFFF;
}
#nav1 a.selected, #nav1 .selected {
	color: #FFFFFF;
	font-weight: bold;
}

#nav2 a:link, #nav2 a:visited {
	color: #FFFFFF;
	padding-bottom: 5px;

}
#nav2 a:hover {
	padding-bottom: 5px;
	border-bottom: 1px solid #e92c26;

}

.about {
	margin-right: 10px;/*50px*/
}
.projects {
	margin-right: 20px;
}
.services {
	margin-right: 50px;
}
.membership {
	margin-right: 10px;/*150*/
}
.communities {
	margin-right: 10px;
}
* html #nav1, * html #nav2 { /*IE fix */
	font-size: 11px;
}
		/* begin body styles */ 

.narrowcolumn  {
	text-align: center;
	float: left;
	margin: 0px 0 0;
	width: 635px;
	}
.widecolumn {
	padding: 10px 10px 20px 10px;
	/*margin: 5px 0 0 150px;*/
	width: 780px;
	background-color: #FFFFFF;
	float:left;
	text-align:center;
	}
#content {
	font-size: 1.2em;
	text-align: left;
	padding: 1;
	clear: both;
	background-image: url(images/bottom2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
										/*begin side bar */
#sidebar {
	padding: 5px 0px 10px 0px;
	margin-left: 642px;
	width: 140px;
	text-align:left;
	/*color: #0e508d;*/
	color: #536b84;
	}
 .s {
	background-image: url(images/search-bg.jpg);
	background-repeat: repeat-x;
	border: 0;
}
#sidebar .hr {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}


#sidebar dt {
	text-transform: uppercase;
	font-weight: bold;
}

.recent-post {border-bottom: dotted #536B84 2px;padding:1em 0;}
.recent-post img {float:left;margin-right:5px;position:relative;top:2px;}
.recent-post p {margin:0;width:140px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */}

#searchsubmit {
	border: 0;
}
#icons {
	text-align: center;
}
#icons img {
	border: 0;
	margin-left: 10px; 
}
			/* expandable sidebar styles */ 
 .expandable {
 	width: 150px;
    display: block;
    padding: 5px 0px 5px;
    font-weight: bold;
	color: #FFFFFF;
	/*background-color: #c5c4bf;*/
	background-color: #858a90;
    border-bottom: 1px solid #DDD;
	cursor:hand; cursor:pointer;
 }
 .switchcontent {
 	width: 148px; 
	border-top: 1px solid #c5c4bf;
	border-left: 1px solid #c5c4bf;
	border-right: 1px solid #858a90;
	border-bottom: 1px solid #858a90;
	margin-bottom: 2px;
 }
 #quicklink a:link, #quicklink a:visited {
 	display: block; 
	text-indent: 10px;
   /* border-bottom: 1px solid #CCC;	*/
 }
 #quicklink .header {
  	display: block; 
	text-indent: 5px;
    /*border-bottom: 1px solid #CCC;	*/
	background-color: #c5c4bf;
 }
 .arrow {
	margin-left: 10px;
    margin-right: 7px;
}


								/* begin content formats: 3 col, 2 col */
#container {
	clear: both;
	margin: 5px auto;
	text-align: center;
	padding: 0px 0px 10px 5px;
	height: 100%;
	overflow: hidden;
	}

#container .one, #container .extra  {
	text-align: left;
	float: left;
	width: 180px;
	padding: 0px 10px 0px 10px;
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
	}
#container > .one, #container > .extra {
	width: 190px;
}
#container .one {
	background-image: url(images/colg-bg-2pix.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
#container .extra {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#container .extra ul {
	padding-left:0;margin:1em;}
#container .extra li {
	padding-left:1em;
	margin-left:12px;
	text-indent:-12px;}


													/*two col */
 #col1 {
	width: 30%;
	/*width: 175px;*/
	text-align: left;
	float: left;
	padding: 0px 10px 0px 5px;
	background-image: url(images/colg-bg-2pix.jpg);
	background-position: right;
	background-repeat: repeat-y;
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}
 #col2 {
 	width: 60%; 
	/*width: 350px;*/
	float: left;
	padding: 0px 0px 10px 20px;
	text-align: left;
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

#container #col1, #container #col2 {
	margin-top: 20px;
}
/*to be used by itself*/
.half {
	float: left; 
	width: 300px; 
	padding: 10;
}
													/* column blocks */
.top {
	background-image:  url("/includes/bw/images/headers/blue-top.jpg");
	background-repeat: no-repeat;
	background-position: top left; 
	width: 190px;
	height: 27px;
	color:#FFFFFF;
	text-align: center;
	vertical-align: middle;

}
.middish {
	/*background-image: url(images/blue-light-mid.jpg);
	background-repeat: no-repeat;
	background-position: bottom left; 
	background-position: top left; */
	background-color: #e2ebf3;
	padding: 0px 10px 15px 10px;
	width: 170px;
	font-size: 95%;
	/*color: #0e508d;*/
}
.event-spotlight {background-color: #dffeff;}

.middish li{
list-style-position: inside;
}

.middish ul li {
list-style-position:outside;
}

h4.listhead {margin-bottom:0;}
.middish ul.nobull {list-style:none;margin:0;padding:0;}
.middish ul.nobull li {text-indent:-20px;margin-left:20px;}

p .block {
	padding-left: 5px;
	color: #0e508d;
}
.topclear {
	padding-top: 10px;
	padding-right: 10px;
	clear: both;
	margin-left: 85px;
	/*margin-bottom: 10px;*/
}

span.super {position: relative;
	bottom: 0.5em;
	font-size: 0.8em;}
span.sub {position: relative;
	top: 0.3em;
	font-size: 0.8em;}
													/*footer elements */
#footer {
	padding: 0px;
	width: 798px;
	height: 60px;
	clear: both;
	background-color: #70777f;
	border: 1px solid #ccc;
	margin-top: 0;
	}
* html #footer { /*IE fix*/
	margin-top: -3px;
}

#footer p {
	margin: 30px 20px;
	text-align: right;
	color: #FFFFFF;
	}
	
* html #footer p { /*IE fix */
	margin-top: 20px;
}
#footer p a:link, #footer p a:visited {
	margin-left: 5px;
	margin-right: 5px; 
	color: #FFFFFF;
	text-decoration: none;
}
#footer p a:hover {
	color: #e92e26;
	margin-left: 5px;
	margin-right: 5px; 
}
/*end footer */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
#page #content div.clearpad table tr td p img { 
	margin-right: 4px; 
	}
#slider1 .opacitylayer .contentdiv img {margin-right:10px;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered"',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.noborder {
	border: 0;
}
img.topmargin {
	margin-top: 40px;
}
.clearall {
	margin-top: 10px;
	clear: both;
}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */

												/*begin text styles */
h1, h2, h3, h4, h5, h6 {
	color: #003366;
	font: 'Arial Narrow', 'Garmond Condensed', Arial, Helvetica, sans-serif;
}

/*same as a regular h3, but without the clearall or the break above. good for col2 headings */
.h3 {font-weight:bold; font-size:14px; color: #003366; font: 'Arial Narrow', 'Garmond Condensed', Arial, Helvetica, sans-serif;}

h3.no-bottom-margin {margin-bottom:0;}
h3.no-bottom-margin+p {margin-top:0;}

.textcentered {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.title, .byline {
	color: #003366;
}
.biglinkblue {
	color: #0e508d;
	font-size: 115%;
}
.toppad{
	padding-top: 30px;
}
#container.toppad{
	padding-top: 30px;
}
.toppush {
	padding-top: 50px;
}
.leftpad {
	padding-left: 10px;
	text-align: left;
}
.clearpad{
	clear: all;
	padding: 40px 10px 10px 10px;
	
}
.clearpad10 {
	clear: all;
	padding: 10px 10px 10px 10px;
}
.clearpad0 {
	clear: all;
	padding: 0px 10px 10px 10px;
}
.upperbold {
	text-transform: uppercase;
	font-weight: bold;
}
.header_main {
border-bottom: 3px solid #CCC;
display:block;
color: #003366;
font-size:large;
width: 100%;
}
.header_text {
	color: #FFFFFF;
	border-bottom: 1px solid #CCC;
	display:block;
	
}
.header_left {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #003366;
	float: left;
}
.header_right {
	color: #003366;
	font-size: 10px;
	text-align: right;
	float:right;
}
img.mediapad {
	margin-right: 10px;
	border: 0;
	float:left;
}

.red {
color: #FF0000;
font-weight: bold;
}
.on {background-color: #e2ebf3} /*used for tables*/ 

/*end text styles */
									/*for print only */
#forprint {
	visibility: hidden;
	display: none;
	}