/* TECH STYLES */

body { overflow-y: scroll; }
.box-model {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a, a img { outline: none !important; }
::-moz-selection { background:#568ab4; color:#fff; }
::selection { background:#568ab4; color:#fff; }

/*================================================================================================================*/ 
/*  MAIN COLOR SETTINGS
/*================================================================================================================*/ 

/* PRIMARY TEXT COLOR */
h1,h2,h3,h4,h5,h6,.headerbtn,#mainNav li a, a:hover { color: #002d62; }

/* PRIMARY BACKGROUND COLOR */
body, #letterbox  { background-color: #8cc2ce !important; }

/* SECONDARY TEXT COLOR */
a, .colorswap { color: #568ab4; }

/* SECONDARY BACKGROUND COLOR */
#mainNav li a:hover, #mainNav a.current, #mainNav a.current:hover { background-color: #568ab4; }

/*================================================================================================================*/ 

/* GENERAL */

body { background: url(../images/body_bg_tile.jpg) repeat-x top center; font-family: Arial, Helvetica, sans-serif; color: #383c3e; font-size: 13px; line-height: 18px; }
#content p { margin-bottom: 20px; line-height: 20px; }
#mainWrapper { background-color: #fff; margin-bottom: 20px; }
a:hover { text-decoration: none; }
#mainWrapper {  }
.container-fluid { padding-left: 30px; padding-right: 30px; }
#int_right ul li { padding-bottom: 6px; margin-bottom:0 !important; }
#int_right .bios ul { margin: 0px; }
#int_right .bios ul li { list-style-type: none; float: left; width: 50%; }
#int_right .bios .well { margin-bottom: 5px !important; }
#int_right .bios ul li div.bio { margin-left: 10px; }
.well.selected { border: 1px solid #568ab4; }
/* TEXT STYLES */

h1,h2,h3,h4,h5,h6 { font-family: 'g_bold', Arial; text-transform: uppercase; font-weight: normal; }
h1 { font-size: 24px; line-height: 28px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 20px; line-height: 24px; }
#letterbox p { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #fff; font-style: italic; }
#letterbox p a:hover { color: #fff; }
p.disclaimer { font-size: 11px; font-style: italic; line-height: 14px; }
#footer p.address {font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.well { font-size: 11px; }
.well h5 { margin: 1px 0px; padding: 0px; line-height: 16px; }

/* HEADER */

#header { padding-bottom: 15px; }
#logo { float: left; height: 25px; margin: 30px 20px 30px 0; width: 240px; }
p.logo_name { font-family: Arial, Helvetica, sans-serif; float: left; border-left: 1px solid #a8a9aa; height: 30px; padding-left: 20px; text-transform: uppercase; color: #6f7274; font-weight: normal; line-height: 30px; margin-top: 27px; font-size: 14px; letter-spacing: 1px; }
#headerbuttons { text-align: right; }
.headerbtn { display: inline-block; padding: 5px; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: 500; line-height: 13px; vertical-align: top; }
a.headerbtn:hover { color: #568ab4; }
i.rjglyph { background: url(../images/rjglyph.gif) no-repeat 0 0; display: block; width: 24px; height: 24px; margin: 10px auto; }
i#glyph_ia { background-position: 0 0; }
i#glyph_contact { background-position: -24px 0; }
i#glyph_directions { background-position: -48px 0; }

/* SECTION */

#content { border-bottom: 1px solid #A8A9AA; padding-bottom: 25px; }
#banner { overflow: hidden; position: relative; }
#banner.home { margin-bottom: 15px; }
#bannerimg { position: relative; }
#bannertext { position: absolute; background: url(../images/banner_bg.png) repeat 0 0; margin-left: 0px; padding: 2%; max-width: 375px; left: -375px; }
#bannertext h1 { color: #fff; line-height: 40px; font-size: 37px; }
#bannertext h1 span { color: #a8a9aa; }
#home_left { }
#home_right { border-left: 1px solid #a8a9aa; padding-left: 15px; }

/* FOOTER */

#footer { text-align: center; font-size: 0.8em; padding: 10px 0px; line-height: 15px; }

/* LIBRARY CONTENT HACKS */

#aboutRJHeader { display: none; }
#frmContact table { width: 85%; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: 100%; }
blockquote p { font-size: 13px; font-style: italic; }
sup.required { color: #C30; font-weight: bold; }
#top_nav { margin-bottom: 30px; }
#top_nav hr { margin: 5px 0px; }
#RJaboutRight { width: 100% !important; }

/*====================================== 
// Main Navigation
//======================================*/
#navigation { margin-top: 0px; }
#mainNav { margin: 0px; border-top: 1px solid #A8A9AA; border-bottom: 1px solid #A8A9AA; }
#mainNav li a { display: block; padding: 10px; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
#mainNav li a:hover { color: #fff !important; }
#mainNav a.current, #mainNav a.current:hover { color: #fff; }
#mainNav, #mainNav li, #mainNav ul { list-style: none; margin: 0; padding: 0; }
#mainNav { position: relative; }
#mainNav li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; text-align: center; width: 25%; }
#mainNav ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 220px; border: 1px solid #fff; }

/* Mobile Navigation Collapser */

#navCollapser { display: none; cursor: pointer; text-align: center; color: #002d62; margin: 0 auto; max-width: 990px; }
#mainNav br { display: none; }

/* SUB-NAV */

#navSub { margin-bottom: 15px; }

#navSub ul { border: 1px solid #A8A9AA; list-style: none outside none; margin: 0; padding: 10px 0; }
#navSub ul ul { border: 0 none; padding: 10px 0 2px; }
#navSub ul li { font-size: 12px; line-height: 16px; margin: 0; padding: 0; }
#navSub ul ul li { font-size: 12px; line-height: 14px; }
#navSub ul li a { color: #002D62; display: block; padding: 7px 13px; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#navSub ul li a:hover { background: none repeat scroll 0 0 #568AB4; color: #FFFFFF; }
#navSub ul li a.current { background: none repeat scroll 0 0 #002D62; color: #FFFFFF; }

/*====================================== 
// #Accordion Styles
//======================================
*//* toggle content */
.icon16 { display: block; overflow: hidden; }
.icon16 { width: 16px; height: 16px; }
body .icon16.iconSymbol.minus { background-position: 0 0; }
body .icon16.iconSymbol.plus { background-position: 0 -16px; }
.icon16.iconSymbol { background: transparent url(../images/16-symbol.png) no-repeat 0 0; }

/*toggle*/
/* Minimal Toggles 
-------------------------------------------------------------- */
.toggle,.toggle_accordion{background:url(../images/custom_sprite_dddddd.png) no-repeat -222px -395px;line-height:30px;position:relative;padding:0 0 0 30px;}
.toggle a,.toggle_accordion a{color:inherit;display:block;font-size:24px;font-weight:normal;letter-spacing:0.4px;line-height:30px;text-decoration:none;text-transform:uppercase;}
.toggle a:hover,.toggle_accordion a:hover{text-decoration:none;}
.toggle .active{background:url(../images/custom_sprite_dddddd.png) no-repeat -182px -434px;}
.toggle_content{clear:both;margin:0 0 20px 0px;overflow:hidden; padding-bottom:0px !important;}

/*optional
.toggle_content{margin:0 0 20px 0;}
.toggle_frame .toggle_content{margin:0 0 20px 30px}
*/

/* Framed Toggles 
-------------------------------------------------------------- */
.toggle_frame{padding:0 20px;padding-top:5px;margin:5px 2px;border: 1px solid #e3e3e3;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.toggle_frame .toggle,.toggle_frame .toggle_accordion{background-position:-141px -474px;}
.toggle_frame .active{background-position:-101px -514px;}
.toggle_frame .toggle_content{border:0;padding:0px;}
.toggle_frame .toggle_content .block{padding:0px;}
.toggle_frame .toggle_content ul li {margin-bottom:12px;}



.toggle2,.toggle_accordion{background:url(../images/custom_sprite_dddddd.png) no-repeat -222px -395px;line-height:30px;position:relative;padding:0 0 0 30px;}
.toggle2 a,.toggle_accordion a{color:inherit;display:block;font-size:18px;font-weight:normal;letter-spacing:0.4px;line-height:30px;text-decoration:none;text-transform:uppercase;}
.toggle2 a:hover,.toggle_accordion a:hover{text-decoration:none;}
.toggle2 .active{background:url(../images/custom_sprite_dddddd.png) no-repeat -182px -434px;}
.toggle_content2{clear:both;margin:0 0 20px 0px;overflow:hidden; padding-bottom:0px !important;}

/*optional
.toggle_content{margin:0 0 20px 0;}
.toggle_frame .toggle_content{margin:0 0 20px 30px}
*/

/* Framed Toggles 
-------------------------------------------------------------- */
.toggle_frame2{padding:0 0px;margin:5px 2px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.toggle_frame2 .toggle2,.toggle_frame2 .toggle_accordion {background-position:-141px -474px;}
.toggle_frame2 .active{background-position:-101px -514px;}
.toggle_frame2 .toggle_content2{border:0;padding:0 30px;}
.toggle_frame2 .toggle_content2 .block{padding:0px;}
.toggle_frame2 .toggle_content2 ul li {margin-bottom:12px;}

/*==========================================================
//
/// Responsive Styles 
//
/*==========================================================*/

/*====================================== 
// #Mobile
//======================================*/
@media only screen and (max-width: 767px) {

	#footer br, #bannertext h1 br { display: none; }
	#bannertext { width: 100%; max-width: 100%; }
	#banner { margin-bottom: 0px !important; }
	#sidebar { display: none !important; }
	#headerbuttons { display: none; }
	#logo { float: none; height: 25px; margin: 10px auto; margin-top: 20px; padding-bottom: 10px; width: 100%; max-width: 240px; border-bottom: 1px solid #a8a9aa; text-align: center; }
	p.logo_name { font-family: Arial, Helvetica, sans-serif; float: none; border-left: none; height: auto; padding-left: 0px; text-transform: uppercase; color: #6f7274; font-weight: normal; line-height: 20px; margin-top: 8px; font-size: 14px; letter-spacing: 1px; text-align: center;width: 240px; padding-bottom: 8px; margin: 0px auto; margin-top: 8px; width: 100%; max-width: 240px; }
	#footer { width: 90%; margin: 0px auto; }
	#header div.span4 { display: none; }
	.addressbox { border: 1px solid #002d62 !important; height: auto !important; }
	.addressbox address { padding: 20px 20px 0px 20px; }
	.addressbox p { padding: 0px 20px 0px 20px; }
	#recaptcha_widget table tbody tr td { float: left; }
	#recaptcha_image { width: 90% !important; }
	#recaptcha_image img { width: 100%; height: auto; }
	textarea#comments, #frmContact input, #frmReferFriend input  { width: 85%; }
	#banner { margin-bottom: 0px; }
	#bannertext { position: inherit; background: none; margin-left: 0px; padding: inherit; max-width: auto; height: auto !important; }
	#bannertext h1 { font-size: 1.9em; color: #002d62; line-height: 30px; }
	#bannertext h1 br { display: none; }
	
	#navigation { float: none; margin-top: 0px; width: 100%; }
	#mainNav { margin: 0px; width: 100%; }
	#mainNav li a { display: block; color: #333; padding: 10px; background: #ddd; }
	#mainNav a.current { background-color: #002d62; color: #fff; }
	#mainNav, #mainNav li, #mainNav ul { list-style: none; margin: 0; padding: 0; }
	#mainNav li { float: none; line-height: 1.3em; vertical-align: middle; zoom: 1; width: 100%; }
	#mainNav ul { visibility: visible; position: inherit; z-index: 1; width: 100%; background: #555; border: 1px solid #fff; }
	#mainNav li ul li { float: none; border-bottom: 1px solid #d1cfcf; }
	#mainNav li ul li a {display: block; color: #1b3664 !important; padding: 10px; background-color: #eee !important; }
	#mainNav li ul li a:hover { color: #fff; background: #cdcccc !important; }
	#mainNav li ul li ul { top: -2px; left: 100%; }
	#mainNav li:hover > ul { visibility: visible; }
	
	#int_left { display: none; }
	ul#navList.mobile li a { font-size: 11px !important; color: #6F7274 !important; }
	#int_right .bios ul li { float:none; width:100%; }
}

/*======================================  
// #Desktop (Narrow)
//====================================== */

@media only screen and (max-width: 1200px) and (min-width: 960px) {
	#footer br { display: none; }
	#mainNav br { display: block; }
	#bannertext h1 { font-size: 33px; line-height: 36px; }
	#bannertext { max-width: 330px; }
}

/*======================================  
// #Tablet (Portrait)
//====================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#mainNav br { display: block; }
	#footer br { display: none; }
	#logo { float: none; height: 25px; margin: 20px 20px 0px 0; padding-bottom: 10px; width: 240px; border-bottom: 1px solid #a8a9aa; }
	p.logo_name { font-family: Arial, Helvetica, sans-serif; float: none; border-left: none; height: auto; padding-left: 0px; text-transform: uppercase; color: #6f7274; font-weight: normal; line-height: 20px; margin-top: 8px; font-size: 14px; letter-spacing: 1px; text-align: center;width: 240px; padding-bottom: 8px; }
	.headerbtn { font-size: 9px; }
	#home_sub_right { display: none; }
	.bios img.pull-left { float: none; padding: 4px; }
	#bannertext h1 { font-size: 25px; line-height: 26px; }
	#bannertext { max-width: 265px; }
}
	
/*======================================  
// #Tablet (Landscape)
//====================================== */  

/* Note: Design for a width of 768px */
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	#footer br { display: none; }
	#mainNav br { display: block; }
}

/*======================================  
// #Mobile (Landscape)
//====================================== */  

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#mainNav br { display: none; }	
}

/*====================================== 
// #Tablet (Retina)
//====================================== */

@media screen and (-webkit-min-device-pixel-ratio:2) {
}