﻿/*
Stylesheet by Ken Schiff (signk [at] guiguy dot com)
Some of the code/ideas are mine, however, most are based on general reading and others who
have shared their ideas. Some of the code is from specific sites and hopefully the attribution
is clear. Take a look, borrow and steal, but please keep the attributions clear.
That's the way the Web works...and we'll all continue to learn together.
Oh, and since this is a work in progress, you'll see lots of commented out lines, redundancies,
and unnecessary styles. They will be cleaned up in time.
*/
html {margin: 0; padding: 0;}

body {
margin: 0;
padding: 0;
font-family: sans-serif;
background-color: white;
font: 96%;
}

#left {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
	/*background:#E8E8E8;*/
	height:100%;	
	border-right: solid 1px #e4e0ea;
}
@media print
{
	#left {
	display:none;
}
}

#noleft {
	margin-left: -249px;
}

#container
{	
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	height:100%;
}

#content {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
div#content { 
	min-height:300px;
	min-width:1000px;
}

#mainarea
{ 
	margin-left: 255px;
}

@media print 
{
	#mainarea
{ 
	margin-left: 5px;
}
}

#leftarea
{
	margin: 5px;
}


/*General Styles*/
h6	{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0px;}	
h5	{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0px;}	
h4	{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0px;}	
h3	{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0px;}	
h2	{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0px;}	
h1	{
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: 0px;}	
h1 {text-align: center;}
	
h3 {margin-bottom: 3px;}

h6{text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px;
font-size: 100%;
text-align: center;
}

p {
	line-height: 125%;
	margin-top: 0;
	margin-bottom: 1em;
	
}
#agents p 
{
	float: left;
	width: 798px;
}
.small{
	font: 76%;
	line-height: 85%;
	margin-bottom: 0em;
	padding-bottom: 0;
}

.logo, .signUpText {
	text-align: center;
	margin-top: 20px;
	width:100%;
}

.tiny{
	font: 60%;
	margin-bottom: 0em;
	padding-bottom: 0;
	font-weight: normal;
}
HR {margin: 1em 1em 0 0;	color: Maroon; width: 75%;}	

.required{
	font-weight: bold;
}
.ital{
	font-style: italic;
}
.green
{
	color:green;
}
.bullet{
	list-style: square;
}
.sup{
	font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
.headline{
	line-height: 110%;
	text-align: center;
	text-shadow: Black;
}
/*end General Styles*/

/*Credits: Menu system by Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;  /*originally 34px: sets position of tab bar*/
	margin: 0 auto 0 auto;
	background: url('./images/menugkc_bg.gif') repeat-x;  /*tab background image path*/	
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;  /* Do not change*/
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding:0 0 0 5px; /*Padding to accomodate left tab image. Do not change: WAS 16*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 10px 0 2px; /*right was 24 and left was 8*/
}

.glossymenu li a:hover{
	color: #fff;
	background: url('./images/menugkc_hover_left.gif') no-repeat;
/*left tab image path*/	background-position: left;
}

.glossymenu li.current a{
	color: #fff;
	background: url('./images/menugkc_hover_left.gif') no-repeat;
/*left tab image path*/	background-position: left;
}

.glossymenu li a:hover b{
	color: #fff;
	background: url('./images/menugkc_hover_right.gif') no-repeat right
top; /*right tab image path*/
}

.glossymenu li.current a b{
	color: #fff;
	background: url('./images/menugkc_hover_right.gif') no-repeat right
top; /*right tab image path*/
}

@media print
{
	.glossymenu{
	display:none;
}
}
/*End Menu system*/


#top
{
	background-image: url('./images/rr_masthead.jpg');
	background-repeat: no-repeat;
	height: 125px;
	/*margin-top: 25px;*/
	text-align: center;
}

@media print
{
	#top
	{
		display:none;
	}
}
#verbiage
{
	/*margin-left: 10px;*/
/*margin-right: 160px;*/
/*border-right: 1px solid gray;*/
/*max-width: 36em;*/
min-width: 20em;
	height: 100%; /*padding: 3em 2em 2em; took out padding to raise content*/ /*margin-top: 30px;*/ /*margin-right: 200px;*/
	padding: 0em 3em 0em 1em;
	float: left;
	width: 90%;
	vertical-align: baseline;
	padding-right: 10;
}


#footer
{
clear: both;
margin: 5px 0px 0px 0px;
/*padding: .5em;*/
color: white;
/*background-color: #003C00;*/
background-color: #003C00;
/*border-top: 1px solid gray;*/
 /*position: fixed;*/
 vertical-align: bottom;
 font-size: 80%;
 padding: 5px 3px 5px 3px;
 line-height: 120%;
 font-weight:normal;
 /*background-image: url(images/v.gif);
 background: repeat-y;*/
 border-top-color: #A9A9A9;
 border-top-style: solid;
 border-top-width: 1px;
 border-left: 7px solid #8B0000;
}

@media print
{
	#footer
{
display:none;
}
}
a.regfooter {
	color: white;
	text-decoration: none;
	border-bottom: 0.1em dashed white;
}
#rightnav p { margin: 0 0 1em 1em; }
#leftnav p { margin: 0 0 1em 1em; }
#content h2 { margin: 0 0 .5em 0; }
#headline{
	text-align: left;
	margin-bottom: -2em;
	margin-left: 160px;
}
#slogan{
	text-align: center;
	margin-top: -9em;
	margin-bottom: 5em;
	z-index: 9999
}
/*end of basic page structure*/

/*begin mouse cursors*/

.handcursor
{
	cursor: hand;
}
/*end  mouse cursors*/

/*non-cascading links*/

#nav2 ul { /* all lists */
		
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		font-size: 95%;  /*size of menu font*/
	}

#nav2 { /* all lists */
		
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		font-size: 95%;  /*size of menu font*/
	}
#nav2 li { /* all menu list items */
		position : relative;
		float : left;
		/*line-height : 1.25em;*/
		line-height: 2.00em; /*distance between menu items*/
		/*margin-bottom : -1px; /*truncates bottom of menu lists*/
		width: 11em;
	}
#nav2 li a {
		width: 11em;  /* width of all displayed menus*/
		width : 10em;
		display : block;
		/*color : #014121;*/
		color: #8B0000;
		font-weight : bold;
		text-decoration : none;
		padding : 0 0.5em;
		background-color: transparent;
		text-shadow: red 1.2em 1.3em 1.2em 
	}
#nav2 li a:hover{
		/*color : white;*/
		/*background-color : black;*/
		background-color: #E5DAC0;
	}
/*end non-cascading links*/

/*begin tooltips*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
	 border-bottom: medium dotted #8B0000;
	 }

a.info:hover{
	z-index:25;
	color: white;
	background-color:#8B0000
	}
a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
/* Concept credit to SantaKlauss at http://www.madaboutstyle.com/tooltip2.html*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em; /*positioning of ToolTip relative to text*/
    border:1px solid #8B0000;
    background-color: #F9F6ED;
	 color: #8B0000;
    text-align: left;
	 padding: .5em;
	 font-size: 105% /*  Work around IE/Win code size bug - A List Apart*/
	 	}
/*end tooltips*/

/*Regular Links*/
a.reg:link {
	text-decoration: none;
	/*border-bottom: thin dashed Blue;*/
	font-weight: normal;
}
a.reg:hover {
	/*border-bottom: thin solid Blue;*/
	text-decoration: none;
   background-color: #DFDFDF;
	/*border-bottom: 0px none;*/
	}
a.reg:visited {
   color: navy;
	text-decoration: none;
	/*border-bottom: 0.1em dashed Blue;*/
}

/*begin image placement classes*/
.right
{
	border-width: 0px;
	float: right;
}
.left
{
	padding-left: 10;
	border-width: 0px;
	float: left;
	padding-right: 10;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.center { 
text-align: center;
}
.indent {
	margin: 7px;}
/*end image placement classes*/

/*Forms*/
p.formlabel{
	text-align: right;
	font: 76%;
}
p.formdata{
	text-align: left;
}
/*End Forms*/


/*FAQ*/
table.faq{
	font-size: 100%;
		border-spacing: 0px;
		border-bottom: 0px White;
		border-left: 0px White;
		border-right-width: 0px;
		border-top: 0px White;
		border-right-color: White;
}

.cat {
margin: 0;
padding: 0;
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
/*background-color: white;*/
font: bold 100%;
}
.catdesc{
margin: 0;
padding: 0;
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: white;*/
font: normal 100%;
 color: #014121;
}
/*End FAQ*/


.blueheader
{
background-color:green; height:20px; color:#c5d2e4; font-weight:bold; padding-top:5px; padding-left:5px; margin-bottom:5px;
}

.errortext
{
color: Red;
font-weight: bold;
}

.bold
{
color: Green;
font-weight: bold;
}

.SectionHeader
{
column-span:2;
color:#002E70;
font-weight:bold;
text-decoration:none;
text-align:center;
background-color:#DDDDAA; 
height:20px; 
padding-top:5px; 
padding-left:5px; 
margin-bottom:5px;
}

.PropertyName
{
color:Green;
font-weight: bold;
}

.AttributeName
{
color:Green;
font-weight: bold;
white-space:nowrap;
text-align:right;
}

.AttributeValue
{
font-weight: normal;
white-space:nowrap;
text-align:left;
}

.CustomFieldName
{
color:Green;
font-weight: bold;
white-space:nowrap;
text-align:right;
font-size: smaller;
text-decoration:none;
}

.CustomFieldValue
{
font-weight: normal;
white-space:nowrap;
text-align:left;
font-size: smaller;
text-decoration:none;
}

.boldheader {
color:#002E70;
font-weight:bold;
text-decoration:none;
text-align:right;
}

.checkboxAttribute {
list-style-image:url(images/icoCheckItem.gif);
vertical-align:top;
}

.div-tr{
  width:100%;
}

.div-td-left{
  position: left;
  width: 50%;
}
.div-td-right{
  position: right;
  width: 50%;
}

.uploadPanel
{
	width:500px;
	height:300px;
	padding:20px;
}

.UploadPanelText
{
	font-size:xx-small;
}

.PlayMoviePanel
{
	padding:20px;
}

.modalBackground
{
	background-color:#FFF7B0;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.divtable { 
width:100%; 
display:table; 
overflow:hidden; 
margin:0 auto;
} 

.divtr { 
width:100%; 
display:table-row; 
overflow:hidden; 
margin:0 auto;
} 

.divtd { 
height:100%; 
display:table-cell; 
overflow:hidden; 
padding: 10px; 
vertical-align:middle;
position:relative;
float: left;
} 

#reports 
{
	padding:20px;
	width:650px;
}

#divAdvancedSearch .divtd1
{
	height:100%; 
	display:table-cell; 
	overflow:hidden; 
	padding: 4px 10px 4px 10px; 
	vertical-align:middle;
	position:relative;
	float: left;
	width:30%;
	text-align:right;
	margin-top:5px;
	padding-right:0px
}

#divAdvancedSearch .divtd2
{
	height:100%; 
	display:table-cell; 
	overflow:hidden; 
	padding: 4px 10px 4px 10px; 
	vertical-align:middle;
	position:relative;
	float: left;
	text-align:left;
}

#divAdvancedSearch .divtd2checkbox
{
	height:100%; 
	display:table-cell; 
	overflow:hidden; 
	padding: 4px 10px 4px 6px; 
	vertical-align:middle;
	position:relative;
	float: left;
	text-align:left;
}
#divAdvancedSearch select
{
	width:155px;
}