/* OPEN-affects the body of all pages */
* {margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif}
img { border-style: none;}
body {color:#CCCCCC; background-image: url(../images/dwt_template/bodybackground.gif); background-repeat:repeat; min-width: 960px; font-weight:bold;}
a:link {color:#41a3ff}
a:visited {color:#47AA42}
h1 {font-size:1.5em; color:#FFFFFF}
h2, h3{width:100%; margin: 5px 0px 10px 0px; padding: 2px 0px 2px 5px; font-size: 18px; color:#FFFFFF}
	/*blue title*/	h2 {background-color:#41a3ff; }
	/*green title*/	h3{background-color:#47AA42; }
h5 {color:#FFFFFF; font-size: 1.05em;}
h6 {color:#FFFFFF; font-size:1.05em;}
 /* CLOSE- affects the body of all pages */
 
 
/* OPEN affect main.dwt */
.header {background-image:url(../images/dwt_template/topcolorbar.gif); background-repeat:repeat-x; height:39px; width:100%; padding:14px 0px 0px 0px}

/* this is for the navigation panel */
.navigation {height:40px; width:840px }
.buttons {width:840px; height: 40px; background: url(../images/dwt_template/navigation.png) no-repeat top left;}
	.buttons li, .buttons a {display:block; height:40px; width:140px}
	.buttons li {float:left; display: inline; list-style:none; }
	.buttons li span {display:none;}
.home a:hover			{background:url(../images/dwt_template/navigation.png) no-repeat    0px -40px;}
.aboutus a:hover 		{background:url(../images/dwt_template/navigation.png) no-repeat  -140px -40px;}
.members a:hover  		{background:url(../images/dwt_template/navigation.png) no-repeat  -280px -40px;}
.materials a:hover  	{background:url(../images/dwt_template/navigation.png) no-repeat  -420px -40px;}
.events a:hover  		{background:url(../images/dwt_template/navigation.png) no-repeat  -560px -40px;}
.publications a:hover  	{background:url(../images/dwt_template/navigation.png) no-repeat  -700px -40px;}
/* this is for the navigation panel*/

.logo {background-image:url(../images/dwt_template/MainEECLogoRepeatsmall.gif); height:100px; width: 100%; background-repeat:repeat-x; float:left;}
	.logo img {float: left;}
	.logo p {float: left; padding: 75px 0 0px 10%; font: italic bold 19px Arial, Helvetica, sans-serif; color:#47AA42;}
#content { min-width: 900px; height: 100%; margin:10px 0px 0 0; clear:both;}
#footer { bottom:0px; margin: 20px 0px 0px 6%; float:left; clear:both; color:#999999; font: bold 10px Verdana, Arial, Helvetica, sans-serif; width:800px}
/* CLOSE affect main.dwt */

/* OPEN affect the items in the "content" div of all pages*/
#extra-button {position:absolute; top:17px; left:840px; width:113px; height:34px;}
.centercolumn { width: 900px; padding: 25px 15px 15px 25px;}
	.centercolumn ul {list-style:none;}
		.centercolumn li {margin:1.1em 0;}
		.centercolumn ol li { list-style:circle; margin:0px 25px; float:left;}
#twitter-button {position:absolute; top:17px; left:890px; width:113px; height:34px;}
.centercolumn { width: 900px; padding: 25px 15px 15px 25px;}
	.centercolumn ul {list-style:none;}
		.centercolumn li {margin:1.1em 0;}
		.centercolumn ol li { list-style:circle; margin:0px 25px; float:left;}
#social-button {
	position:absolute;
	top:17px;
	left:850px;
	width:33px;
	height:34px;
}
.centercolumn { width: 900px; padding: 25px 15px 15px 25px;}
	.centercolumn ul {list-style:none;}
		.centercolumn li {margin:1.1em 0;}
		.centercolumn ol li { list-style:circle; margin:0px 25px; float:left;}
#leftcolumn, #rightcolumn {width: 40%; float: left; padding: 15px 0px 5px 4%; margin: 0px 10px; }
	#leftcolumn li, #rightcolumn li {list-style-type: none; clear:both;margin: 1.1em 0;}
.horizontal {width:93%; height:100%; padding:10px; clear:both; text-align:center;}
	.horizontal h2, .horizontal h3, .horizontal span, .horizontal li{text-align:left}
	.horizontal a { text-decoration:none; border:none;}
/*styles horizontal boxes with 6 boxes on the page */	
	.box6 {float:left; width:145px;}
		.box6 img {height:130px; width:130px; margin: 5px 8px;}
		.box6 span {padding:8px; font-size: .875em; float:left; height:100%}
/*styles horizontal boxes with 4 boxes on the page */	
	.box4 {width:210px; height:100%; float:left; padding: 5px;}
		.box4 img {width:150px; margin:5px 30px;}
		.box4 span {width:210px}
/*styles horizontal boxes with 3 boxes on the page */	
	.box3 {width:275px; height:100%; float:left; padding:5px;}
		.box3 p {width:750px; padding:10px; font-size:.875em;}
		.box3 img {height:150px; width:150px; margin: 5px 60px; }
		.box3 ul {height:100%; width:85%; margin: 10px; font-size:.875em; line-height:.945em; list-style: disc; padding:0 0 0 15px}
/*styles horizontal boxes with 2 boxes on the page */	
	.box2 {width:325px; height:100%; padding:5px 50px; float:left;}

.currentmember { line-height:1.125em; list-style:none;}
	.currentmember li {margin:10px}		
.floatleft {float:left; margin:5px 20px 5px 20px;}
#rightcolumn hr {color:#47AA42; background-color:#47AA42; border:none; height:1px;}/* use this to add a green underline to elements */
#leftcolumn hr {color:#41a3ff; background-color:#41a3ff; border:none; height:1px;}/* use this to add a green underline to elements */
.greytext {color:#999999;}
.selected { font-weight: bold; color:#FFFFFF }
/*  CLOSE affect the items in the "content" div of all pages*/

/* OPEN affects "boardofdirectors.html" page*/
.boardofdirectorstextbox { height:180px; min-height:180px;}
#directorslist {color:#999999}
#directorslist h1 {color:#FFFFFF; font-size:1.5em; text-align:center; padding: 15px 0px;}
#directorslist h6 {color:#FFFFFF; font-size:1.1em;}
/* CLOSE affects "boardofdirectors.html" page*/

/* OPEN affects "events.html" page*/
#events { font-size: 1.125em; color: #FFFFFF }
#events span { color:#41a3ff}
#events p { font-weight: bold; font-variant:small-caps }
/* CLOSE affects "events.html" page*/

/* OPEN affects "aboutus.html" page*/
#aboutuslist li {line-height:normal; margin:5px 0px}
	#aboutuslist li span { margin:5px 10px;}
/* CLOSE affects "aboutus.html" page*/

/* OPEN affects "members_####.html" pages*/	
.members_nav {color:#FFFFFF; background-color:#0053a0; width:15em; margin:25px;}
	.members_nav a:link {color:#FFFFFF;}
	.members_nav a:visited {color:#FFFFFF; }
	.members_nav ul{list-style:none;}	
	.members_nav li a{display:block; padding:2px 5px;  text-decoration:none;border:solid 3px; border-color:#99cccc #000033 #000033 #3366cc;}
	.members_nav a:hover { background:#33ccff; border:solid 3px; border-color:#99ccff #000033 #000033 #99ccff}
#memberleft {width:20em; padding:10px; float:left}
#memberright {width:64%; float:left;}
	#memberright li { list-style:none; margin-top:5px; padding: 0 0 0 10px;}	
/* CLOSE affects "members_####.html" pages*/	

.ourprograms {float:left; width:18.5em; margin-right:5px}
.oursites {float:left; width: 36.8em}
.ourprograms h3, .oursites h3{padding:2px 0px 2px 0; }
.ourprograms .box6, .oursites .box6 {margin:5px 0px;}