@import url("/includes/css/print.css");
@import url("/includes/css/user.css");

@media SCREEN {

body {
	font:small Verdana, Tahoma, Helvetica, sans serif;
	color:#666;
	background-color:#E1F8DA;
	margin:0;
}

a:link {color:#006600; text-decoration:none;}
a:visited {color:#00B300; text-decoration:none;}
a:hover {color:#0293D6; text-decoration:none;}

p {
	padding:0 5px;
	margin:10px;
	line-height: 1.5em;
	color:#666666;
}

h1 {
   	font:larger Verdana, Tahoma, Helvetica, sans serif;
	color:#446600;
	padding:0 5px;
	margin:10px;
}

h2 {
   	font:larger Verdana, Tahoma, Helvetica, sans serif;
	color:#5E8C00;
	padding:0 5px;
	margin:10px;
}

hr {
	width:90%;
	border:0;
	height:1px;
	border-top:1px solid #015E89;
	padding:0;
	margin:0 auto;
}


/*support topics section*/
.topics ul {
   	margin-left:10px;
}

.topics ul li {
   	margin-left:25px;
	color:#666666;
}

.topics ul ul li {
   	margin-left:15px;
	color:#666666;
}



/* Main Layout */

.frame {
	border:1px solid #707070;
	width:718px; /* with the border the frame is 720px wide */
	margin:5px auto;
	background-color:#FFFFFF;
}

/* Main Header Styles */

.header {
	height:123px; /* with the border the header is 124px high */
	background:url("lrrdlogo.gif") no-repeat; /*logo gif is 138x123 pixels*/
	border-bottom:1px solid #707070;
}

.header_content {
	width:578px; /* with the border the header_content is 579px wide */
	background:bottom url("header_photo_1.jpg") no-repeat #006600; /*578x102 pixels*/
	float:right;
	height:100%;
	color:#00b300;
	border-left:1px solid #707070;
	font-size:100%;
}

.header_content_links {border-bottom:1px solid #707070; height:20px; line-height:14px;}

.header_content_tool_links {
	float:left;
	padding:3px 0;
	text-align:center;
	color:#ffd800; /*this changes the bullet color*/
	width:578px;
}

.header_content_tool_links a:link {color:#FFFFFF; padding:0 12px; padding:0 16px;}
.header_content_tool_links a:visited {color:#FFFFFF;}
.header_content_tool_links a:hover {color:#FFD800;}

/* Main Menu Style */

.menu {
	height:22px;
	border-bottom:1px solid #707070;
}

.menu_content {
	font-size:small;
	float:left;
	padding:3px 0;
	text-align:center;
	color:#00B300; /*changes bullet color*/
	width:718px;
}

.menu_content_links a:link {color:#015E89; padding:0 12px; padding:0 16px;}
.menu_content_links a:visited {color:#006600;}
.menu_content_links a:hover {color:#0293D6;}

/* Main Body Style */

.body {
	border-top:8px solid #006600; /*color of thick bar above body title*/
}

.body a:link {color:#0279B0; text-decoration:underline}
.body a:visited {color:#0293D6; text-decoration:underline}
.body a:hover {color:#FF7508;}

.body_title_bar {
	border-bottom:1px solid #015E89;
	padding:8px 15px;
	font:x-large "Times New Roman", Times, serif;
	color:#015E89;
}

.body_title_bar a:link {color:#0279B0; text-decoration:none}
.body_title_bar a:visited {color:#0293D6; text-decoration:none}
.body_title_bar a:hover {color:#FF7508;}

.body_content {padding-bottom:5px; float:left; width:100%;}

.side_box {
	float:right;
	border-left:1px solid #C4D2BB;
	border-bottom:1px solid #C4D2BB;
	margin-left:10px;
	width:200px;
	padding:0;
	color:black;
	clear:right;
	height:auto;
	overflow:visible;
}

.side_box ul {
	margin:0;
	padding:5px;
}

.side_box ul li {
	margin:5px 5px 5px 20px;
	padding:0;
	color:#555;
	list-style:disc outside;
}

/*specs table*/
table {
	  position: relative;
	  left: 5%;
	  width: 90%;
	  border: 1px solid #000;
	  background: #fff;
	  }
	  
table th, table td {
	  margin: 0;
	  padding: 8px 20px;
	  text-align: center;
	  border-bottom: 1px solid #999;
	  }
	 
table th {
	  color: #006600;
	  text-decoration: underline;
	  font-size:110%;
	  }
	  
table .name {
	  text-align: right;
	  valign: top;
	  font-weight: bold;
	  }

table .desc{
	  text-align: left;
	  valign: top;
	  }
	  
table tr {
	  background: #f0faf0;
	  }
	
table tr.alt {
	  background: #e1f8da;
	  }

/*--image & caption--*/
.images {
float: ;
width: 680px;
padding: 8px 0;
border: ;
}
.images dl {
float: left;
width: 680px;
margin: 8px 16px;
padding: 0;
display: inline; /*fixes IE/Win double margin bug*/ 
}
.images dt {
float: right;
width: 162px;
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: 1px;
color: #0279B0;
}
.images dd {
margin: 0 0 0 220px;
padding: 10px; /*Steve changed this from zero to 10px*/
font-size: 100%;
line-height: 1.5em;
color: 	#666666;
}
.images dl dd.img {
margin: 0;
}
.images dd.img img {
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #d9e0e6;
border-bottom-color: #c8cdd2;
border-right-color: #c8cdd2;
/*background: #666;*/
}

/*reverse float--Steve; the alt dt just floats the image to the left*/
.images .alt dt {
float: left;
}
.images .alt dd {
margin: 0 220px 0 0;
}
.images .alt dd.img img {
float: right;
margin: 0 0 0 8px;
}



/* Main Footer Styles */

.footer {
	clear:both;
	text-align:center;
	font-size:smaller;
}

.footer_links {
	border-top:1px solid #C4D2BB;
	margin:0;
	padding:3px;
	color:#B1BEA9;
}

.footer_copyright {
	border-top:1px solid #707070;
	background-color:#006600;
	padding:2px;
	margin:0;
	color:#B5CDD8;
}

.footer_copyright a {color:#B5CDD8;}
.footer_copyright a:visited {color:#B5CDD8;}

/* Additional content specific styles:*/

#pinEditor {
	margin:0 auto;
	width:100%;
	height:300px;
	overflow:visible;
}
#pinEditor iframe {
	border:1px solid #ccc;
	height:99%;
	width:99%;
	margin:0 auto;
}
#pineditor div textarea {height:1px;}

#google {width:90%; margin:0 auto;}
#google table {margin:0 auto;}

#ajax_loader{height:30px; width:auto; margin:10px auto; background:url('/images/site_images/ajax_loader.gif') center no-repeat;}

.clearfix:after {
	content: "."; 
	display:block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
.clearfix {
	display: inline-block;
} 
}