* {
	margin: 0;
	padding: 0;
}

body { background-color:#cce2f2; margin: 0 auto;}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}


h1, h2, h3 {
font-family:Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	color: #7593a9;
	font-weight: normal;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	letter-spacing: -.05em;
	font-size:22px;
}

h3 {
	font-size: 20px;
	
}

h4 { font-size:17px; color:#949494; line-height:15px;}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 1.1em;
	font-size: 1.1em;
}

ul, ol {
	margin-left: 3em;
}



a {
	text-decoration: none;
	color:#7593a9;
}

a:hover {
	border: none;
	text-decoration: none;
	color:#FF9900;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #42b36f;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #3C7BCF;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
}

#whitecontainer {width:1000px; 	margin: 0 auto;
	padding: 0 auto; background-color:#FFFFFF; }
#bottomhalf-image { width:100%; background-image:url(images/bottom_back.jpg); height:220px; background-repeat:repeat-x; }
/* #bottomhalf-image {background-image:url(images/header_bottomfade.jpg); width:100%; background-repeat:no-repeat;} */

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

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


/* Header */

#header {
	width: 100%;
	height: 264px;
	margin: 0 auto;
	background-image:url(images/header_back.jpg); background-repeat:repeat-x;
}

#top {
	float: right;
	width: 260px;
	padding-top: 7px;
}






/* menubars left list */

.menubar {float: left; }
.menubar ul {margin: 0px 0px 0px 0px;padding: 0;list-style: none;}
.menubar li {margin-bottom:0px; border-bottom: 1px solid #e6b800; line-height:39px; padding-left:15px; background-image:url(images/menu_back.jpg);}
.menubar li ul {
}
.menubar li li {background: url(images/arrow_menu.gif);margin: 0;}
.menubar li h2 {margin: 0 0 0 0;}
#menubar1 {
}
#menubar2 {width: 204px;padding: 0px 0px 0px 0px;float:left; clear:left;}
#menubar2 li h2 {margin: 0 0 0 0;padding: 0px 0px 0px 0px;height: 0px;}
#menubar2 li ul {padding-left: 5px;}
#menubar2 li li {padding: 0px; background-image:url(images/menu_back.jpg); background-repeat:no-repeat;}
#menubar2 li a {border: none; padding-left: 5px; color:#000033; display:block;}
#menubar2 li a:hover {border: none; color:#CC0000;}


#dates { background-color:#FFFFFF; width:190px; float:right; opacity:0.9; filter:alpha(opacity=90); color:#000000; padding:10px 10px 10px 0px;}

#dates li { list-style-type:none; padding-top:10px;}

#dates ul {list-style-type:none;}


.img-pad { margin:10px;}

/* Logo */

#logo {
	width: 1000px;
	margin: 0 auto;
	background-image: url(images/header.jpg);
	background-repeat:no-repeat;
	height: 264px;
}


#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#logo h1 {
	padding: 150px 5px 0 20px;
	color: #2C2E22;
}

#logo h2 {
	padding: 165px 0 0 0;
	font-style: italic;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #C2C5B1;
}

#logo a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0px 0px 0 0px;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-top: none;
}

/* Content */



#content {
float:left;
	background-color:#FFFFFF;
	width: 546px;
	padding: 25px 25px 25px 25px;
	margin: 0px 0px 0px 0px;
	opacity:0.9;
	filter:alpha(opacity=90);
	color:#000000;
}

#contentHead {
	float: left;
	width: 500px;
	padding: 5px 5px 10px 10px;
	margin:5px 5px 5px 20px;
	height:70px;
}

#homeheader { background-image:url(images/welcome_header.png); width:814px; height:24px; opacity:0.0; }

#content-hometitle {background-image:url(images/learning_from_others_title.gif); background-repeat:no-repeat; width:344px; height:114px; float:left;}


#left-column {float:left; width:519px; }
#right-column {float:right; width:220px;}

.bottomright { margin-bottom:10px; float:right;}
.logos-left { width:214px; background-color:#FFFFFF; float:left; padding:10px;}

/* Footer */



#footer  {
clear:both;
	text-align: center;
	font-size: 10px;
	width:100%; height:180px;
	color:#CCCCCC;
	padding-top:5px;
	margin-top:-200px;
}

#footer-bar  {
	clear:both;
	text-align: center;
	font-size: 10px;
	background-color:#7593a9; width:100%; height:28px;
	color:#CCCCCC;
	padding-top:5px;
}

#footer a {
color:#FFFFFF;
}