/* -----------------------------------------------------------------------------------
RJF Group Style Sheet

version:	1.1
author:		Michael McDonald
email: 		info@yalestreetcreative.com
website: 	http://www.yalestreetcreative.com
----------------------------------------------------------------------------------- */ 

body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family:  Arial, Helvetica, sans serif;
	color: #555544;
 	background-color: #FFFFFF; 
	background-image: url(/img/background2.jpg);
	background-repeat: repeat-x;
}

A:link, A:active, A:visited { color: #444433; text-decoration: none;}

A:hover {color: #555544; text-decoration: underline;}

p {margin-top: 1px;margin-bottom: 20px;padding: 0px;}


/*  Structural Layout ------------------------------ */
#container {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCC99; 
	border-right: 1px solid #CCCC99;
}

#header {
	margin: 0;
	padding: 0;
	text-align: left;
	height: 330px;
	background-color:#FFFFFF;
	background-image: url(/img/skyline2.jpg);
	background-position: -5px 0px;
	background-repeat: no-repeat;
}

#contentWrap {
	margin: 7px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

#content {
	text-align: left;
	float: right;
	width: 500px;
	background-color: #FFFFFF;
	margin-right: 30px;
	padding-right: 15px;
	line-height: 130%;
	
	/* Internet Explorer Hack: Stops IE from doubling  margins */
	display: inline;
}

#leftnav {
	float: left;
	text-align: left;
	width: 160px;
	margin: 0px;
	padding: 0 0 0 10px;
	
	/* Internet Explorer Hack: Stops IE from doubling  margins */
	display: inline;
}

#footer {
	border-bottom: 1px solid #B8BD9A;
	background-color: #FFFFFF;
	background-image: url(/img/foot-background.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100px;
	margin: 0px;
}


/* Header Styles --------------------------------------- */

#logo {float:left; margin: -20px 0 0 80px;}

/* Internet Explorer 6 Hack: Stops logo from drifting right. */
 /* \*/
* html #logo { 	margin: -20px 0 0 35px; }
/* */

#phone {float: right;width: auto;margin: 17px 22px 0 0;}
/* Internet Explorer 6 Hack: Keeps phone number from drifting left. */
 /* \*/
* html #phone  { 	margin: 15px 12px 0 0; }
/* */

#tophead {clear: both;height: 296px;margin: 0px;padding: 0px;}
/* Internet Explorer 7 Hack: Keeps phone number from drifting left. */
 /* \*/
*  #tophead  { 	
	clear: both;
	top: 296px;
	margin: 0px;
	padding: 0px;
}
/* */

#topnav {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px 17px;
	list-style-type: none;
	text-align: right;
}

#topnav li {display: inline;padding: 3px 5px 2px 5px;letter-spacing: .03em;font-weight: 500;}
#topnav a {color: #444433;}
#topnav a:hover {
	color: #333322;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;}

/* Internet Explorer 7 Hack: Keeps phone number from drifting left. */
 /* \*/
* #topnav a:hover { 	
	color: #333322;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
/* */


/* Left Nav Styles --------------------------------------- */
.menu {padding: 0px;margin: 0px;}
.lefttop {border-top: 1px solid #C8CDAA;}
.menu ul {list-style-type: none;padding: 0px;margin: 0px;}
.menu li {width: 150px; margin: 0px;}

.menu li a {
	color: #555544;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #C8CDAA;
	padding: 3px 0 2px 5px;
	display: block;
	letter-spacing: .03em;
	text-transform: uppercase;
	font-size: 95%;
}

.menu li a:hover {text-decoration: none;background-color: #EFEFD6;}
.menu li li a {
	padding-left: 17px;
	text-transform: none;
	letter-spacing: .03em;
	font-size: 100%;
}

.menu li li a:hover {
	background-image: url(/img/leftnav-arrow.gif);
	background-position: 1% 50%;
	background-repeat: no-repeat;
}

a.nolink:hover {
	background-image: url(/img/leftnav-nolink.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}


/* Content Styles --------------------------------------- */
#content h1 {font-size: 160%;font-weight: 300;letter-spacing: .03em;color: #003366; margin: 0 0 3px 0; padding: 0;}
.frontHeadline {font-size: 200%;}
#content h2 {font-size: 120%;color: #003366;	margin: 0;padding: 0;}
#content h3 {font-size: 105%;color: #444433;margin: 0;padding: 0;}
#content a {color: #444433;border-bottom: 1px dotted;text-decoration: none;}
#content a:hover {color: #555544;border-bottom: 1px solid;}
#content p {text-align: justify;}

.quoteBox {
	float: right;
	margin: 10px -25px 10px 20px;
	padding: 0px;
	width: 230px;
/*	background: url(/img/blockback.gif) repeat-y; */
	background: url(/img/blockback.jpg) repeat-y;
	background-position: left;
}

/* Internet Explorer 6 Hack: Show the full background. */
 /* \*/
* html .quoteBox { 	
	  width: 255px;  
}
/* */

.quoteBox blockquote {
	margin: 0;
	padding: 0;
	background-image: url(/img/blocktop.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.quoteBox p {
	margin: 0;
	padding: 32px 15px 30px 15px;
	font-style: italic;
	font-size: 120%;
	text-align: center;
	background-image: url(/img/blockbot.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
}

/* Internet Explorer 6 Hack: Keep text in Box. */
 /* \*/
* html .quoteBox p { 	
	  	padding: 25px 35px 25px 15px;
}
/* */

#clearContent {margin: 0;padding: 0;height: 10px;clear: both;}


/* Footer Styles ----------------------------------- */
#footer img {float: left;margin: 25px 0 0 45px;}
#footnumber {float: right; color: #FFFFFF; font-size: 140%; font-weight: bold; letter-spacing: 2px; margin: 28px 30px 0 0;}
#tags {margin: 10px auto; width:750px; text-align:center; color:#777777;}
#tags a {color:#777777;}
/* Internet Explorer 6 Hack: Keep the number from floating. */
 /* \*/
* html #footnumber { 	
	margin: 28px 18px 0 0;
}
/* */

#copyright { clear: both; color: #FFFFFF; letter-spacing: 1px; text-align: center; margin: -30px 0 0 0;}

/* Internet Explorer 6 Hack: keep copyright from floating up. */
 /* \*/
* html #copyright { 	margin: 0px 18px 0 0;}
/* */


/* Form Styles ----------------------------------- */
#sendform p {margin: 0px 0 10px 0;}
label {float: left;text-align: left;padding-left: 5px;width: 200px;}
.radiolabel {margin:0;text-align: right;}
input.text, input.textarea, input.radio {float: left;vertical-align: top;margin: 0 0 0 220px;}
fieldset {margin-bottom: 10px;padding: 10px;background-color: #FFFFCC;}
input.submit {text-align: center;}
legend {font-size: 130%;padding: 0 0 5px 5px;}