/*----- default definitions -----*/
* { /* Global white space reset */  margin: 0; padding: 0; }

body { 
	font-family: "Lucida Sans Unicode","Trebuchet MS",Arial,Helvetica,sans-serif; 
	font-size: 14px;
	background: white url(gfx_bodybgd.jpg) top left repeat-x;
	line-height: 1.4;
	text-align: center;
	}
a:link { color: rgb(40,120,240); text-decoration:underline; }	
a:link:visited { color: rgb(135,35,235); text-decoration:underline; }
a:link:hover, a:visited:hover { background: rgb(255,185,100); color: black; text-decoration:none; }
a:link:active { color:rgb(65,135,65); text-decoration:underline; }
	
h1 { font-size: 140%; margin: 5px 0; padding: 0; color: rgb(60,75,90); }
h2 { font-size: 125%; padding: 10px 0 0 0; }
h3 { font-size: 100%; padding: 5px 0; color: rgb(235,135,35); }
h4 { font-size: 100%; padding: 10px 0; color: black; }

p {	padding-bottom: 15px; text-align: left; }
.tiny {	font-size: 90%; }
.big { font-size: bigger; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.red { color: rgb(240,0,0); }
.white { color: white; }
.amber { color: rgb(235,135,35); }
.gray { padding: 3px; color: rgb(160,165,170); }
.divelog { color: rgb(35,135,35); font-size: 13px; }

img { border: 1px solid black;}

div { margin: 0; padding: 0; }
ul { margin: 0 0 0 10px; padding: 0 10px 10px 20px; }
ol { margin: 0 10px; list-style-type: lower-alpha; list-style-position: inside;}
li { text-align: left; padding: 0 0 0.5em 0; }
hr { border: 1px solid rgb(195,200,205); margin: 10px 0; }
hr.line { width: 90%; text-align: center; margin: 1.5em; border-top: 0;	border-bottom: 1px dotted rgb(195,200,205); }


/*----- page section definitions in order of appearance from top to bottom -----*/
#header { width: 960px; height: 120px; margin: 0 auto; background: url(gfx_banner.jpg) bottom left no-repeat; }
#page {	display: block;	clear: both; width: 860px; margin: 0 auto; text-align: left; }
#footer { clear: both; padding: 120px 0 20px 0; background: url(gfx_pgbtm.jpg) no-repeat bottom center; }
#footer p { font-size: 9pt;	color: rgb(60,75,90); text-align: center; position: relative; top: 1.5em; left: -3em; }	
.footertop { float: right; width: 24px;	position: relative;	top: 5px; right: 1em; border: 0; }
.footerw3c { float: left; width: 88px; position: relative; top: 3px; left: 1em;	border: 0; }
.top { float: right; border: 0; margin-top: 8px; }


/*----- css drop down menus -----*/
#menu { display: block; clear: both; width: 960px; margin: 0 auto; font-size: 10pt; text-align: center; overflow: auto; }
#menu a { color: black; text-decoration: none; }
#menuitems, #menuitems ul {	padding: 0; margin: 0 auto; list-style: none; text-decoration: none; }
#menuitems li {	display: block; float: left; padding: 2px 4px 5px 4px; margin: 4px auto 0 auto; border-top: 1px solid white; }
#menuitems li a { display: block; width: auto; }
#menuitems li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 11.5em;
	margin-left: -4px;
	z-index: 2;
	font-weight: normal;
	color: black;
	background: white;
}
#menuitems li li { margin: 0 1px 0 0; padding: 0.25em 1em; width: 9.5em; }
#menuitems li:hover, #menuitems li.selected:hover { background: rgb(255,185,100); }
#menuitems li:hover ul {
	left: auto;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	}
#menuitems li.selected {
	font-weight: bold;
	background: rgb(105,123,145); color: white;
	border-top: 1px solid rgb(128,132,136);
	border-left: 1px solid rgb(128,132,136);
	border-right: 1px solid rgb(128,132,136);
}
#menuitems li.selected a { color: white; }
#menuitems li.selected ul a { color: black; }
				

/*----- submenu area definitions -----*/
.submenu {
	clear: both;
	margin: 0; padding: 5px 0 3px 0;
	text-align: center;
	font-size: 10pt;
	color: rgb(255,255,255);
	background-color: rgb(105,123,145);
	}
.submenu a { padding: 2px 5px; color: white; text-decoration: none; }
.submenu a:hover { border-bottom: 3px solid rgb(255,185,100); }
.submenulite { padding: 2px 5px; font-weight: bold; background: rgb(158,172,185); color: white; border-bottom: 3px solid rgb(158,172,185); }
.submenu i { font-style: normal; color: rgb(180,190,200); }


.btmmenu {
	clear: both;
	margin: 0 0 15px 0; padding: 14px 0 5px 0;
	text-align: center; font-size: 10pt;
	background: white url(gfx_btmmenubgd.jpg) top left no-repeat;
}
.btmmenu a {
	padding: 2px 8px; color: rgb(50,60,70); text-decoration: none; background: white; border-top: 1px solid #adafb3;
	border-bottom: 1px solid #adafb3; border-left: 1px solid #adafb3; border-right: 1px solid #adafb3;
}
.btmmenu a:hover { border-top: 2px solid rgb(255,185,100); }
.btmmenu b {
	padding: 2px 8px; color: black; font-weight: bold; background: white; border-top: 4px solid white;
	border-bottom: 1px solid #adafb3; border-left: 1px solid #adafb3; border-right: 1px solid #adafb3;
}


#submenu2 {	float: right; width: auto; margin: 10px 15px 0 0; text-align: right; color: rgb(230,240,250); font-size: 8pt; }
#submenu2 a { color: white; padding: 0 4px; text-decoration: none; }
#submenu2 a:hover { color: black; }
.submenu2lite { color: black; padding: 0 4px; background: rgb(250,165,100); }	

.menustrip { clear: both; margin: 15px auto; padding: 2px 10px; background: rgb(238,239,243); text-align: center; }


/*----- section definitions -----*/
#intro { clear: both; width: 900px; margin: 15px auto 10px auto; border-bottom: 1px dotted rgb(194,202,206); }
.introleft { float: left; width: 180px; padding: 70px 1em 0 2em; font-size: 90%; text-align: left; }
.introimg { float: left; width: 560px; margin: 0 auto; text-align: center; }
.introtext { padding: 35px 25px 10px 25px; clear: both; color: rgb(20,75,108); }
.introleft ul { padding-left: 0.5em; }
.introleft li, .introtext li { padding: 0 1em 0 0; }

.searchbox { float: right; width: 160px; padding: 10px 20px 0 0; font-size: 10pt; text-align: right; height: 240px; position: relative; }
.searchbox h4 {	text-align: left; font-weight: normal; color: black; }
.searchbox p { padding-right: 20px; text-align: left; color: black; left: 0; bottom: 0; position: absolute; }

.bannerad1 { padding: 5px 0 0 0; }
.section, .section2 { display: block; clear: both; }
.section p, .section ul, .section li { margin-right: 220px; }
.section div p, .section div ul, .section div li { margin-right: 0px; }

.subtitle { color: rgb(235,135,35); margin: 10px 0 20px 0; border-top: 1px dotted rgb(194,202,206); }
.subtitle_noborder { color: rgb(235,135,35); margin: 0 0 10px 0; }


/*----- page layout definitions -----*/
.column { float: left; padding: 0 15px; }
.col-txt { float: left; clear: left; padding-bottom: 10px; width: 640px; }
.col2-1 { float: left; width: 417px; padding-right: 13px; }
.col2-2 { float: right; width: 417px; padding-left: 10px; }
.col3-1 { float: left; width: 300px; padding-right: 15px; }
.col3-2 { float: right; width: 300px; }
.col2-1 p, .col2-2 p, .col3-1 p, .col3-2 p, col-txt p { margin: 0; padding-bottom: 20px; }

.col-img { float: right; width: 202px; padding: 5px 0 10px 18px; }
.col-img p { margin: 0; padding-bottom: 20px; color: rgb(210,110,20); font-size: 13px; line-height: 1.2; }

.topborder { border-top: 1px solid rgb(215,220,225); }
.rightborder { border-right: 1px solid rgb(215,220,225); }
.noborder { border: none; }

/*----- image boxes definitions -----*/
.imgleft { float: left; clear: left; padding: 5px 10px 0px 0; margin: 0; }
.imgright {	float: right; padding: 5px 0 10px 15px; margin: 0; right: 0;}
.imgctr { padding: 5px 0 10px 0; margin: 0 auto; }
.imgright li, .imgleft li { padding: 0 0 0 10px; }
.imgleft p, .imgright p, .imgctr p { padding: 0 5px 20px 5px; color: rgb(210,110,20); font-size: 13px; line-height: 1.3; }
.imgctr p { text-align: center; }

.galleryimg { float: left; width: 104px; height: 120px; margin: 10px 15px; }
.galleryimg p { padding-bottom: 10px; color: rgb(210,110,20); font-size: 13px; line-height: 1.2; text-align: center; }

.galleryphoto { width: 802px; margin: 10px auto; text-align: center; }
.galleryphoto p { padding: 0; margin-bottom: 30px; color: rgb(100,108,114); font-size: 13px; text-align: center; }
.nav { margin: 10px 0; padding: 2px 0; text-align: center; font-size: 13px; }

.thumb { width: 400px; clear: left; padding-bottom: 0.5em; }
.thumb img { float: left; margin-right: 2em; }
.thumb p { font-size: 90%; }


/*----- sidebars and reminders definitions -----*/
.infobox, .notice { margin: 5px 0 10px 0; padding: 0; font-size: 13px; }
.infobox { background: rgb(235,245,255); }
.notice { background: rgb(248,248,190); }
.infobox h4 { margin: 0; padding: 5px 10px; clear: both; line-height: 1; background: rgb(165,215,255); }
.notice h4 { margin: 0; padding: 5px 10px; clear: both; line-height: 1; background: rgb(255,185,100); }
.infobox p, .notice p { margin-right: 0; padding: 10px; color: black; }
.infobox ul, .notice ul { margin: 0 0 0 10px; padding: 10px 10px 10px 15px; }
.infobox .col-img { margin-left: -20px; }

.flleft { float: left; margin: 0 20px 0 0; }
.flright { float: right; margin: 0 0 10px 20px; }


/*--- disjointed rollovers - currently not used ---*/
#Relative { position: relative; margin: 0 auto 14px auto; min-height:200px; _height:200px /**for IE6 Only**/ }
#rollover ul { margin: 0; padding: 0 0 0 15px; }
#rollover li { line-height: 1; }
#rollover li a span { visibility: hidden; display: block; position: absolute; left: 200px; top: 0px; }
#rollover p {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 200px;
	margin-right: 10px;
	line-height: 1.2;
	border-right: 1px solid rgb(200,200,200);
}
#rollover i {
	position: absolute;
	left: 220px;
	top: 170px;
	line-height: 1.2;
	width: 340px;
	font-style: normal;
}

#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span { visibility:F; }
#rollover li a:hover, #rollover li a:focus { text-decoration: none; visibility:visible; }
#defaultImage {	visibility: visible; display: block; position: absolute; left: 200px; top: 0px;}


/*----- table definitions -----*/
table {	padding: 0; margin: 3px auto 0 auto; text-align: left; font-size: 10pt; }
tr, td, th { padding: 4px 5px 2px 10px;	}
.thead { background: rgb(250,220,195); }
.trowa { background: rgb(254,250,246); }
.trowb { background: rgb(248,236,224); }

/* prevent zero-content section collapse */
#page:after, #container:after, #intro:after; #content:after, #data:after, #footertopmargin:after, #footer:after, #menu:after, .submenu:after { clear: both; content: " "; }



/*----- end of rir.css -----*/