/* CSS Document */
body { background: #fff url(/gallery/img/frontend/background.gif) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }

/* Global Colors:
		Dark Blue: #223676
		Middle Blue: #2e5bb2
*/

/* GLOBAL BASE STYLES */
p { margin-bottom: 1em; }
h1, h2, h3, h4, h5, h6, h6 { line-height: 100%; color: #233676; }
h1 { font-size: 18px; margin-bottom: .5em; }
h2 { font-size: 16px; margin-bottom: .5em; }
h3 { font-size: 14px; margin-bottom: .5em; }
a { color: #2E5BB2; text-decoration: none; }
a:hover { color: #3C7BF4; text-decoration: underline; }
td { font-size: 12px; vertical-align: top; }

ul { margin: 0; padding-left: 17px; list-style-type: square }
.content li { line-height: 18px; padding: 0; }

/* HEADER */
#header { width: 720px; margin: 0 auto; }
#masthead { position: relative; height: 50px; overflow: hidden; background: #233676; }
#rd_logo { position: absolute; bottom: 12px; left: 32px; width: 209px; height: 27px; background: url(/gallery/img/frontend/rd_logo.gif) top left no-repeat; }
#rd_logo div { margin-left: -6000px; }
#rd_icon { position: absolute; bottom: 12px; right: 32px; width: 27px; height: 27px; }

/* MAIN NAVIGATION */
#main_nav { font-size: 16px; text-align: center; height: 25px; overflow: hidden; background: #2e5bb2; }
#main_nav a { padding: 5px; margin: 0 4px; }
#main_nav img { padding: 8px 0; }
#main_nav a img {padding: 8px 10px; }

/* PAGE AREA */
#section_container { background: url(/gallery/img/frontend/background_section.gif) top center no-repeat; }
.content_padder_normal { padding: 15px 31px; } /* 31px because the container goes to outer edge of border in bkg image, but design is measured from inner edge */
.content_padder_wide { padding: 15px 20px; } /* 21px because the container goes to outer edge of border in bkg image, but design is measured from inner edge */

/* FOOTER */ 
#footer { width: 686px; text-align: center; margin: 30px auto; font-size: 11px; padding-top: 10px; border-style: solid; border-width: 1px 0 0 0; border-color: #ededed; }
#footer .two_column_block { width: 656px; margin: 0 auto; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { list-style: none; display: inline; }
#footer a.subtle { color: #666; text-decoration: underline; }
#footer a.subtle:hover { color: #2E5BB2; }
#footer #legal { text-align: left; }
#footer #legal li { padding-right: 10px; }
#footer #contact { text-align: right; }
#footer #contact li { padding-left: 10px; }

/* MODULES */
.module { margin-bottom: 15px; }
.module_a { background: #fbfbfb; border: solid 1px #e8e8e9; }
.module_a .padder { padding: 4px; }

.module_b { background: #fbfbfb; border: solid 1px #e8e8e9; padding: 10px; }

.module_c { background: #fbfbfb; border: solid 1px #e8e8e9; }
.module_c .padder { padding: 9px; }

.module_2_column_full_page { width: 319px; }
.module_1_column { width: 470px; text-align: left; margin: 0 auto; }

/* MODULE LAYOUTS */
.module .side_by_side_no_wrap { }
.module .side_by_side_no_wrap .column_1 { float: left; }
.module .side_by_side_no_wrap .column_2 { float: none; margin-left: 85px; }



/* Rules below are dirty rules currently used in the Products landing page module which employs tables.
	 They are poorly written. I recommend not using them or the html from that page elsewhere on the site
	 if possible */
.module_3_column_stacked img {display: block; margin-bottom: 10px; }
.module_3_column_stacked h3 { _font-weight: bold; } /* Hack to tell <IE7 browsers to bold the header (since cleartype is most likely not enabled). FF users will still see the dinky 16px font */
.module_3_column_stacked .call_to_action { margin-top: -10px; }
.module_3_column_stacked h4 { font-size: 12px; font-weight: bold; color: #444; margin-top: 10px; }

/* PRODUCTS LANDING PAGE */




/* TYPOGRAPHY */
#page_title {} /* ID attribute of an H1 tag */
#sub_title {} /* ID attribute of an H2 tag */
#dek { font-size: 16px; line-height: 24px; margin-bottom: 15px; }
#splash { /*margin-bottom: 15px;*/ background: none; }
#splash_image_container { position: relative; /*height: 260px; */}
#splash img { display: block; margin-bottom: 5px; /*position: absolute; left: 1px; _left: -2px; */} /* Absolute positioning hack prevents image from wrapping below the anti_collapse div in IE. Set position for FF first, then use <IE7 hack to set position for pre IE7 browsers */
#splash_caption { font-size: 11px; }
#intro { width: 656px; margin-bottom: 15px; }
#article_body { margin-bottom: 20px; }


/* SOME STYLES FOR THE LEGACY PAGES */
	table.divided td { vertical-align: top; font-size: 12px; border-style: solid; border-color: #ccc; border-width: 0 0 1px 0; }
	table.nested td { border: none 0; }
	td.description { padding: 10px 10px 10px 0; }
	td.thumbnails { padding: 10px; }
	td.description { width: 150px; }
	td h3 { margin-bottom: 5px; }