/********************************************************
 * This is the Default style.css file.
 */

	body {
		font-family: Helvetica;
		font-size:80%;
		background-image:url('images/backlight.gif');
	}
	html, body {
		margin: 0px;
		padding: 0px;

	}
	html, body, #contents {
		min-height:100%;
		width:100%;
		height:100%;
	}
	html>body, html>body #contents {
		height: auto;
	}

body, td, div {
	font-family: Helvetica;
}
#contents {
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	margin:0px;
}
#back2 {
	position:absolute;
	left:0px;
	top:0px;
	height:114px;
	width:100%;
	padding:0px;
	margin:0px;
	background-image:url('images/backdark.gif');
	z-index:-2;
}
	
	#header {
		position:absolute;
		z-index:100;
		height:86px;
		width:800px;
		background-color:#FF6C00;
	}
	#header, #header a {
		color:white;
	}
	#titleLink {
		position:absolute;
		top:47px;
		left:22px;
		text-decoration:none;
		font-family:Garmond,Times;
		font-size:48px;
	}
	.titlep1 {
		color:#0D3349;
	}
	.titlep2 {
		color:#FFFFFF;
	}
	#titleImage {
		background-image:url('images/title.png');
		height:56px;
		width:540px;
	}
	* html #titleImage {
		background-image: none;
		/* The image loader can't handle a relative path!! */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/themes/Default/images/title.png", sizingMethod="crop");
	}
	#faces {
		position:absolute;
		top:86px;
		width:800px;
		height:184px;
		overflow:hidden;
		background-image:url('images/faces.gif');
		background-repeat:no-repeat;
	z-index:-1;
	}
	#tagline {
		position:absolute;
		right:0px;
		bottom:0px;
		width:529px;
		text-align:center;
		padding-bottom:8px;
	}
	#languages {
		position:absolute;
		right:0px;
		top:60px;
	}
	
	
	
	
	#main {
		z-index:100;
		padding: 0px;
		margin: 28px auto 90px auto;
		width:800px; 
		height: auto;
		background-color:#FFF;
		font:Trebuchet;
	}
	
#footer {
	position: absolute;
	bottom: 20px;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
	font-size:80%;
	
}
#footer, #footer a {
	color:#0D3349;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer {
    \width: 100%;
    w\idth: 70%;
}
#footlogo {
	width:369px;
	height:36px;
	margin-bottom:9px;
	background-image:url('images/footlogos.png');
}
* html #footlogo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/themes/Default/images/footlogos.png", sizingMethod="crop");
}
	
	#title {
		font-size:200%;
		font-weight:bold;
		padding:6px 6px 0px 6px;
	}
	#title a {
		color:black;
	}
	#menu {
		padding-right:25px;
		padding-top:15px;
		text-align:right;
	}
	#menu a, #title a, h4 a {
		text-decoration:none;
	}
	#menu a:hover, h4 a:hover {
		text-decoration:underline;
	}
	h3 {
		background-color:#F5F5F5;
		padding: 3px 0px 3px 18px;
		margin: 3px 0px 7px 0px;
	}
	#body {
		padding: 270px 0px 0px 0px;
	}
	.fullPanel {
		
	}
	#bodyContent {
		display: table;
		width:100%;
	}
	.bodyRow {
		display:table-row;
	}
	.leftPanel2 {
		display:table-cell;
		padding-top:24px;
	/*	height:100%;
	*/	width:271px;
		background-color:#436373;
		background-image:url('images/backleft.gif');
		background-repeat:no-repeat;
	}
	.leftPanel2, .leftPanel2 a {
		color:white;
		text-decoration:none;
	}
	.leftLink {
		padding: 3px 0px 10px 30px;
	}
	.leftPanel2 a:hover {
		text-decoration:underline;
	}
	.rightPanel2 {
		display:table-cell;
		padding:0px 7px 0px 7px;
	}
	
	
	.leftPanel {
		float:left;
		width:70%;
		border-right: 2px solid #FAFAFA;
	}
	.rightPanel {
		height:auto;
		float:right;
		width:28%;
		padding-right:7px;
	}
	
	
	.Pane {
		margin-right:2%;
		Width: 47%;
		margin-bottom: 15px
	}
	.WidePane {
		Width: 98%;
		margin-bottom: 15px
	}
	.Pane, .WidePane {
		float:left;
	}
	h4 {
		clear:both;
		background-color:#F9F9F9;
		padding: 3px 0px 3px 18px;
		color:#777;
		margin: 8px 0px 0px 0px;
	}
	.Pane h4, .WidePane h4 {
		background-color:transparent;
		color:black;
		padding: 0px;
		border-bottom:1px solid #C0C0C0;
		border-left:1px solid #C0C0C0;
		padding-left: 6px;
		margin: 8px 0px 4px 0px;
	}
	.pcontent {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:0px;
	}
	
.Login { float:right; width:300px;}
#UserID {  }
#UserLogin label {  }
#UserLogin input { display:inline; float:left; }
#UserLogin #Password {clear:both}
#LoginBtn {clear:both}


#categories {
	width:33%;
	float:left;
}
#recentBlogs {
	width:33%;
	float:left;
}
#recentForum {
	width:33%;
	float:left;
}
