/* rba.css by Jeremy Walker - Degas Guruve for Richard Bailey Associates 2009 */

/* HEADINGS
   ********

1 - GENERALS
2 - LINKS
3 - BGS - TOPS
4 - MAJORS
5 - PANELS
6 - MENUS
7 - CLASSES
8 - CLEARFIX

   
   MAIN COLOURS
   ************
   
2 - OUTER: #042158 INNER: #1D3768

PANEL CONTENT: #2B3649

   **********/
   
   

/* *****************************************************

1 - GENERALS

   *****************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #02184B;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
}
p {
	margin-bottom: 1em;
	margin: 0 1em 1em;
	padding: 0 1em;
	
}
p.end {
	margin-bottom: 1.5em;
}

ul {
	list-style: none;
}

li {
	line-height: 1.4em;
}
li p {
	margin: 0 0 0 -1em;
}

/*******************************************************

2 - LINKS

   *****************************************************/

a:active, a:focus { 
	outline: 0; 
}

a {
	color: #042158; color: #f09b00; color: #D14256;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*******************************************************

3 - BGS - TOPS

   *****************************************************/

#bg1, #bg2, #bg3, #bg4, #bg5 {
	width: 100%; 
}
#bg1 {
	height: 20px;
}
#bg2 {
	background: #042158;
}
#bg3 {
	min-height: 350px; 
	background: #89D0f5;
	background-image:url(../images/bg-cross.jpg);
	
		background-image:url(../images/main-bg.png);
}
#bg4 {
	background: #042158;
}
#bg5 {
	height: 30px; min-height: 30px;
}

/* top size */
#top1, #top2, #top3, #top4, #top5, #top3-srch {
	margin: 0 auto; 
	width: 880px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

/* top colours & styles */
#top1 {
	padding: 0 40px;
	height: 20px;
	background: #1C305D;
	color: silver;
}
#top1 a {
	color: #64BCE4;
}
#top2 {
	padding: 20px 40px 13px; 
	background: #1D3768;
}
#top3 {
	position: relative; 
	width: 960px;
	padding: 0; 
	background: #ABDDF9;
	min-height: 350px;
	background: url(../images/content-bg.png);
}
#top4 {
	background: #1E3869;
	padding: 15px 40px;
	position: relative;
}
#top5 {
	background-image: url(../images/grad_bottom.png);
	background-repeat: repeat-x;
	height: 100%;
	padding: 0 40px;
	height: 125px; min-height: 125px;
	border-bottom: 1px solid silver;
}


/*******************************************************

4 - MAJORS

   *****************************************************/

#banner {
	border: none; 
	background: none; 
	margin: 0; 
	padding: 0 10px 0 15px;
}
#campaign {
	background: url(../images/RBA-logo-White.png) no-repeat 97% 6px;
}
#campaign-copy {
	padding: 5px 13px 10px; 
	line-height: 1.5em;
}
#banner a, #campaign a {
	color: #FFFFFF;
	border-bottom: 1px dotted white;
	padding-bottom: 2px;
}		  
#banner a:hover, #campaign a:hover {
	border-bottom: none;
	text-decoration: none;
}
#header {
	float: left;
	color: silver;	
	padding-bottom: 5px;
}
#header .logo {
	margin-bottom: 8px;
}
#footer {
	float: left; 
	width: 247px;
	font-size: 0.9em;
}
#content-main {
	width: 590px; 
	float: left; 	
	margin-right: 20px; 	 
	padding-left: 40px;
	background: none;
}
#content-main h1 {
	
	font-weight: normal;
	line-height: 1.2em;
	padding: 6px 10px 6px 3px;
    color: #497392;
	border-bottom: 1px dotted #497392; 
	font-family: Franklin Gothic Demi;  
	text-transform: uppercase; 
    font-size: 22px; 
	margin: 0 1em 1em;
}
#content-main h1.front-page  {
	width: 515px;
	font-weight: normal;
	line-height: 1.2em;
	padding: 6px 10px 6px 43px;
    color: #C5D9F1;
	border: 1px dotted #202837; 
	background: #202837 url(../images/RBA-logo-opac.png) no-repeat 97% 6px;
	font-family: Franklin Gothic Demi;
	text-transform: uppercase; 
    font-size: 20px; 
	margin: 0;
}
#content-main h2.contact {	
	font-weight: normal;
	line-height: 1.2em;
	padding: 6px 10px 6px 3px;
    border-bottom: 1px dotted #497392; 
	font-family: Franklin Gothic Demi;  
	text-transform: uppercase; 
    font-size: 22px; 
	margin: 0 12px 1em;
}
#main-container {
	width: 538px;	
	padding: 15px; 
	padding-bottom: 22px;
	background: #FCFCFC;
	color: #2B3649;
	border: 1px dotted #FCFCFC; 
	margin-top: 8px;
	margin-top: 1em;
}
#content-side {
	width: 310px;
	padding: 8px 0 0;
	padding: 1em 0 0;
	float: right;
	border: 0;
}
.headline {
	background: #2B373E; 
	color: white; 
	padding: 0.3em; 
	padding-left: 25px;
}
.headline2 {
	width: 450px;
	background: #2B373E; 
	color: white;	 
	padding: 0 0.3em 0.3em 25px;
}
#content-main .heading {
	color: #042158;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.15em;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#main-title {
	width: 530px; 
	background: #D14256; 
	color: white; 
	padding: 10px 20px;
	margin: 1em 0 0;		
}
#main-title h2.front-page  {
	width: 515px;
	font-weight: normal;
	line-height: 1.2em;
	padding: 6px 10px 6px 13px;
    color: white; 
	font-family: Franklin Gothic Demi;
	text-transform: uppercase; 
    font-size: 25px; 
	margin: 0;
}
#sign-in {
	padding: 30px 40px 20px 40px;
	margin: 2em 1em 0;
	background: #2B3649;
	color: white; 
	position: relative; 
	border: 1px solid #042158; 
	width: 429px;
}
#sign-in-title {
	color: #042158; 
	background: #EFEFEF; 
	position: absolute; 
	left: 15px; 
	top: -15px; 
	padding: 5px; 
	border: 1px solid #042158;
}
#sign-in a {
	color: #64BCE4;
}
#sign-in a:hover {
	
	text-decoration: underline;
}
#cand-form {
	width: 440px;
	margin-top: 1em;
}


/*******************************************************

5 - PANELS

   *****************************************************/

#latest-vacs, #newsletter, #blog, #news, #testimonials, #contact, #categories, #candidates, #interims, #office, #cv, #register, #follow, #passwords, #feedback, #contact-you, #rss {
	padding: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-bottom: 1em;
	border: 1px solid #C6C6C6; border-top: none; border-right: none;			
}
#latest-vacs a {
	color: #64BCE4;
}
#latest-vacs .header {	 
	font-size: 1.5em; 
	font-family: Georgia, "Times New Roman", Times, serif;	
}
.panel-title {	
	font-size: 1.1em;
	font-weight: bold;
	color: #F7F7F7;		
	background: #497392; 
	padding: 3px 7px 0 12px;				
}
.panel-content {
	padding: 13px 23px 20px; 
	background: #2B3649;
	color: white;
	border-top: 1px dotted #64BCE4;
}
.panel-content a {
	color: #64BCE4;
}
.home-panel-hdr {
	padding: 13px; 
	border: 1px dotted silver; 
	background: #2B3649; 
	color: #FFFFFF; 
	margin-bottom: 10px;
}
.home-panel-cpy {
	padding: 0 1em 0.5em;
}
.home-panel-cpy a, .recruit-panel-cpy a  {
	color: #64BCE4;
}
.contact-panel-hdr {
	padding: 13px 26px; 
	border: 1px dotted silver; 
	background: #2B3649; 
	color: #FFFFFF; 
	float:left;
	margin: 0 1em 10px;
	width: 100%;
}
.recruit {
	margin: 6px 0 16px 0;
	width: 510px; width: 484px;
}
.recruit-panel-cpy {
	padding: 0.5em 1em 0.5em;
	margin-right: 1em;
}
.asterisk {
	background:url(../images/panel-home/asterisk.png) 2px 4px no-repeat;
}

/*******************************************************

6 - MENUS

   *****************************************************/

#top-menu, #lower-menu  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#top-menu {
	padding-left: 39px;
	padding-bottom: 2px;
}
#lower-menu {
	float: right;
	width: 620px;
	text-align: right;
	padding: 6px 0 5px;
	font-size: 0.9em;
	/*
	margin-right: -10px;
	margin-top: 3px;
	*/	
	position: absolute;
	top: 16px; right: 35px;
}
#top-menu li, #lower-menu li {
	display: inline;
	color: silver;
	margin: 0 4px;
}
#lower-menu li {
	margin: 0 3px;
}
#lower-menu li a, #top-menu li a {
	text-decoration: none;
	color: silver;
	padding: 0 3px;
}
#lower-menu li a.home, #lower-menu li a:hover, #top-menu li a.home, #top-menu li a:hover {
	color: white;
	background: #2B3649;
	padding: 0 3px;
	padding-bottom: 3px;
	border-bottom: 3px solid silver;
}
#top-menu li a.home, #top-menu li a:hover {
	border-bottom: 2px solid silver;
}
#lower-menu li a:hover, #top-menu li a:hover {
	padding: 0 3px 3px 3px;
}



/*******************************************************

7 - CLASSES

   *****************************************************/

.new {
	color: #F09B00;
	font-size: 0.9em;
	padding: 1px;
	font-weight: bold;
	
}
.frm-cand {
	font-size: 0.85em;
}
.top {
	padding-left: 10px;
}
.normal {
	font-weight: normal;
}
.call-us {
	margin: 2em 1em;	
}
.call-us2 {
	margin: 1em 0;	
}
.call-us-home {
	margin: 1.5em 0;	
}
.call-us-home2 {
	margin: 1.5em 0 1em;	
}
.iconR {
	margin-right: 4px;
}
.testimonials {
	border: 1px dotted #CCCCCC; 
	margin: 1.2em; 
	margin-top: 1.5em;
	padding: 1.2em 1em;	
	background:#F7F7F7 url(../images/quote.jpg) no-repeat 5px 2px;
	background: #F7F7F7;
}
.test-content-left {
	font-size: 1.2em; 
	color: #497392;
	margin-bottom: 0.75em;
	float: left;
	width: 0.5em;
	
}
.test-content {
	font-size: 1.1em; 
	color: #497392;
	margin-bottom: 0.75em;
	float: none;
	padding-left: 10px; padding-left: 6px;
	
}
.test-from {
	margin-left: 10px;	
}
.test-contact {
	margin-left: 0;
}
.hide {
	display: none;
	visibility: hidden;
}
.frmWidth {
	width: 170px;
	display: block;
	margin-right: 80px;
}
.frmWidth2 {
	width: 257px; 
	display: block;
	margin-right: 0px; 
}
.frmWidth3 {
	width: 172px;
	display: block;
	margin-right: 0px;
}
html*.frmWidth3 {
	]width: 174px;  /* IE7 */
}
.textmiddle {
	vertical-align: middle;
	border: none;
} 
.phone {
	font-weight: bold;
	color: #C5D9F1;
}
.button {
	border: none; 
	margin-top: 5px;
}
.button2 {
	border: none; 
	margin: 10px 0 6px;
}
.button3 {
	border: none; 
	margin: 10px 0 0;
}
.newsletter {
	background: #2B3649 url(../images/RBA-nl-1208.jpg) no-repeat top right;
}
.contact-msg {
	color: #C5D9F1;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
}
.error-msg {
	color: white;
	font-weight: bold;
	background: #D14256;
	display: block;
	padding: 3px 10px;
}
.mContactForm {
	margin-top: 10px;
}
.copy {
	float: left;
	margin: 1em 0.75em 0 0;
	color: silver;
	width: 650px;
	font-size: 0.95em;
}
.copy a {
	color: silver;
}
.copy-right{
	float: right;
	margin: 1em 0 0 0.75em;
	color: silver;
	text-align: right;
	font-size: 0.95em;
}
.method {
	padding: 20px; 
	padding-bottom: 10px; 
	color: white;
	background: #497392; 
	border: 1px dotted #64BCE4;
	margin: 1em;
}
.method-contact {
	padding: 20px; 
	width: 300px; 
	color: white;
	background: #497392; 
	border: 1px dotted #64BCE4;	
	margin: 1.5em 0.75em;
}
.vacs {
	margin-top: 1em;
}
.pic-align {
	margin: 10px 0 5px;
}
.intro {
	line-height: 1.2em; 
	font-size: 1.2em;
}
.intro-next {
	line-height: 1.2em; 
	font-size: 1.2em;
}
.actions-1 {
	width: 262px; 
	border: 1px solid #666666; 
	float: left; 
	margin-bottom: 12px;
}
.actions-2 {
	width: 262px; 
	border: 1px solid #666666; 
	float: right; 
	margin-bottom: 12px;
	margin-left: 12px;	
}
.actions-hdr {
	padding: 10px 7px 8px 23px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #F7F7F7;	
	background: #497392 url(../images/ast2.png) no-repeat 6px 5px;
}
.actions-text {
	padding: 13px 23px 20px; 
	background: #2B3649;
	color: white;
	border-top: 1px dotted #64BCE4;
}
.actions-cta, .latest-all, .send {
	background: #f09b00; 
	color: white; 
	padding: 5px 7px;
} 
.latest-cta {
	background: #f09b00; 
	padding: 1px 5px 3px; 
	font-size: 0.9em;
}
.offset {
	margin-bottom: 8px; 
	border-bottom: 1px dotted #212121; 
	padding-bottom: 15px; 
	border-bottom: 1px dotted silver;
}
.frmA {
	/* border: 1px dotted #64BCE4; */
	padding: 5px;
}
.frmAC {
	padding: 0 3px;
	width: 155px;
	display: block;
}
.frmAC2 {
	padding: 0 3px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 158px;
}
.frmAC3 {
	padding: 0 3px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 165px;
}
.frmSub {
	border: 1px dotted #64BCE4; border-right: none;
	padding: 5px;
}
.mBttn {
	
}


/*******************************************************

8 - CLEARFIX

   *****************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Telegram Sam, I'm a howling wolf.. for yoo-uu */