@charset "utf-8";
/* CSS Document */

body, a {
	color:#81939d;
	text-decoration:none;
}

body  {
	font: 13px Arial, Helvetica, sans-serif;
	background-color:#4a5c68;
	margin:auto;
	padding:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
}

p {
	margin-top:1em;
	margin-bottom:1em;
}

.smaller {
	font-size:0.85em; 
	line-height:1.7em;
}

a:hover,  a.selected, .hover, .sub_title  { 
	color:orange;
}

.content_title, .sub_title  {
	font-size:1.5em;
}

ul {
	margin-left:15px;
	padding:0;
}

li {
	margin:0;
	list-style:url(../images/arrow_orange.gif) outside;
	vertical-align:top;	
}

/* Wrapper and its border's shadow */
#wrapper {
	margin:auto;
	margin-top:30px;
	width:987px;	
}

	#wrapper #top {
		background:#FFFFFF url(../images/border_top.gif) top left repeat-x;
	}
	
	#wrapper #left {
		background:url(../images/border_left.gif) top left repeat-y;
	}
	
	#wrapper #right {
		background:url(../images/border_right.gif) top right repeat-y;
	}

	#wrapper #bottom {
		background:url(../images/border_bottom.gif) bottom left repeat-x;
	}	
	
	#wrapper #top_left {
		background:url(../images/border_top_left.gif) top left no-repeat;
	}	
		
	#wrapper #bottom_left {
		background:url(../images/border_bottom_left.gif) bottom left no-repeat;
		padding-top:34px;
		padding-bottom:21px;
	}	
	
	#wrapper #bottom_right {
		background:url(../images/border_bottom_right.gif) bottom right no-repeat;
	}		
	
	#wrapper #top_right {
		background:url(../images/border_top_right.gif) top right no-repeat;
	}
	
	/* Here come the real meat of the site */
	#wrapper #center {
		width:932px;
		margin-left:25px;
		margin-right:30px;
	}
	
	#left_bar {	
		width:316px;
		float:left;
	}
	
	#right_bar {
		text-align:left;
		width:599px;
		float:right;
		line-height:1.6em;
		margin-top:30px;
	}	
		
		#right_bar #top_half {
			height:233px;	
		}
		/*Apply in content area*/
		#right_bar #top_half .row {
			margin:0;
			padding:0;
		}
		
		#right_bar #top_half .col {
			float:left;
			width:46%;
		}
		
		#right_bar #top_half .colgap {
			padding-left:6%;
		}		
		
		#right_bar #bottom_half {
		}	
		
			#right_bar .bottom_half_padding  {
				padding-top:10px;
				padding-bottom:30px;
				height:262px;
			}
			
			.navigable {
				position:relative;
			}	
		
		#right_bar .bottom_navigator {
			margin-right:190px;
			font-size:0.9em;
		}
		
	#vseparator {
		width:19px;
	}
	
	#logo {
		padding-bottom:128px;
		background-color:white;
	}

	#menu {
		background:url(../images/menu_bg.gif) left repeat-y;	
		padding-top:30px;
		padding-bottom:10px;
		text-align:right;
		padding-right:23px;
		height:282px;
		margin-bottom:30px;
	}
	
	#menu ul, #menu ul li {
		padding:0;
		margin:0;
	}
	
	#menu ul li {
		list-style-type:none;
		display:inline;
	}
	
	#menu ul li a, #menu ul li a.selected {
		font-size:1.1em;
		text-decoration:none;
		display:block;
		margin-bottom:8px;
		color:white;
		cursor:pointer;
	}	
	
	#menu ul li a:hover, #menu ul li a.selected{
		color:#4a5c68;
	}	

.footer {
	margin:auto;
	margin-bottom:30px;
	padding-top:10px;
	font-size:0.9em;
	text-align:left;
	width:976px;
}

div.blue_hr {
	border: none;
	background:url(../images/blue_hr.gif) center repeat-x;
	background-color:transparent;
	height: 5px;
	margin:0;
}

div.orange_hr {
	border: none;
	background:url(../images/orange_hr.gif) center repeat-x;
	height: 5px;
	margin:0;
}

h1,h2,h3,h4 {
	margin-top:0px;
	margin-bottom:0.5em;
	font-weight:normal;
}

/* Form elements */
form {
	margin:0;
	display:inline;
	padding:0;
	width:100%
}

	form .row {
		clear:both;
		width:100%;
		padding-bottom:10px;		
	}

	form .labelcol {
		float:left;
		width:20%;
		padding-bottom:10px;
	}
	
	form .inputcol {
		float:left;
		width:40%;
	}	
	
	form .desccol {
		font-style:italic;
		float:left;
		width:28%;
	}		
	
	input, textarea {
		border:1px solid #FFE0A8;
		background-color:white;
		color:#FF9900;
		border-collapse:collapse;
	}
	
	input.btn:hover {
		background-color:#FFFF99;
		cursor:pointer;
	}

/* Utility classes */
.clearLeft {
	clear:left;
}

.clearRight {
	clear:right;
}

.clearBoth {
	clear:both;
}

.fltLeft {
	float:left;
}

.fltRight {
	float:right
}