/* CSS Document */
#outer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	width:59em;
	margin:0 auto;
}

#topLeftCorner{
	background-image:url(../images/rightCornerTop.jpg);
    height:45px;
    margin-right:48px;
    display:block;
	font-size:0;
}

#topRightCorner{
	background-image:url(../images/leftCornerTop.jpg);
    width:48px;
    height:45px;
    float:right;
    margin-top:-45px;
	display:inline;
	font-size:0;
}

#contentContainer{
	border:2px solid #94A6D1;
	border-top:none;
	background-color:#edf8fc;
	min-height:200px;
	float:left;
	width:58.7em;
	position:relative;
}

#content{
	position:relative;
	top:-40px;
	margin-bottom:-10px;
}

#content:after, #contentContainer:after, #rightCol:after, #topBox:after, #columns:after{
	content:" ";
	visibility:hidden;
	height:0;
	clear:both;
	display:block;
}

/*this fixes visibility problems in Contribute.  It has to be in this stylesheet - Contribute
  Doesn't Pick it up in any others*/
* html #content:after, * html #contentContainer:after, * html #rightCol:after, * html #topBox:after, * html #columns:after{
	visibility:visible;
	height:auto;
}

#bannerImage{
	text-align:center;
}

#nav{
	margin-top:-25px;
	margin-left:15px;
	position:relative;
}

#nav ul{
	margin:0;
	padding:0;
}

#nav ul li{
	display:inline;
}

#nav ul li a{
	color:#FFFFFF;
	text-decoration:none;
	margin-right:15px;
	font-size:1.1em;
}

#nav ul li a:hover{
	text-decoration:underline;
}

#leftCol{
	width:13em;
	float:left;
	margin:20px 10px 10px 10px;
}

#leftCol h1{
	font-size:1.3em;
	color:#28903A;
	margin-top:0;
}

#leftCol p{
	color:#444444;
	font-size:0.9em;
}

#submenu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#submenu ul li{
	margin-bottom:5px;
	border-bottom:1px solid #edf8fc;
}

#submenu ul li a{
	display:block;
	width:10.7em;
	padding:3px 5px 3px 10px;
	background-color:#FFFFFF;
	border:2px solid #94A6D1;
	border-left-width:15px;
	text-decoration:none;
}

#submenu ul li a:hover{
	border-color:#28903A;
}

#columns{
	position:relative;
}

#rightCol{
	width:43em;
	float:left;
	background-color:#FFFFFF;
	border:2px solid #94A6D1;
	min-height:400px;
	margin-top:20px;
	margin-bottom:-20px;
}

#contentCorner{
	background-image:url(../images/whiteCorner.jpg);
    height:44px;
    display:block;
	float:right;
	font-size:0;
	width:40px;
	margin-top:-2px;
	margin-right:-2px;
}

#rightColContent{
	margin:10px 10px -30px 10px;
	clear:both;
	position:relative;
	top:-30px;
	font-size:0.9em;
}

#largeImage{
	float:right;
	margin-left:10px;
}

#rightCol h1{
	color:#28903A;
	font-size:2em;
	margin-bottom:10px;
}

#rightCol p{
	margin-top:0;
	color:#444444;
	margin-bottom:5px;
}

#rightCol ul{
	margin:0;
	padding:0 20px 0 20px;
}

#rightCol li{
	margin-bottom:5px;
	color:#444444;
}

#leftBox{
	width:21em;
	float:left;
	border:2px solid #94A6D1;
	min-height:150px;
	margin-top:10px;
	padding:5px;
}

#rightBox{
	margin-top:10px;
	margin-bottom:-15px;
	width:21em;
	float:right;
	border:2px solid #94A6D1;
	min-height:150px;
	padding:5px;
}

#leftBox img, #rightBox img{
	float:left;
	margin-right:10px;
}

#leftBox h1, #rightBox h1{
	font-size:1.3em;
	margin-top:0;
}

.floatright{
	float:right;
	margin-right:5px;
}

.floatleft{
	float:left;
	margin-left:5px;
}

#leftCol a, #rightCol a{
	color:#94A6D1;
	font-weight:bold;
}

#leftCol a:hover, #rightCol a:hover{
	color:#28903A;
}

.galleryMovie{
	text-align:center;
	margin-bottom:10px;
}

.center{
	margin:0 auto;
	text-align:center;
}