/* @override http://www.ruaexecutive.com/ruaexecu/css/layout.css */

/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background:url(../images/rua_tile01.jpg) repeat-x;
	background-color: #FFF;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	color: #666;
	padding: 0;
	margin: 0;
	font-family:Arial,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}



/* Layout CSS */
#Main {
	margin: auto;
	width:780px;
}
#Header {
	clear: left;
	height: 130px;
	padding-top: 40px;
	overflow:hidden;
}
	#PageShadow {
		clear: left;
		width: 780px;
		height:10px;
		background-image: url(../images/div_bottomshadow.png); background-repeat: no-repeat;
		overflow:hidden;
	}
		#Menu1 {
			width:700px; height:60px;
			padding-left:40px; padding-right:40px; 
			background-image: url(../images/menu01_background.jpg); background-repeat: no-repeat;
			background-color: #ED342A;
		}
			#Menu1 li {
				float:left;
				display:inline; list-style-type:none; margin-left:0px; 
				background-image: url(../images/menu01_separator.gif); background-position: left; background-repeat:repeat-y;
			}
				#Menu1 li.current,
				#Menu1 li.section {
				text-decoration: none; 
				}
				#Menu1 li a {
					display:block;
					color:#fff;
					font-weight:bold;
					font-size:1.3em;
					line-height: 1.2307em;
					text-decoration:none;
					margin-left: 2px;
					padding-left: 8px;
					padding-right: 8px;
					padding-top: 24px;
					padding-bottom: 20px
				}
					#Menu1 li a:hover {
						background-image: url(../images/menu01_background_selected.jpg); background-position: left; background-repeat:repeat-x;
					}
					#Menu1 li.current a,
					#Menu1 li.section a {
						background-image: url(../images/menu01_background_selected.jpg); background-position: left; background-repeat:repeat-x; 
					}
					
#CornersContainer{
	width: 780px;
	}
	#CornerTop{
		width: 780px;
		height: 6px;
		background-image: url(../images/corner_top.png);
		overflow:hidden;
		}
	#CornerBottom{
		width: 780px;
		height: 8px;
		background-image: url(../images/corner_bottom.png);
		overflow:hidden;
		}
#ContentContainer {
	background-color: #fff;
	background-image: url(../images/rua_pagetile_right.gif); background-position: top; background-repeat: no-repeat;
	padding: 30px 40px 40px 40px;
	clear: left;
	overflow:hidden;
	}

#Banner {
	text-align: center;
	background-color: #FFF;
}

#Menu2 {
	margin-left: 0px;
	width: 17em;
	float:left;
	padding:0px 10px 10px 0px;
}
	#Menu2 a {
		padding-left:15px;
		margin-bottom: 5px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
		color:#999;
		font-weight:bold;
		font-size:1.3em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		color:#ED342A;	
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#ED342A;
		background:url(../images/menu2_arrow_selected.gif) no-repeat left center;
	}

#Content {
	padding-left: 0px;
	float: left;
	margin: 0px 0px;
	width:70%;
	display: inline;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1.3em;
	color:#999;
}
	div.breadcrumbs a {
		color: #999;
		text-decoration:none; border-bottom: 1px solid #999;
		}
	div.breadcrumbs a:hover {
		color: #ED342A;
		text-decoration:none; border-bottom: 1px solid #ED342A;
		}

#Footer {
	clear:both;
	text-align:left;
	padding-bottom: 40px;
}
	#Footer table {
		color:#999;
		font-size:1.3em;
		line-height:1.3em;
		font-weight:normal;
	}
	#Footer a {
		color:#666;
		text-decoration:none;
	}
		#Footer a:hover {
			color:#ED342A;
			text-decoration:none;
		}
			#Footer .copyright {
				color:#666;
				font-size:0.84em;
				line-height:1.3em;
				font-weight:normal;
			}
			#PrintCopyright {
				display: none;
				}

#HomeTableContent {
	font-size: 1.3em;
	line-height: 1.3em;
	text-decoration:none;
	}			
		#HomeTableContent a {
			color:#ED342A;
			text-decoration:none; border-bottom:0px solid #ED342A;
		}
			#HomeTableContent a:hover {
				color:#ED342A;
				text-decoration:none; border-bottom:1px solid #ED342A;
			}

#HomeTableContent .Title {
	font-size: 1.23em;
	line-height: 1.3em;
	font-weight: bold;
	padding: 13px 0 12px 0;
	}
	#HomeTableContent .Intro {
		font-size: 1.07em;
		line-height: 1.4em;
		font-weight: normal;
		}			
		
#AboutTableContent {
	width: 70%;
	}	
#JobsTableContent {
	width: 500px;
	margin-left: 180px;
	}			
			
#RegButtHome {
	background-image: url(../images/button_register_background.png); background-repeat: no-repeat; background-position: top;
	width: 260px;
	height: 75px;
	color: #fff;
	text-align:left;
	opacity:1;
	}
	#RegButtHome:hover {opacity:0.9}
		#RegButtHome .regButtTitle a {
			color: #fff;
			font-size: 1.38em;
			font-weight: bold;
			display: block;
			text-decoration: none; border-bottom: 0px;
			padding-top: 15px; padding-right: 30px; padding-left: 45px;
			}
		#RegButtHome .regButtBody a {
			color: #fff;
			font-size: 0.84em;
			line-height: 1.1em;
			display: block;
			text-decoration: none; border-bottom: 0px;
			padding-top: 2px; padding-left: 45px; padding-right: 30px; 
			}
#RegButt {
	background-image: url(../images/button_register_background.png); background-repeat: no-repeat; background-position: top;
	width: 260px;
	height: 75px;
	font-size: 1.3em;	color: #fff;
	text-align:left;
	opacity:1;
	}
	#RegButt:hover {opacity:0.9}
		#RegButt .regButtTitle a {
			color: #fff;
			font-size: 1.3em;
			font-weight: bold;
			display: block;
			text-decoration: none; border-bottom: 0px;
			padding-top: 15px; padding-right: 30px; padding-left: 45px;
			}
		#RegButt .regButtBody a {
			color: #fff;
			font-size: 0.84em;
			line-height: 0.9em;
			display: block;
			text-decoration: none; border-bottom: 0px;
			padding-top: 2px; padding-left: 45px; padding-right: 30px; 
			}
#ContactButt {
	background-image: url(../images/button_contact_background.png); background-repeat: no-repeat; background-position: top;
	width: 260px;
	height: 75px;
	font-size: 1.3em;
	margin-top: 15px;
	color: #fff;
	text-align:left;
	opacity:1;
	}
	#ContactButt:hover {opacity:0.9}
		#ContactButt .contactButtTitle a {
			color: #fff;
			font-size: 1.38em;
			font-weight: bold;
			display: block;
			text-decoration: none; border-bottom: 0px;
			padding-top: 15px; padding-right: 30px; padding-left: 45px;
			}
		#ContactButt .contactButtBody a {
			color: #fff;
			font-size: 0.84em;
			line-height: 0.9em;
			display: block;
			text-decoration: none; border-bottom: 0px;
			padding-top: 2px; padding-left: 45px; padding-right: 30px; 
			}	
			
#address {
	list-style-type: none;
	padding-bottom: 1.3em;
	font-size: 1.3em;
	}
	#address li {
		font-size: 1em;
		list-style-type: none;
		line-height: 1.2em;
		padding-left: 20px;
		color: #666;
		}	

	
#ContactForm {
	width: 500px;
}

/* News and Jobs listing styles */
#NewsList {
	padding-left: 0;
	list-style-type: none;
	list-style: none;
	}
.NewsListHomeHeader {
	text-decoration: none;
	}	

#NewsList li {
	list-style: outside;
	list-style-type: none;	
	}
	#NewsList li.newsDateTitle span {
		list-style: none;		
		font-size: 0.84em;
		line-height: 0em;
		color:#999;
		}
	#NewsList li.newsDateTitle a {
		font-size: 1.1em;
		font-weight:bold;
		color:#478F8C;
		text-decoration:none; border-bottom: 0px;
		padding: 0 0 0 20px;
		margin-top:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left top;
		}
		#NewsList li.newsDateTitle a:hover {
			color:#478F8C;
			text-decoration: none; border-bottom: 0px;
			background:url(../images/treeicons/news-file_hover.gif) no-repeat left top;
			}
		
	#NewsList li.newsSummary {
		list-style: none;
		color: #666;
		line-height:1.4em;
		padding: 0.4em 0 0.4em 0;
		border-bottom: 1px solid #CCC;
		}
		#NewsList li.newsSummary a {
			font-size: 0.84em;
			font-weight: bold;
			padding-top: 1em;
			color:#478F8C;
			text-decoration:none; border-bottom:0px solid #478F8C;
			}
			#NewsList li.newsSummary a:hover {
				color:#478F8C;
				text-decoration:none; border-bottom:1px solid #478F8C;
				}
		
div.newsDetails, div.jobsDetails {
	margin:6px 0 14px 0;
	font-size: 1.1em;
}

div.newsDetails p, div.jobsDetails p {
	color:#666;
	margin:0;
	font-size:1.1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}	
.pdfDownloadTitle {
	padding-bottom: 8px;
	}
	#pdfDownload a.icon {
	text-decoration: none;
	border: none;
	opacity: 0.5;
	}
	#pdfDownload a:hover.icon {
		text-decoration:none; 
		border: none;
		opacity: 1;
		}
		
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #333;
border: 8px solid black;
color: #fff;
font-size: 1.3em;
font-style: italic;
line-height: 1.4em;
padding: 10px;
width: 350px; /*width of tooltip*/
}

#Header form {
	float:right;
	width:160px;
	margin:25px 25px 0px 25px;
}
	#Header form * {
		display:inline !important;
	}
	#Header form div {
	}
	#Header form input.text {
		width:110px;
		color:#000;
		background:#f0f0f0;
		border:1px solid #aaa;
		padding:3px;
	}
	#Header form input.action {
		font-weight:bold;
	}