/*
-----------------------------------------------------------------------------
Refractions Research CSS. Written by Davin Greenwell at 
Smallbox Software.  Questions to davin@smallboxsoftware.net
-----------------------------------------------------------------------------
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 10px;  */
	font-size: 9pt;  
/*	color: #6D6D6D; */
	color: #4D4D4D; 
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(../../images/mountains.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	background-size: 100% 100%;
}


/*
-----------------------------------------------------------------------------
Utility
-----------------------------------------------------------------------------
*/
.zamboni {
 clear:both;
 font-size:0;
 line-height:0;
}
.hr {
 border-top:1px solid #B3B3B3;
 font-size:0;
 line-height:0;
 height:1px;
 margin:10px 0; 
}
img, div { behavior:url(/~pramsey/rri/includes/css/iepngfix.htc); }

/*
-----------------------------------------------------------------------------
Structural
-----------------------------------------------------------------------------
*/
#container {
 width:977px;
 min-height:400px;
 margin:20px auto;
 border:1px solid #000000;
 text-align:left;
 background-color: #FFFFFF;
}
#header {
 background-color:#000000; 
}
#content {
 line-height: 1.5em;
 padding:7px 17px;
 background-image:url(../../images/content_bg.gif);
 background-repeat:repeat-y;
 min-height:400px;
}
#basic_subheadings {
 width:215px;
 padding:5px 0 20px 0;
 float:left;
}
#basic_content {
 width:435px;
 padding:5px 0 20px 40px;
 float:left;
}
#three_left {
 width:215px;
 padding:5px 0 20px 0;
 float:left;
}
#three_main {
 width:435px;
 padding:5px 0 20px 40px;
 float:left;
}
#three_right {
 width:215px;
 padding:5px 0 20px 0;
 float:right; 
}
#footer {
 clear:both;
 text-align:center;
}


/*
-----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------
*/
#header #logo_row {
 width:977px;
 height:64px;
 background-image:url(../../images/logo_row_bg.gif);
 position:relative;
}
#header #logo_row #wordmark {
 width:450px;
 height:42px;
 position:absolute;
 left:262px;
 top:10px;
}
#header #logo_row #logo {
 width:41px;
 height:40px;
 position:absolute;
 right:120px;
 top:10px;
}
#header #nav_row {
 line-height:1.25em;
}
#header #nav_row ul {
 list-style:none;
 margin:0;
 padding:2px 0;
 text-align:center;
}
#header #nav_row ul li {
 margin:0;
 padding:0 25px;
 display:inline;
 font-family:Arial, Helvetica, sans-serif;
 font-size:95%; 
 line-height:1.2em;
 letter-spacing:0.2em;
}
#header #nav_row ul li a {
 color:#FFFFFF;
 text-transform:uppercase;
}
#header #nav_row ul li a.active,
#header #nav_row ul li a:hover {
 color:#f7931e;
 text-decoration:none;
}
#header #photo_row {
 height:30px;
 background-image:url(../../images/photo_row_bg.jpg);
 background-repeat:no-repeat;
} 
#header img {
 margin:0;
 padding:0;
}   


/*
-----------------------------------------------------------------------------
Breadcrumbs
-----------------------------------------------------------------------------
*/
#content #breadcrumbs {
/* color:#a5a6a7;
 font-size:9px; */
 color:#595;
 font-size:90%;
}
#content #breadcrumbs a {
 color:#a5a6a7;
 color:#555;
}
#content #breadcrumbs p {
 padding:0px 0 2px 0;
}
#content #breadcrumbs a.active,
#content #breadcrumbs a:hover {
 color:#666666;
 text-decoration:none;
}


/*
-----------------------------------------------------------------------------
Tag redefinitions
-----------------------------------------------------------------------------
*/
h1,h2,h3,h4,h5,h6 {
 font-family:Arial, Helvetica, sans-serif;
 line-height:1.1em;
 font-weight:100;
 color:#000000;
 margin:0;
 padding:10px 0;
}
h1 {
/* font-size:22px; */
 font-size:160%;
 padding-bottom:9px;
}
h2 {
 font-size:110%;
/* font-size:12px; */
 color:#000000;
 text-transform:uppercase;
 padding-bottom:7px;
}
h3 {
/* font-size:10px; */
 font-size:100%;
 font-weight:bold;
 font-style:italic;
 padding-bottom:5px;
 color:#000000;
 text-transform:uppercase;
}
img {
 border-width:0;
 margin:0;
 padding:5px 10px;
 vertical-align:middle;
}
p {
 margin:0;
 padding:5px 0px;
}
ul {
 margin-top:5px;
 margin-bottom:5px;
 margin-left:0;
 padding-left:1.75em;
}
ol {
 margin-top:5px;
 margin-bottom:5px;
 margin-left:0px;
 padding-left:2em;
}
dt {
  font-style:italic;
}
dd {  
  padding-left:0;
  padding-bottom:5px;
  margin-left:1em;
}
a {
 color:#0074BC;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
table {
 width:100%;
 border-width:0;
 border-color:#cdc;
 font-size:100%;
 cell-spacing:0;
}
td, th {
 vertical-align:top;
 padding:6px;
}
pre {
 background-color:#eee;
 padding:7px 12px 7px 12px;
}


/*
-----------------------------------------------------------------------------
Subnavigation - Secondary and Tertiary
-----------------------------------------------------------------------------
*/
.subnavigation {
 border-top:1px solid #B3B3B3;
 border-bottom:1px solid #B3B3B3;
 padding:0 0 10px 0;
 margin-top:2.2em;
}
.subnavigation ul.secondary {
 list-style:none;
 margin:0;
 padding:0;
}
.subnavigation ul.secondary li {
 padding:10px 0 0 0;
 margin:0;
 font-size:110%;
 line-height:1em;
 font-family:Arial, Helvetica, sans-serif;
 text-transform:uppercase;
}
.subnavigation ul.secondary li a {
 width:200px;
 display:block;
 padding:0 0 0 15px;
}
.subnavigation ul.secondary li a.active,
.subnavigation ul.secondary li a:hover {
  background-image:url(../../images/left_arrow_orange_left.gif);
  background-repeat:no-repeat;
  background-position:left;
  text-decoration:none;
}
.subnavigation ul.tertiary {
 list-style:none;
 margin:0;
 padding:0 0 0 15px;
}
.subnavigation ul.tertiary li {
 padding:10px 0 0 0;
 margin:0;
 font-size:95%;
 line-height:1em;
 font-family:Arial, Helvetica, sans-serif;
 text-transform:capitalize;
}
.subnavigation ul.tertiary li a {
 display:inline;
 color:#6D6D6D;
}
.subnavigation ul.tertiary li a.active,
.subnavigation ul.tertiary li a:hover {
  display:inline;
  background-image:none;
  text-decoration:underline;
}


/*
-----------------------------------------------------------------------------
Special Styles
-----------------------------------------------------------------------------
*/
.three #content {
 background-image:url(../../images/home_content_bg.gif);
 background-repeat:repeat-y;
 min-height:400px;
}
.basic #content {
 background-image:url(../../images/cols2_content_bg.gif);
 background-repeat:repeat-y;
 min-height:400px;
}
.basic #basic_content {
 width:685px; 
}
.cols2 #content {
 background-image:url(../../images/cols2_content_bg.gif);
 background-repeat:repeat-y;
 min-height:400px;
}
.cols2 #three_main {
 width:685px;
}
.cols2 #three_right {
 display:none;
}
.description {
 font-size:115%;
 line-height:1.5em;
}
.side_link {
 display:block;
 padding:0 28px 0 0;
 margin:0 0 10px 0;
 background-image:url(../../images/arrow_orange_right.gif);
 background-repeat:no-repeat;
 background-position:right;
 font-size:10px;
 line-height:1em;
 font-family:Arial, Helvetica, sans-serif;
 text-transform:uppercase;
}
.decorated {
 border-style:solid;
 border-width:1px;
 border-color:#bbb;
 margin:10px 10px;
 padding:1px 1px;
}
p.listitem-title { 
 font-size: 110%;
}
p.listitem-subtitle { 
 font-size: 80%;
 padding-top: 0px;
}
img.listitem-image {
 float:right;
 padding:5px;
}
/*
p.listitem-readmore { 
 text-align:right;
}
*/

/*
--------------------------------------------------------------------------------
Blue Box 
--------------------------------------------------------------------------------
*/
.bluebox {
 width:215px;
 margin:20px 0 10px 0;
}
.bluebox .bluebox_head {
 background-image:url(../../images/bluebox_head.png);
 height:10px;
 line-height:0;
 font-size:0;
}
.bluebox .bluebox_content {
 background-color:#0074bc;
 padding:2px 10px 0 10px;
 color:white;
}
.bluebox .bluebox_arrow {
 display:block;
 float:right;
 padding:0 0 0 0px;
 margin:2px 4px;
 width:51px;
 height:42px;
 background-image:url(../../images/bluebox_arrow.gif);
}
.bluebox h1, .bluebox h2, .bluebox h3, .bluebox h4, .bluebox h5, .bluebox h6, .b
luebox p, .bluebox li {
 color:white;
 padding:0 0 5px 0;
}
.bluebox a {
 color:white;
 font-weight:bold;
 text-decoration:underline;
}
.bluebox .bluebox_foot {
 height:10px;
 line-height:0;
 font-size:0;
 background-image:url(../../images/bluebox_foot.png);
}

/*
--------------------------------------------------------------------------------
Sideboxes
--------------------------------------------------------------------------------
*/
.sidebox_blue, .sidebox_orange, .sidebox_turquoise {
 width:195px;
 padding:5px 10px;
 background-image:repeat-y;
 line-height:1em;
 margin:5px 0;
}
.sidebox_blue {
 background-image:url(../../images/sidebox_blue.gif);
}
.sidebox_orange {
 background-image:url(../../images/sidebox_orange.gif);
}
.sidebox_turquoise {
 background-image:url(../../images/sidebox_turquoise.gif);
}
.sidebox_blue .title, .sidebox_orange .title, .sidebox_turquoise .title {
 color:white;
 width:90px;
 float:left;
 font-size:16px;
 line-height:20px;
}
.sidebox_blue .description, .sidebox_orange .description, .sidebox_turquoise .de
scription {
 color:black;
 width:100px;
 float:right;
 font-size:10px;
}
.sidebox_blue .description a, .sidebox_orange .description a, .sidebox_turquoise
 .description a {
 color:black;
}
p.center {
 text-align:center;
}
p.right {
 text-align:right;
}
img.right {
 float:right;
}
img.left {
 float:left;
}
.red {
 color:#f22;
 font-weight:bold;
}
.external-link {
 background: url(../../images/external.png) center right no-repeat;
 padding-right: 13px;
}