/*

	CSS Template

	CONTENTS ----------

		1.Over all styles
		2.Layout
		3.Search
		4.Menu(s)
		5.ARD Tables

 -------------------

	COLOURS ----------

		Text #3D3D3D
		
		A #094675 

		A:hover #3787c5

		H1 #FFFFFF
		
		H2 #3787c5

 -------------------

 */
 
/* Zero down margin and paddin on all elements */
* {
 margin: 0;
 padding: 0;
}
/* Make scroll bar always visibale IMPORTANT in FF */
HTMl { overflow: scroll; }


 /* 1.Over all styles
---------------------------------------------------------------*/
body {
margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3D3D3D;
	background-color:#094675;
	background-image:url(../images/bodybg.gif); background-repeat:repeat-x; background-position:top;
	}
	img { border:0; }
	.imgBorder { border:2px solid #094675; padding:1px; margin: 0 0 10px 10px; }
P, td, th, div { line-height: 17px; }
.small { font-size:11px; }
H1, .Heading { font: 22px bold Arial, Helvetica, sans-serif; color:#FFFFFF; background-image:url(../images/headbg.gif); background-position: left center; height:29px; line-height:29px; background-color:#094675; background-repeat:no-repeat; padding-left:45px; }
H2 { font-size: 18px; font-weight: bold; color: #094675; }
H3 { font-size: 16px; font-weight: bold; color: #738db9; }
H4 { font-size: 14px; color: #505050; line-height: 17px; }
H5 { font-size: 14px; color: #505050; line-height: 17px; }
H5 A { text-decoration: none; }
A { color: #094675; text-decoration: underline; }
A:hover { color: #3787c5; text-decoration: none; cursor:pointer; }
A.noline { color: #000; text-decoration: none; }
A.noline:hover { color: #000; text-decoration: none; }
.white { color:#FFFFFF; }
.sentence td { padding:5px; font-size:11px; }
/* 2.Layout
---------------------------------------------------------------*/

#content p, #content h1, #content h2, #content h4, #content h5 { margin-bottom:15px; }
#content h3 { margin-bottom:10px; }
#content ul, #content ol { margin:0 0 15px 30px; }
#content table { margin-bottom:15px; }

.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
#footer { }

#wrapper {
 width: 800px; 
 margin: 0 auto;
 padding:20px; 
 text-align: left;
 background-color:#FFFFFF;
 border-left: 3px solid #a3002e;
 border-right: 3px solid #a3002e; 
}


#branding {
	height: 90px;
	background-color:#FFFFFF;
	position:relative;
}
#logo { float:left; padding: 0 0 0 10px; }
#brandingLinks { 
	position:absolute;
	right: 15px;
	top: 0px;
	text-align:right;
}
.welcome { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:400; color:#780020; }
.contact { color:#094675; }
.spacer { padding:0 10px; }
#social-media { margin: 10px 0 0 0; float: right; }
.linkedin { display: block; float: left; width: 30px; height: 30px; margin: 0 0 0 5px; padding: 0; background: url(../images/sprite-linkedin.png) left top no-repeat; border: none; text-decoration: none; }
.linkedin:hover { display: block; float: left; width: 30px; height: 30px; margin: 0 0 0 5px; padding: 0; background: url(../images/sprite-linkedin.png) right top no-repeat; border: none; text-decoration: none;}
.twitter { display: block; float: left; width: 30px; height: 30px; margin: 0 0 0 5px; padding: 0; background: url(../images/sprite-twitter.png) left top no-repeat; border: none; text-decoration: none;}
.twitter:hover { display: block; float: left; width: 30px; height: 30px; margin: 0 0 0 5px; padding: 0; background: url(../images/sprite-twitter.png) right top no-repeat; border: none; text-decoration: none; }
#mainBanner { height:230px; width:798px; position: relative; }
.pageLink { position:absolute; bottom:20px; left:20px; color:#FFFFFF; font-size:22px; }
#contentContainer {
	width: 798px;
	background-image: url(../images/contentVertTile.gif);
	background-repeat: repeat-y;
	background-position: right top;
	display: block;
	clear: both;
	overflow: auto;
	height:100%;
	background-color:#FFFFFF;
}
#contentContainerFull {
	width: 800px;
	background-image: url(../images/contentVertLine.gif);
	background-repeat: repeat-y;
	background-position: left top;
	display: block;
	clear: both;
	overflow: auto;
	height:100%;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
#flashBanner { width:100%; border-top: 1px solid #000000; border-bottom: 5px solid #000066; }
#content { 
 width: 530px;
 float: left;
 padding:20px;
 background:#FFFFFF; 
}
.full { width:610px; }
#content p { margin-bottom:10px; }


#column { float:right; display:inline; width:199px; background-color:#eaeaea; padding:20px 10px 10px 10px; margin:0; }
#column h2 { background-color:#a3002e; border:#FFFFFF solid 1px; line-height:27px; background-image:url(../images/rhc-h2.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 18px; font-size:16px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.rhcbox { padding:10px; background-color:#c7c7c7; width:177px; margin:0 auto 10px auto; }
.rhcbox p { margin-bottom:10px; }
.resources { margin:0 0 0 15px; }

.reg { background-image:url(../images/reg-icon.gif); background-repeat: no-repeat; background-position:8px 8px; }
.reg p { line-height:19px; background-color:#2abc26; color:#FFFFFF; border:#094675 1px solid; margin:0 0 5px 60px; padding:0 0 0 5px; text-decoration:none;}
.reg p:hover { background-color:#517283; }

#quickList { width:175px; margin-bottom:10px; font-size:11px; }

#footer {
margin: 0 auto;
width:806px;
 clear: both;
 padding: 10px 20px; 
 background-color:#a3002e;
} 
#footer p { color:#FFFFFF; font-size:11px; margin-bottom:5px; }
#footer a { color:#FFFFFF; }

/* 3.Search
---------------------------------------------------------------*/
input.searchfield { width: 120px; padding: 6px; border: 2px solid #999999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
input.searchbutton { background: #1f497c; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: 11px; font-family:Arial, Helvetica, sans-serif; }

/* 4.Menu
---------------------------------------------------------------*/
#menuWrap {
width:798px;	
	clear: both;
	position:relative;
	display:block;
	height:34px;
	background-image:url(../images/menuBg.gif);
	background-repeat:repeat-x;
	position:relative;
	z-index:100;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	}

#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /* add line height DONT USE HEIGHT */
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	}
	
#menu { margin-left:0px; /* add any padding - separate so you don’t add margin to the all the ul elements */ }

#menu li { 
	list-style:none;
	float:left; /* float needed */ 
	}
	
#menu li.noborderr a { border-right:none; } #menu li.noborderl a { border-left:none; }/* Borders as appropriate */

#menu a{
	display:block;
	padding:0px 22px; /* set padding will affect padding on all a tags in menu */
	line-height:34px; /* set line height DONT use just height */
	color:#fff;
	text-decoration:none;
	border-left:1px solid #dea1b1; border-right:1px solid #7a283d; /* Borders as appropriate */
	}

#menu a:hover{
	background-color: #bc1e47;
	color:#fff;
	}

#menu li{
	float:left; /* IMPORTANT */
	position:relative;
	border:0;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so top: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:194px; /* Width will need to be updated inline with all the padding on the menus */
	top:34px;
	background-color:#094675;
	}

#menu li ul a{
	width:150px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #dea1b1;
	line-height:normal;
	padding-bottom: 8px;
	padding-top:8px;
	}

#menu ul ul{
	top:auto;
	}	

#menu li ul ul { /* styles for sub drop downs */
	left:184px; /* left needs to be the overall width of the main drop down */
	margin:0px 0 0 10px;
	width:204px;
	}
#menu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
	}

.newsdate { font-family: Georgia; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #7e7e7e; border-bottom: dotted 1px #a3002e; padding: 0 0 2px 0; margin: 0 0 0 0; text-align: right; }