/* Reset START */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Reset END */
	

   
body { 
	margin: 0; 
	padding: 5px 0 0 0;
	background: #fff; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.7em; 
	color: #000; }


a { color: #2F637A; background: inherit; text-decoration:none; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
h3 {	font: bold 1em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h4 {	font: bold 1em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }

.small{
  color:#800080;
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  font-size:10px;
  font-style:italic;
  text-decoration:none;
}	
.seeit{
  color:#000000;
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  font-size: 1.5em;  
  text-decoration:none;
  margin: 0 10px 8px 10px;
}	

.bold { 
       color: #000; 
	   font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	   font-weight: bold; 
	   font-size:1.5em;
	   text-decoration: none; }

 
/* layout */
#content { margin: 10px auto; width: 960px; }
#newcontent { background: #FFF; margin: 0 auto; width: 960px;}
#greencontent { background: #D1DCB3; margin: 0 auto; width: 960px;}
#formpage { background: #D8DFE7; margin: 10px auto; width: 960px;}
#adminpage { background: #FFF; margin: 10px auto; width: 960px;}
#header{ height:155px;  background-color: #8D9CAF; border: 1px solid #8D9CAF; }
#logo { margin: 0 0 10px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

/*  *******backimage set up for fundraising sections***** 
#fundraiser { background: url(../images/ftfbg.gif) no-repeat; margin: 10px auto; width: 960px;  }			
#fundraiser3 { background: url(../images/fundraisers/holidayfund_bg.jpg) no-repeat; margin: 10px auto; width: 960px;  }		
.RIsmall{  color:#FFF;  font-family:"Verdana", Arial, Helvetica, sans-serif;  font-size: .8em;   font-style:italic;  text-decoration:none; }					
#RIbody1 { float: left;  padding: 20px 25px;	font-weight: bold; 	font-size: 1.5em; color: #FFF;  background: #808080 url(../images/idolstage.gif) no-repeat;}	
#RIbody1 a{ color: #FFFF00; background: none; text-decoration:none; }
#RIbody2 { float: left;  padding: 20px 25px;	font-weight: bold; 	font-size: 1.5em; color: #FFF;  background: #3A5076 url(../images/fundraisers/idol2010bk.gif) no-repeat;}	
#RIbody2 a{ color: #FFFF00; background: none; text-decoration:none; }
#RIbody2a { float: left;  padding: 20px 25px;	font-weight: bold; 	font-size: 1.5em; color: #FFF;  background: #3A5076 url(../images/fundraisers/idol2010bk1.gif) no-repeat;}	
#RIbody2a a{ color: #FFFF00; background: none; text-decoration:none; }
#RIbody2b { float: left;  padding: 20px 25px;	font-weight: bold; 	font-size: 1.5em; color: #FFF;  background: #3A5076 url(../images/fundraisers/idol2010bk2.gif) no-repeat;}	
#RIbody2b a{ color: #FFFF00; background: none; text-decoration:none; }
#RIbody2c { float: left;  padding: 20px 25px;	font-weight: bold; 	font-size: 1.5em; color: #FFF;  background: #3A5076 url(../images/fundraisers/idol2010bk3.gif) no-repeat;}	
#RIbody2c a{ color: #FFFF00; background: none; text-decoration:none; }	
*/
#fundraiser2 { background: #FFFFFF no-repeat; margin: 10px auto; width: 960px;   }							


/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(../images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(../images/lbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #A38547 url(../images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	#tablist li a:hover{
		background: #6495AB url(../images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #C2CEDE url(../images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 22px;
	}
	#tablist li a.admin{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #fff top right;
		font-weight: bold;
		color: #fff;
	}

	
	#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 640px;
	background: #C2CEDE url(../images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	height: 75px;
	text-decoration:none; 
	color: #2F637A;
	display:inline; overflow:hidden;  
}
	#topics li a { font: normal 1.1em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; background-image: url(../images/minipawprint.gif); background-repeat: no-repeat; background-position: top left;  padding: 0 0 0 12px; text-decoration:none; }

	
#listing {
	clear: left;
	float: left;
	width: 100%;
}

	#listing li { font: normal 1.1em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; background-image: url(../images/minipawprint.gif); background-repeat: no-repeat; background-position: top left;  padding: 0 0 0 12px; }

#textfull {
			display:inline; overflow:hidden; 
			border: 0px solid #ccc;
			margin: 0 15px 10px 15px;
			font-size: 1.5em;  
			}
#textrt {
			float: right;
			border: 0px solid #ccc;
			margin: 0 10px 8px 10px;
			font-size: 1.5em;  
			}			

/* paypal button bar */
#toprt {
	float: right;

	background: #C2CEDE url(../images/topicsbg.gif) no-repeat left bottom;
	color: #000;
	padding: 5px 5px 12px 25px;
	min-height: 55px; /* FF height */
	height: 74px;	/* IE height */
	width: 280px;
	display:inline; overflow:hidden;  
}
	/* paypal button form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.toprt { width: 170px; border: 1px solid #357994; background: #C2CEDE; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
	
.splits {
		float: left;
		width: 275px;
		padding: 0 10px 0 15px;
	}			

	.rtimage {
			float: right;
			clear: right;
			border: 0px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0 15px 10px 15px;
			}
			
	.genimage {
			float: left;
			clear: left;
			border: 0px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0 15px 10px 0;
		}
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	


	.image { float: left; margin: 0 9px 3px 0; }

/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
	
	
#form {
	float: left;
	width: 800px;
	padding: 20px 25px;	
	
}	



#newleft {
	float: left;
	width: 300px;
	padding: 0px 6px;	
}	

#newright {
	float: right;
	width: 640px;
	
}



#bigleft {
	float: left;
	width: 600px;
}

	.admbox {
		background: #D1DCB3 ;
		color: #454545;
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		float: left;
	}
	
	.box {
		background: #BACB87 url(../images/articles.gif);
		color: #454545;
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	
	.box a{
		background: none;
			}

.formbox {
		color: #454545;
		padding: 4px 15px;
		border: 1px solid #000;
		margin: 0 0 10px 0;
  		background: #D8DFE7;
	}



#bigright {
	float: right;
	width: 300px;
}
	.leftcol { 
		float: left; 
		padding: 10px 10px;
		width: 280px; 
		border:#ccc 1px solid;
		text-align: left;
		margin: 0 auto;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
	}
	
	
	#button a  {border-style: inset;
		border-color: #C2CEDE;
        background-color: #ffffff;
        text-decoration: none;   
        width: 80px;
        text-align: center;
		float: left;
		clear: left;
		margin: 0 15px 10px 0;
		}		
  
  .buttontext {color: black; 
                text-decoration: none;   
                font:  10pt Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
                cursor: default;}

  .buttonover  {color: #8E8E8E; 
                text-decoration: none;
                font:  10pt Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
                cursor: default;}
			
.center { float: left; width: 203px; background: #fff; margin: 0 10px 0 10px; color: #5d5d5d; display:inline; overflow:hidden;  }
	.smboxtop { height: 14px; background: #D8DFE7 url(http://www.newrattitude.org/images/smboxtop.gif) no-repeat; color: #000; }
	.smbox { background: #D8DFE7 url(http://www.newrattitude.org/images/smbox.gif) no-repeat bottom left; color: #000;  }
	.smbox p { padding: 0; margin: 0; }
/* for Mozilla/Safari/Opera */
*>.smbox {
 padding-top: 200px;
 min-height: 1px;
}
*>.smbox p {
 margin-top: -200px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .smbox {
 height: 200px;
}
/* end filter */


.dlbtn {border: 0;}
.dlbtn a {border: 3px outset rgb(204, 204, 204); margin: 0pt; padding: 7px; display: block; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; width: 100px; line-height: 20px; text-align: center; font-family: Verdana,Geneva,sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: rgb(0, 0, 0); background-color: rgb(10, 217, 237); font-style: normal;}
.dlbtn a:hover{}
.dlbtn a:active{outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;} 

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}