/*
CSS for IDRS.org
Global Styles
by Saxton Rose
*/


* {margin: 0; padding: 0; border: 0;}

body {
	text-align: center; 
  	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;	
	font-size: small;
	color: #444;
	min-width: 758px;
	background: #eee;
}

/* wrap holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#wrap {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */
#wrap { 
	text-align: left;
	width: 90%;
	margin: 0 auto; 
	background: #eee;
}

#header {
	clear: both; 
	width: 100%;	
	color: #fff; 
  	height: 110px;
  	border-bottom: 1px solid #f5f5f5; 
	background: #9AD3F1 url(../images/bg-header.jpg) repeat-x top left;	  
}
#contentfloatholder {/* right faux column tab */
	float: left;
	width: 100%;
}
#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}
#content {
	float: right;
	width: 60%;
	margin: 20px 4% 14px 0;
	padding: 6px 2% 20px 2%;				
	border: 1px solid #d5d5d5; 	
	background: #fff url(../images/bg-content.gif) repeat-x top left;	 				
	}

#leftsidebar {
	float: right;
	width: 22%;
	margin: 18px 0 20px 0;
	padding: 0 2% 10px 2%;		
	}	
	
#content-wide {
	float: left;
	margin: 20px 3% 14px 3%;
	padding: 6px 10px 20px 10px;					
	border: 1px solid #d5d5d5; 	
	background: #fff url(../images/bg-content.gif) repeat-x top left;	 				
	}	
#content-home {
	margin: 0 175px 14px 175px;
	padding: 6px 12px 18px 12px;
	border: 1px solid #d5d5d5;				 	
	background: #fff url(../images/bg-content.gif) repeat-x top left;	
}
	
#contentwrap {
 	float:left;
	width: 100%; 
    margin: 18px -95% 0 0;
	}

#leftsidebar-home {
    float: left;
    width: 170px;
    margin: 18px 0 20px -5%;
    padding: 0 0 10px 0;	 
}
#rightsidebar {
  float:right;
  width: 170px;
  margin: 18px 0 0 0;
}
/* links
---------------------------------------------------------- */

a:link, a:visited {
	color: #004276;	
	}
a:hover {
	color: #000;
	text-decoration: none;
	}


/* type */

#content p, #content-home p, #content-wide p {	
	margin: 0;
	padding: 2px 0 8px 0;
	font-size: 95%;			
    line-height: 1.6em;
	}	

#leftsidebar p, #leftsidebar-home p, #rightsidebar p {
	margin: 0;
	padding: 2px 3px 3px 4px;
	font-size: 88%;	
    line-height: 1.3em;
	}	
.home  {
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
	color: #733763;
 	font-size: 180%;  
    line-height: 1.4em;	
	margin: 0;
	padding: 8px 0 2px 0;	
	}		
#content h1, #content-home h1, #content-wide h1 {	
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
	color: #333;
 	font-size: 180%;  
	margin: 0;
	padding: 8px 0 2px 0;	
	}
#content h2, #content-home h2, #content-wide h2 {	
    color: #733763;
	margin: 12px 0 0 0;
	padding: 5px 0 4px 0;	
	font-size: 120%;		
}

#content h3, #content-home h3, #content-wide h3 {	
    font-family: Georgia, serif;
    color: #733763;
	margin: 14px 0 0 0;
	padding: 5px 0 4px 0;	
	font-size: 120%;		
	border-top: 2px solid #ddd;		
}
#content h4, #content-home h4, #content-wide h4 {	
    color: #444;
	margin: 0;
	padding: 4px 0 4px 0;	
	font-size: 100%;
	line-height: 1.3em;			
}
#leftsidebar h1, #leftsidebar-home h1, #rightsidebar h1 {
    color: #222;
	margin: 6px 0 2px 0;
	padding: 2px 3px 3px 4px;
	font-size: 98%;
	border: 1px solid #bbb;	
    background: #ddd;	
}
#leftsidebar h2, #leftsidebar-home h2 {
	color: #2F4754;
	margin: 6px 0 0 0;
	padding: 2px 0 1px 0;						
}
#headerlogo {
	position: absolute;
	top: 18px;
	z-index: 10;
	width: 100%;
	left: 0;
}
#headerlogo a {
	margin: 0 auto;
	width: 488px;
	display: block;
	border: none;
}
#logo-reed {
	position: absolute;
	top: 7px;
	z-index: 10;
	width: 100%;
	left: -280px;
}
/* navigation
---------------------------------------------------------- */
#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 5px solid #ddd; 		
	background: #eee url(../images/bg-nav.gif) repeat-x top left;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Georgia, serif;	
	font-size: 80%;
	letter-spacing: 1px;
	text-transform: uppercase;			
	border-right: 1px solid #C8C8C8;	
	}

#nav a {
	margin: 0;
  float: left;
	padding: 8px 12px 9px 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	text-shadow: #fff 1px 1px 1px;		
	background: no-repeat 10px 55%;
	border-bottom: none;		
	}

#nav a:hover {
	margin: 0;	
	color: #000;
	background-color: #eee;
	border-top: 1px solid #ccc;	
	border-bottom: 0;
	border-right: 0;
	background: #eee url(../images/bg-nav-hover.gif) repeat-x top left;			
	}
	
#nav a.active {
	margin: 0;	
	font-weight: bold;
	color: #333;
	border-top: 1px solid #ccc;		
	background: #ddd url(../images/bg-nav-active.gif) repeat-x top left;	
	}
#submitnews {
	display: inline;
	float: right;
	padding: 0;
	margin: 0;	
	}


/* lists
---------------------------------------------------------- */
ul li {
	list-style: none;
}
#content ul, #content-home ul, #content-wide ul  {
	margin: 3px 0 3px 10px;
	padding: 0 0 4px 0;	
	font-size: 95%;			
	}
#content ul li, #content-home ul li, #content-wide ul li {
	margin-bottom: 3px;	
	padding: 1px 0 2px 14px;		
	line-height: 1.4em;
	background: url(../images/ib-bullet.gif) no-repeat 0 6px;	
	}
#content ol, #content-home ol, #content-wide ol {	
	margin: 3px 0 3px 26px;
	padding: 0 0 4px 0;	
	}

#content ol li, #content-home ol li, #content-wide ol li {
	margin-bottom: 3px;	
	padding: 1px 0 2px 1px;	
	line-height: 1.4em;
	}

#leftsidebar ul, #leftsidebar-home ul, #rightsidebar ul {
	margin: 0;
	padding: 2px 2px 8px 0;
	}
#leftsidebar li, #leftsidebar-home li, #rightsidebar li {
    margin: 0 0 0 2px;
 	padding: 3px 0 4px 10px;
	font-size: 88%;		 
    line-height: 1.4em;
 	list-style: none; 
 	background: url(../images/ib-bullet.gif) no-repeat 0 8px;	 
	}


		
	
/* images
---------------------------------------------------------- */
#homepic {
	float: left;
	display: block;
	width: 100%;	
	height: 220px;
	margin: 0 0 8px 0;
	padding: 0;	
	border: 2px solid #fff;
	background: url(../images/homepics/01.jpg) no-repeat top left;	 	
	}
#homepic h1 {
	font-size: 1.4em;
	font-weight: normal;	
	color: #fff;	
	padding: 28px 80px 20px 14px;	
	}	
img.alignleft {
	float: left;
	display: block;
	margin: 3px 8px 3px 0;	
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;	
	}

img.alignleftnoborder {
	float: left;
	display: block;
	margin: 3px 8px 3px 0;	
	padding: 3px;
	}	
a img.alignleft:hover {
	border: 1px solid #bbb;
	background: #eee;
	}	
img.alignright {
	float: right;
	display: block;
	margin: 3px 0 3px 10px;	
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;	
	}
a img.alignright:hover {
	border: 1px solid #bbb;
	background: #eee;
	}	
img.alignrightnoborder {
	float: right;
	display: block;
	margin: 3px 0 3px 10px;	
	padding: 3px;
	}		
img.aligncenter {
	float: left;
	display: block;
	margin: 3px 10%;	
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;	
	}
a img.aligncenter:hover {
	border: 1px solid #bbb;
	background: #eee;
	}		
img.video {
	float: left;
	display: block;
	margin: 3px 8px 3px 0;	
	padding: 2px;
	width: 300px;		
	height: 113px;
	border: 1px solid #ddd;
	background: #fff;	
	}
/* Forms
---------------------------------------------------------- */
#search, #username, #password {
	margin: 4px 0;
	padding: 2px;
	color: #666;		
	vertical-align: middle;
	width: 69%;
	border: 1px solid #d2d2d2;
	background: #fff;		
	}
#username, #password {
	width: 140px;
	background: #f8f8f8;		
	}	

#joinform {
	margin: 0 0 25px 0;
	padding: 26px 20px 20px 20px;
	background: #eee url(../images/bg-joinform.gif) repeat-x top left;
	}
#joinform dl dd {
	margin: 2px 0 14px 0;
	padding: 0;
	}
#joinform p.note {
	margin-top: 20px;
	}
#joinform dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#joinform dt {
	color: #383d44;
	font-weight: bold !important;
	}
#joinform dt em {
	color: #c00;
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	}
#joinform dt span {
	font-weight: normal;
	font-style: italic;
	color: #666;
	}
#joinform input,
#joinform select {
	padding: 2px;
	font-size: 110%;
	color: #444;
	border: 1px solid #ccc;
	}	
#joinform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 110%;
	color: #444;
	border: 1px solid #ccc;
	}
#joinform input.button {
	width: auto;
	padding: 0;
	}
#content input {
	padding: 2px;
	font-size: 105%;
	color: #444;
	border: 1px solid #ccc;
	}	
#content input.button {
	width: auto;
	padding: 0;
	}

	

/* Log
---------------------------------------------------------- */

/*************************************
 +Entry
 *************************************/
.entry{
	padding:0;
	margin-bottom: 18px;
}

.entrytitle a {
	text-decoration:none;		
}
.entrytitle h2 {
	font-size: 140%;	
}
.entrymeta{
	padding: 3px 6px 10px 6px;
	margin-top: 10px;	
	margin-bottom: 10px;	
	color:#777;
	font-size: 0.8em;
	line-height: 1.4em;
	border-top: 1px solid #ddd;	
	background: #f5f5f5;		
}
.entrybody{
	padding: 4px 0;	
}
.postedby{
	padding-top: 6px;
	color: #666;	
	font-size: 0.85em;
}

.navigation{
	font-size: 1.3em;	
}

.filedto{
	background:url("../images/ic-bullet_disk.gif") no-repeat 2px 1px;
	display: inline;
	padding-left:15px;
}
.commentslink{
	background:url("../images/ic-comment.gif") no-repeat 0 1px;
	margin-left: 20px;
	padding-left: 18px;	
	display: inline;	
}
.bookmark {
	padding: 0 8px 0 0;	
	display: inline;	
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin: 4px;
	padding: 2px;
}
.commentsblock p{
	color: #222;
	padding: 7px;
}

.commentsblock textarea{
	width: 320px;
	padding: 5px;
    font-family: Georgia, serif;	
	background: #eee url(../images/bg-joinform.gif) repeat-x top left;
}
.commentauthor{
	display: inline;		
	padding-left: 7px;
	font-size: 1em;
}
.commentlist{
	display: inline;
	color: #777;
}
.commentmetadata{
	color: #777;
}

.commenttext{
	padding: 5px;
	font-size: 0.9em;	
}
.even{	
	background: #fff;
	border: 1px solid #eee;	
}
.alt{			
	background: #f6f6f6;
	border: 1px solid #eee;	
}


	
/* ---[[[ footer ]]]----------------------------------- */
#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 0 30px 0;
	font-size: 85%;
	color: #ddd;
	border-top: 4px solid #bbb;
	background: #333 url(../images/bg-footer.gif) repeat-x top left;			
	}
	
#footer p {
	margin: 0;
	padding: 10px 0;
	line-height: 1.5em;
	text-align: center;
	text-shadow: #111 1px 1px 1px;		
	}
#footer a {
	color: #A0D9F6;	
	text-decoration: none;	
	}
#footer a:hover {
	color: #fff;
	text-decoration: underline;		
	}
	
/* ---[[[ FM tables ]]]----------------------------------- */	

.recordlist_nav {
	color: #7e7e7e;
	font-variant: normal;
	text-align: center;
	margin-bottom: 5px;
}

table.record {
	margin-top: 10px;
	padding:8px;
	padding-left:4px;	
	background: #eee url(../images/bg-joinform.gif) repeat-x top left;	
}

td.field_name {
	font-size:12px;
	text-align: right;
	font-weight: normal;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:10px;
	vertical-align:top;
}

td.field_data {
	font-size: 12px;
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
}

td.field_data img {
	border-left: 1px solid #777;
	border-top: 1px solid #999;
	background: #fff;
	padding: 5px;
}

tr.submit_btn {
	color: #222;
	font-size: 12px;
	text-align: left;
	margin-top:15px;
}

th.browse_header {
	text-align: center;
	padding: 5px;
	font-weight: normal;
	border: 1px solid #666;
	background: #aaa url(../images/bg-nav.gif) repeat-x top left;
}
table.browse_records{
	background-color:#ccc;
	border-collapse:collapse;
	width: 100%;
	font-size: 85%;
}

.portal{
	border: 1px solid;
	border-collapse:collapse;
}

th.portal_header {
	background-color: #000;
	font-size: 12px;
	text-align: left;
	padding: 3px;
}
tr.table_row{
	background: #ddd url(../images/bg-nav-active.gif) repeat-x top left;	
}
table.browse_records tbody{
	border-right: 1px #888 solid;
}
tr.alt_row {
background: #f2f2f2 url(../images/bg-alt_row.gif) repeat-x top left;		
}
td.browse_cell{
	border-left: 1px #888 solid;
	border-bottom:1px #888 solid;
	padding: 3px 6px;
	font-weight: normal;
}

td.browse_cell img.video {
	width:50px;
}
td.browse_cell img.video {
	width:150px;
}
td.group_header{
	background-color:#ccc;
	height: 35px;
	font-weight: bold;
	text-align: left;
	padding-left:10px;
	border-left:1px #000 solid;
	border-bottom:1px #000 solid;
}
td.group_total_title{
	font-size:12px;
	height:25px;
	background: #b0e19a;
	color: #0;
	padding-left:10px;
	border-left:1px #000 solid;
	border-bottom:1px #000 solid;
}
td.grand_total_title{
	font-size:12px;
	font-weight:bold;
	height:40px;
	background: #ff9990;
	color: #000000;
	padding-left:10px;
	border-left:1px #000000 solid;
}

td.group_total{
	height:25px;
	background: #b0e19a;
	color: #1b43ff;
	font-weight: bold;
	text-align: right;
	padding-right:10px;
	border-bottom:3px #333 solid;
}
td.grand_total{
	height:40px;
	background: #ff9990;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	padding-right:10px;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}