@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #333;
	text-align: left;
	background-color: #999999;
}


/*========================================================================================== LAYOUT */

#main_wrap {
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 0px 10px;
	border: 0px;
	background: url(images/main_bg1.png) top left repeat-y;
}

#main_wrap_top {
	position: relative;
	width: 800px;
	height: 80px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: url(images/main_wrap_subtop1.png) top left no-repeat;
}

#main_wrap_bttm {
	position: relative;
	width: 800px;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: url(images/main_wrap_bttm.png) bottom left no-repeat;
}

#header {
	float: left;
	width: 920px;
	height: 182px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	border: none;
	background: url(images/header_bg2.jpg) top left no-repeat;
}

#toptext { height:10px; padding:0 0 0 10px; }
#toptext h1 {
	float:left;
	color:#003333;
	margin:0;
	font-family: verdana;
	font-size:10px;
	display: inline;
}


#intro_wrap_home {
	float: left;
	width: 940px;
	margin: 0px;
	padding: 10px;
	border: none;
	background: #fff;
}

#intro_wrap {
	float: left;
	width: 740px;
	margin: 0px 0px 30px 0px;
	padding: 20px 20px 60px 20px;
	border: none;
	background: #fdf8e0 url(images/bg_headlines.jpg) bottom left no-repeat;
}

#intro_col1 {
	float: left;
	width: 590px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	border: none;
}

#intro_col2 {
	float: left;
	width: 310px;
	margin: 10px 0px 0px 15px;
	padding: 0px;
	border: none;
	font-size: 13px;
	color: #999;
}

#intro_col3 {
	float: left;
	width: 300px;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	border: none;
	font-size: 13px;
	color: #999;
}

#intro_col3 a img{
   padding: 4px;
   margin: 4px;
   background: #003334;
   border: 1px solid #D0D3C9;
   border-top: 0;
   border-left: 0;
}

#intro_col3 a:hover img{
   padding: 4px;
   margin: 4px;
   background: #FF9900;
   border: 1px solid #FF9900;
   border-top: 0;
   border-left: 0;
}

#left_sub {
	float: left;
	width: 590px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	border: none;
	font-size: 13px;
	color: #999;
}

#left_sub img{
   float: left;
   padding: 4px;
   margin: 4px;
   background: #003334;
   border: 1px solid #D0D3C9;
   border-top: 0;
   border-left: 0;
}

#right_sub {
	float: left;
	width: 310px;
	margin: 10px 0px 0px 15px;
	padding: 0px;
	border: none;
	font-size: 13px;
	color: #999;
	background-color:#E5E5E5
}

#intro_col4 {
	float: left;
	width: 740px;
	margin: 0px;
	padding: 4px;
	border: none;
}

#maincontent_wrap {
	float: left;
	width: 760px;
	margin: 0px;
	padding: 0px 10px 20px 10px;
	border: none;
	background-color: #FFF;
}

#breadcrumbs {
	float: left;
	width: 580px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: none;
	background-color: #FFF;
}


/*========================================================================================== TWO COLUMN LAYOUT */

#two_col_col1 {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#two_col_col1 img{
   float: left;
   padding: 8px;
   background: #fff;
   border: 2px solid #BDC2B4;
   border-top: 0;
   border-left: 0;
   margin: 0 7px 0 0;
}

#two_col_col2 {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	border: none;
}

#two_col_col1b {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	border: none;
}


/*===================================================== HOVER */
.example1 a{position:relative;}/* set stacking context -*/
.example1 a span{
	visibility:hidden;/* hide message initially*/
	position:absolute;
	top:-25px;
	left:-265px;
	width:250px;
	padding:5px;
	background:#003334;
	color:#fff;
	border:2px inset green;
	text-decoration:none;
}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{visibility:visible;}/* show image on hover*/
 
 /*- Menu 3--------------------------- */
	
#menu3 {
	width: 289px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu3 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #003334;
	font-weight:bold;
	display: block;
	background:  url(images/menu3b.gif);
	padding: 8px 0 0 10px;
	}
	
#menu3 li a:hover {
	color: #627EB7;
	font-weight:bold;
	background:  url(images/menu3b.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	


/*========================================================================================== THREE COLUMN LAYOUT */
#three_col_col1 {
	float: left;
	width: 246px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #9BBAB2;
}

#three_col_col2 {
	float: left;
	width: 190px;
	margin: 0px 10px;
	padding: 0px;
	border: none;
	background-color: #9BBAB2;
}

#three_col_col3 {
	float: left;
	width: 246px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #9BBAB2;
}

#three_col_col3b {
	float: left;
	width: 280px;
	margin: 0px;
	padding: 0px;
	border: none;
}


/*========================================================================================== FOOTER */

#footer {
	clear: both;
	width: 920px;
	height:80;
	margin: 0px;
	padding: 11px 20px 10px 20px;
	border: none;
	text-align: left;
	background: #000 url(images/footer.jpg) no-repeat;

}

#footer_top {
	clear: both;
	width: 880px;
	margin: 0px;
	padding: 20px 20px 0px 20px;
	border: none;
	text-align: center;
	background: url(images/main_wrap_top.png) top left no-repeat;
}

#footer h1 {
	margin: 0px;
	padding: 5px 0px 15px 2px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25em;
	color: #CCCCCC;
}



/*========================================================================================== TOP NAV */

#topnav {
	float: left;
	width: 920px;
	margin: 0px;
	padding: 10px 20px 0px 20px;
	list-style: none;
	background: #000 url(images/top_nav_bg.png) repeat-x;
}

#topnav ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
    text-transform: uppercase;
	letter-spacing: 1px;
}
	
#topnav a {
	float: left;
	padding: 0px 0px 5px 7px;
	margin: 0px 6px 0px 0px;
	font-size: 13px;
	text-decoration: none;
	color: #F8F1D5;
	background-color: #003334;
	background-image: url(images/tab_left_over1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
	
#topnav a span {
	float: left;
	display: block;
	padding: 9px 15px 9px 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #003334 url(images/tab_right_over1.png) top right no-repeat;
}

#topnav a:hover {
	background: #998DB2 url(images/tab_left_over.png) top left no-repeat;
}

#topnav a:hover span {
	background: #998DB2 url(images/tab_right_over.png) top right no-repeat;
	color: #003334;
	cursor: pointer;
}

#topnav .current a {
	background: #fff url(images/tab_left_current.png) top left no-repeat;
}

#topnav .current a span {
	background: #fff url(images/tab_right_current.png) top right no-repeat;
	color: #333;
	cursor: pointer;
}

#topnav .section a {
	background: #F9F5D8 url(images/tab_left_current.png) top left no-repeat;
}

#topnav .section a span {
	background: #F9F5D8 url(images/tab_right_current.png) top right no-repeat;
	color: #330;
	cursor: pointer;
}

#topnav .book a {
	background: #F9F5D8 url(images/tab_left_book.png) top left no-repeat;
}

#topnav .book a span {
	background: #F9F5D8 url(images/tab_right_book.png) top right no-repeat;
	color: #333;
	cursor: pointer;
}


/*========================================================================================== UTILITY NAV */

ul#util_nav {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
ul#util_nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul#util_nav a {
	padding: 0px 0px 0px 9px;
	margin: 0px;
	font-size: 13px;
	text-decoration: none;	
	color: #CCC;
}

ul#util_nav a span {
	display: block;
	padding: 9px 15px 9px 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #CCC;
}

ul#util_nav a:hover {
	background: #444 url(images/tab_left_over.png) top left no-repeat;
}

ul#util_nav a:hover span {
	background: #444 url(images/tab_right_over.png) top right no-repeat;
	font-weight: bold;
	color: #FFF;
}



/*========================================================================================== SIDE BOX */

.sidebox_top {
	float: left;
	width: 210px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(images/intro_sidebox_subtop.png) bottom left no-repeat;
}

.sidebox_content {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px 10px;
	border: none;
	list-style-type: none;
	background-color: #FDFAE8;
	color: #333;
}

.sidebox_btm {
	float: left;
	width: 210px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(images/intro_sidebox_btm.png) top left no-repeat;
}

#sidebox_two {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: none;
}


/*========================================================================================== SIDE BOX SUB NAV */

.sidebox_content ul {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

.sidebox_content ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 8px 5px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
	color: #333;
	background: url(images/check_bullet.png) 0 2px no-repeat;
}

.sidebox_content ul li a {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
	color: #333;
}

.sidebox_content ul li a:hover {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #993300;
}

.sidebox_content ul li #current a {
	color: #993300;
}

/*========================================================================================== SIDE BOX GALLERY */

.sidegallery_top {
	float: left;
	width: 210px;
	height: 24px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(images/intro_sidebox_subtop.png) bottom left no-repeat;
}

.sidegallery_content {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 10px 10px 10px 15px;
	border: none;
	list-style-type: none;
	background-color: #FFFFFF;
	color: #333;
}

.sidegallery_testimonials {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 10px 10px 10px 15px;
	list-style-type: none;
	background-color: #DFEAF3;
	border: 1px solid #999;
	color: #333;
}

.sidegallery_btm {
	float: left;
	width: 210px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(images/intro_sidebox_btm.png) top left no-repeat;
}

.sidegallery_content ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
.sidegallery_content li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

.sidegallery_content li a{
   float: left;
   padding: 3px;
   margin: 3px;
   background: #fff;
   border: 1px solid #D0D3C9;
   border-top: 0;
   border-left: 0;
}

.sidegallery_content a:hover {
   float: left;
   padding: 3px;
   margin: 3px;
   background: #94B8D6;
   border: 1px solid #D0D3C9;
   border-top: 0;
   border-left: 0;
}


/*========================================================================================== HEADINGS */

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #003334;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.25em;
	color: #FFF;
}

.home {
	margin: 0px 0px 0px 120px;
	padding: 0px;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.25em;
	color: #FFF;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.25em;
	color: #003334;
}


h4 {
	margin: 0px;
	padding: 5px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.25em;
	color: #93B4AD;
}

.blk {
	color: #000;
}


h5 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.25em;
	color: #CCC;
}

.white {
	margin: 0px;
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
}

.sidebox {
	margin: 0px;
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.25em;
	color: #1B5994;
}

.date {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #333;
}


.hide {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #AAA;
	display: none;
}

.featwork_btn {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #AAA;
	display: none;
}


/*========================================================================================== TEXT */

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
	color:#333333
}

.introbox_right {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	color: #579396;
}

.yellow_bold {
	font-weight: bold;
	color: #FFF08D;
}

.footer_txt {
	margin: 0px;
	padding: 0px;
	line-height: 1.25em;
	color: #CCCCCC;
}


.red {
	font-weight: bold;
	color: #E31E26;
}



/*========================================================================================== LINKS */

a:link {
	color: #006699;
	text-decoration: underline;
}

a:visited {
	color: #990000;
	text-decoration: none;
}

a:hover {
	color: #690;
	text-decoration: underline;
	background: #F3F9FF;
}

a:active {
	color: #669900;
	text-decoration: none;
}

.arrow_link:after {
	content: url(images/arrow_red.png);
}

a.bold_link {
	font-weight: bold;
	color: #E31E26;
	text-decoration: none;
}

a.bold_link:hover {
	font-weight: bold;
	color: #999;
	text-decoration: underline;
}

#footer a {
	margin: 0px;
	padding: 0px 5px;
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	margin: 0px;
	padding: 0px 5px;
	color: #1B5994;
	text-decoration: none;
}

#footerjh{
	width: 896px;
	height: 30px;
	margin: 0;
	padding: 12px 20px 0px 44px;
	background: #00191A url(images/jhweb.gif) no-repeat 14px center;
}

#footerjh p{
   float: left;
   color: #fff;
   font-size: 1.2em;
}

#footerjh a{
   color: #CDD9E1;
   text-decoration: none;
}


#footerjh a:hover {
	color: #1B5994;
	text-decoration: none;
}

#footerjh p.back{
   float: right;
   font-size: 1em;
}

#footerjh p.back a{
   display: block;
   padding: 3px 20px 2px 0;
   background: url(images/top.gif) no-repeat right center;
   color: #CDD9E1;
   text-decoration: none;
}

#facebook{
	width: 896px;
	height: 40px;
	margin: 0;
	background: #00191A;
	padding: 15px 50px 0px 14px;
	border-top: 2px solid #ccc;
}

#facebook p{
   float: left;
   color: #fff;
   font-size: 1.2em;
}
/*========================================================================================== LISTS */

#two_col_col1 ul.check_list {
	float: left;
	width: 580px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

#two_col_col1 ul.check_list li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 8px 20px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #666;
	background: url(images/check_bullet.png) 0 3px no-repeat;
}

.basic_list ul {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	border: none;
}

.basic_list li {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #666;
}

#two_col_col1 ul {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	border: none;
}

#two_col_col1 ul li {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #666;
}

/*========================================================================================== BUTTONS */
#logo {
	float: left;
}
#logo a {
	width: 127px;
	height: 98px;
	display: block;
	background: url(images/redcrown_logo.png) no-repeat;
}
#logo a:hover, #logo a:active {
	background: url(images/redcrown_logo.png) no-repeat 0 -98px;
}
#logo a span {
	display: none;
}

#logo_btn {
	float: left;
	width: 256px;
	height: 86px;
	margin: 5px 0px 0px 0px;
	padding: 0px; 
}
	
#logo_btn a {
	display: block;
	width: 256px;
	height: 86px; 
	background: url(images/jh-logos.jpg) 0 0 no-repeat;
}
	
#logo_btn a:hover {
	background: url(images/jh-logos.jpg) 0px -86px no-repeat;
}


/*========================================================================================== IMAGES */

img {
	border: none;
}


.center {
	margin:  0px auto;
	padding: 0px 0px 20px 0px;
}

	

/*========================================================================================== Sub Footer */

#footer_end { width: 760px; margin: 0 auto; background: #18120b url(../images/bg_footer_bottom.gif) bottom center no-repeat; padding-top:12px; padding-bottom:22px;}

#flickr {float:left; clear:both; width:469px; padding:0 18px 0 27px; margin-right:17px; border-right:1px dashed #372b1e;}
#flickr h2 { color:#ac4e25; float:left; }
#flickr h3 { font-size:95%; color:#271d12; float:right; padding-right:7px;}
.small_text { font-size:small; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#5d5244; }#flickr ul { float:left; margin:14px 0 0 0; }
.small_text2 { 
    font-style:italic;
	padding: 6px;
    color:#1B5994; 
    list-style-type: none;
	background-color: #DFEAF3;
	border: 1px solid #999; }

#flickr ul { float:left; margin:14px 0 0 0; }
#flickr ul li { float:left; }
#flickr ul li a { float:left; display:block; background-color:#ddddc7; padding:4px; margin:6px 5px 0 0;}
* html #flickr ul li a { margin:5px 2px 0 0;}
#flickr ul li a:hover {background-color:#ac4e25;}

#flickr h3 a { color:#93b3ac; text-decoration:underline;}
#flickr h3 a:hover { color:#f2f2c4; text-decoration:underline;}

.float_left { float:left;}
.header_float_left { float:left; width:469px;}

#copyright { float:left;  }
#copyright h2 { color:#f2f2c4; margin-bottom:10px;}
#copyright address { color:#5d5244; font-family: Georgia, "Times New Roman", Times, serif; margin: 16px 0; font-size: 90%;}
#copyright address.copyright_info { color:#5d5244; font-family: Georgia, "Times New Roman", Times, serif; margin: 16px 0 0 0; font-size: 90%; font-style:italic;}