html,body{

	width:100%;

	height:100%;

}

body { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #1e1e1e;

	background-color: #fff;

	margin: 0;

}
li{
	behavior: url("http://www.rockridgefinancial.com/templates/rockridge/csshover3.htc"); 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Customise the standard HTML

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link, a:visited, a:active {

	color: #900;

	text-decoration: none;

}

a:hover {

	color: #f00;

	text-decoration: underline;

}

hr {

	margin: 5px 0px 5px 0px;

	color: #603;

	border: 0;

	border-top: 1px solid #603;

	height: 1px;

}

/* Page Headings */

h1, h2, h3, h4, h5, h6 {color: #333;font-weight:normal;font-family:"Times New Roman", Times, serif;}

h1  	{font-size:2.2em;}

h2  	{font-size:1.8em;}

h3  	{font-size:1.3em;}



form {margin: 0;}



blockquote 	{

	font-family:"Times New Roman", Times, serif;

	font-style:italic;

	color: #666;

	border-left: 2px solid #666;

	padding-left: 10px;

	font-size: 1.2em;

}



abbr				{}

acroynm			{}

cite				{}

address			{}

strong			{}

em					{}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Layout Blocks

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main { /* Holds the page items in place */

	width: 750px;

	margin: 20px auto 0 auto;

	padding: 0;

	background: #fff;

}







#sideColumn { /* Currently holds the login box */

	float: left;

	width: 140px;

	margin: 10px;

	margin-top: 3px;

}

#content { /* main content from the WYSIWYG goes in here */

	margin-left: 200px;

	margin-top:20px;

	padding: 4px 10px 14px 10px;

	text-align: justify;

	clear: right;

}

* html #contentContainer #content {text-align:left;} /* ie6 misbehaves */

* html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	 HEADER	

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

.h_header{

	display:block;

	width:100%;

	background-image:url(images/bg_header.png);

	height:116px;

	color:#003743;

}

.header{

	display:block;

	width:780px;

	height:116px;

	margin:auto;

}

.logo{

	display:block;

	width:226px;

	height:116px;

	background-image:url(images/rock_ridge_logo.png);

	background-repeat:no-repeat;

	background-position:right;

	float:left;

	padding-left:20px;

}

.h_h_r{

	display:block;

	width:534px;

	height:116px;

	float:left;

}

.h_h_adr{

	display:block;

	width:534; /* width:534px; */

	height:30px;

	line-height:20px;

	font-size:11px;

	padding-bottom:50px;
	margin-right: 25px;

}

.c_blue{

	color:#43a9e8 !important;

}

#phone{

	padding-left:17px;

	background-image:url(images/p_blue.gif);

	background-repeat:no-repeat;

	background-position:5px 5px;

}

#email{

	padding-left:17px;

	background-image:url(images/p_blue.gif);

	background-repeat:no-repeat;

	background-position:5px 5px;

}





/* Customise the Login Box */

#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}

#login-box fieldset {border:0;text-align:center;}

#login-box legend		{

	font-size: 90%;

	text-transform: uppercase;

	font-family:"Times New Roman", Times, serif;

	color: #333;

	font-weight: normal;

	letter-spacing: 0.15em;

}

.username {color: #009;} /* Color of name when logged in*/

.topboxbody {font-size:0.8em;padding:2px;}



#login-box input {

	text-transform: uppercase;

	font-size: 10px;

	margin: 5px 0px 1px 0px;

	width: 100px;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	Custom Classes (Re-useables)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	

/*  Float containers fix: */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

/*  \*/

* html #clearfix {

	height: 1%;

}

/*  */











/* Inline font Styles */

/* Pretty styles for changing text in the WYSIWYG editor */



.important	{font-weight:bold;color:#f00;}

.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}



.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}









.h_b_area{

	display:block;

	width:100%;

	height:274px;

	border-bottom:1px #3d88af solid;

	border-top:1px #ffffff solid;

	background-color:#43a9e8;

}

.b_area{

	display:block;

	width:780px;

	height:274px;

	margin:auto;

	background-image:url(images/bg_blue.jpg);

	background-repeat:no-repeat;

	background-position:50% 0%;

}

.area{

	display:block;

	width:333px;

	padding-left:420px;

	padding-top:10px;

	color:#FFFFFF;

	text-align:left;
	
	font-size: 11px;

}

.area span{
	display:block;
	 width:333px;

	font-family:Myria Pro;

	font-size:20px;

	text-align:center;

}

#salc{

	color:#003743; 
	margin-bottom: -10px;

}

.lsus{

	margin:0px;

	padding:10px 0px;

}

.lsus li{
	display:block;
	width:300px;

	list-style-type:none;

	margin:0px;

	padding:0px 0px 0px 20px;

	text-align:left;

	line-height:20px;

	background-image:url(images/chk_sus.png);

	background-position:0px 3px;

	background-repeat:no-repeat;

	font-weight:bold;

	font-size:14px;

}

.ljos{

	padding-top:10px;

}

.ljos li{

	background-image:url(images/chk_jos.png);

	font-weight:normal;
	font-size:14px;

}

#footer{

	width:100%;

	text-align:center;

	font-size:11px;

	color:#1e1e1e;
	
	padding-bottom: 40px;

}

#footer a{

	color:#007f9c;

	text-decoration:underline;

}

.h_carea{

	width:100%;

}

.carea{

	display:block;

	width:780px;

	margin:auto;

}

.lside{

	display:block;

	float:left;

	width:350px;

	padding-left:40px;

	padding-top:40px;
	
	font-size: 12px;

}

.rside{

	display:block;

	float:left;

	width:350px;

	padding-left:40px;

	padding-top:40px;

}

.lside span, .rside span{

	font-family:Myria Pro;

	font-size:19px;
	_font-size:18px;
	text-align:center;

	color:#1d1d1d;

} 
.lside p{
	font-size:11px;
}

.pfp{

	border:1px #08839f solid;

}



.middle{

	display:block;

	float:left;

	width:700px;

	padding-left:40px;


}

.middle span {

	font-family:Myria Pro;

	font-size:19px;
	_font-size:18px;
	text-align:center;

	color:#1d1d1d;

} 
.middle p{
	font-size:14px;
}






















/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: auto;display:block;clear:both; padding-left:10px;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	height: 32px;
	border-top: 0;
	padding:4px 0;
	_padding:0px;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 13px;
	font-family:Arial; 
	width: auto;
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {
	float: left;
	color: #fff; 
	text-align: center; 
	padding-right:2px; 
	font-weight: normal; 
	background-image:url(images/sep.gif); 
	background-position:100% 50%; 
	background-repeat:no-repeat;
}
#nav ul li a { display:block;height:32px; _display:inherit; line-height:32px; padding:0px; color: #003743; text-decoration: none; cursor:pointer;}
#nav ul li a span.menu_left {display: block; height:32px; width:6px; float:left;}
#nav ul li a span.menu_center {display: block; height:32px; width:auto; padding:0px 6px 0px 6px; background-repeat:repeat-x; float:left;}
#nav ul li a span.menu_right {display: block; height:32px; width:6px; float:left;}

/* Root Level Link Formatting */
#nav ul li a:hover {}
#nav ul li a:hover span.menu_left { background-image:url(images/menu_st.png);}
#nav ul li a:hover span.menu_center {background-image:url(images/menu_mid.png); color:#FFFFFF;}
#nav ul li a:hover span.menu_right {background-image:url(images/menu_dr.png); }

#nav ul li a:hover, #nav li a:focus {background: none; border-color: #fff; color: #fff;}
#nav li a:active, #nav ul li a.active {background: none; border-color: #fff; color: #fff;}

/* Current page Customisations*/
#nav ul li.menu-current a		{ color: #fff; }
#nav ul li.menu-current a span.menu_left { background-image:url(images/menu_st.png);}
#nav ul li.menu-current a span.menu_center {background-image:url(images/menu_mid.png); color:#FFFFFF;}
#nav ul li.menu-current a span.menu_right {background-image:url(images/menu_dr.png); }
#nav ul li.menu-current a		{font-weight: normal;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 160px; margin: 0; _margin-top:32px; _margin-left:-80px; _z-index:100; display: none; font-size:13px;}
#nav .menu li ul li { width: 160px; text-align: left; font-weight: normal; margin: 0; padding: 0; height:auto !important; line-height: 20px; background-color:#FFFFFF; border-bottom:1px #010101 dashed;}
#nav .menu li ul a { width:auto; color: #fff; border: 0; height:auto !important; line-height:20px !important;}

#nav ul li ul li{background-image:none;}
#nav ul li ul li a span.menu_left {  height:auto !important; line-height:20px;}
#nav ul li ul li a span.menu_center { height:auto !important; color:#000000;line-height:20px;}
#nav ul li ul li a span.menu_right { height:auto !important; line-height:20px;}



/* 2nd Child link hover */
#nav .menu li ul li:hover{background-color:#43A9E8;}
#nav .menu li ul li:hover a span.menu_center{color:#FFFFFF;}
#nav .menu li ul li ul li a span.menu_center{color:#003743 !important;}
#nav .menu li ul li ul li:hover a span.menu_center{color:#ffffff !important;}
#nav .menu li ul li a:hover  span.menu_center{ border: 0; color:#fff;}

/*  LA HOBER */
#nav ul li ul li{background-image:none;}
#nav ul li:hover ul li a span.menu_left { background-image:none;}
#nav ul li:hover ul li a span.menu_center {background-image:none; color:#000000;}
#nav ul li:hover ul li a span.menu_right {background-image:none; }
#nav ul li ul li a span.menu_left { background-image:none !important;}
#nav ul li ul li a span.menu_center {background-image:none !important; color:#000000;}
#nav ul li ul li a span.menu_right {background-image:none !important; }



/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block; }
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width:auto; color: #fff; }
#nav .menu li ul li ul{_margin-top:0px; _margin-left:0px;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}




/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */