@CHARSET "UTF-8";

body {
	font: 13px Georgia, serif;
	text-align:left;
	margin:0;
	background:#FFF;
}

#wrap {
	position:relative;
	zoom:100%;
	min-width:910px;
	max-width:910px;
	margin-top:20px;
/*	margin-left: auto;
    margin-right: auto;
*/	padding:0px;
	background:#FFF;
/*	border: solid 1px #000;
*/	padding-bottom:10px;
}

img{border-style: none;}

.hr {
    height:0px;
    width:100%;
    background:#fe5153;
    margin:0;  
    padding:0;
    border: 0;
    border-top: 2px solid #fe5153;
}


.a:visited .a:link {
    color: #fe292b;

}



/*classes for the banner image slideshow */
.slideshow {position: relative; height: 355px; width: 1024px; overflow: hidden;}
.slide { display: none; position: absolute;}
.slide.current { display: block; }



#quote {
	position:absolute;
	font-style: italic;
	top:40px;
	left:200px;
	opasity:1;
}

.page-body{
	width:900px;
	margin-left: auto;
    margin-right: auto;
	font: 13px Georgia, serif;
}

#adminstories {
	padding:1px;
	border:1px;
}

#admintop td{
	font-weight:bold;
	background-color:#bfdaff;
}


#menu {
	width:195px;
	font: 17px Georgia, serif;
	text-align:right;
}


#menu .menuItem {
	margin:10px 0 10px 0;
}

#menu .copyrighttext {
	margin:100px 0 10px 0;
	font: 11px Georgia, serif;
	text-align:right;
	color: #7b7c7e;
}


#menu .current {
	margin:10px 0 10px 0;
}
#menu .menuItem	a:link    {color:#7b7c7e;text-decoration:none}  /* unvisited link */
#menu .menuItem a:visited {color:#7b7c7e;text-decoration:none}  /* visited link */
#menu .menuItem a:hover   {color:#fe292b;text-decoration:none}  /* mouse over link */
#menu .menuItem a:active  {color:#4b4c4d;text-decoration:none}  /* selected link */

#menu .current	a:link    {color:#fe5153;text-decoration:none}  /* unvisited link */
#menu .current a:visited {color:#fe5153;text-decoration:none}  /* visited link */
#menu .current a:hover   {color:#fe292b;text-decoration:none}  /* mouse over link */
#menu .current a:active  {color:#4b4c4d;text-decoration:none}  /* selected link */

#content {
	vertical-align: top;
	padding: 5px 0px 5px 20px;
	max-width:685px;
	min-width:685px;
}

.floatLeft { 
	position:relative;
    float: left; 
    margin: 4px; 
}


.talkdate {
	color:#000055;
	font-weight:bold;
	font:14px Georgia, serif;
	margin: 15px 0 0 15px;
}

.talkdescription {
	font: 13px Georgia, serif;
	text-align:left;
	margin:0 0 0 18px;
}


.talktype {
	color:#000011;
	font-weight:bold;
	font:17px Georgia, serif;
	margin: 20px 0 0 3px;
}


.indentbox {
	font: 13px Georgia, serif;
	margin: 10px 0 15px 25px;
	clear: left;

}

.indentbox .title {
	color:#000011;
	font-weight:bold;
	font:17px Georgia, serif;
	margin: 0px 0 0 3px;
	clear: left;
}

.indentbox .newslabel {
	color:#000055;
	font-weight:bold;
	font:14px Georgia, serif;
	margin: 10px 0px 0px 10px;
}

.indentbox .newstext {
	font: 13px Georgia, serif;
	text-align:left;
	margin:2px 0px 0px 15px;
}

.indentbox a:link, a:visited {
	text-decoration:none;
	color: #fe292b;
/*	color: #005500;  */

}

.indentbox a:hover {
	text-decoration:none;
	color: #fe292b;
}

.bioname {
	color:#000055;
	font-weight:bold;
	font:17px Georgia, serif;
	margin: 0px 0px 0px 133px;
}

.bioname a {
	color: #fe292b;
/* 	color:#000055; */
	text-decoration:none;
}

.biotext {
	color:#000000;
	font:13px Georgia, serif;
	margin: 3px 0px 0px 133px;
}





.charityTitle {
	color:#000055;
	font-weight:bold;
	font:32px Georgia, serif;
	padding:3px;
	margin-top: 10px;
}

.charityDescribe {
	color:#005500;
	font-weight:bold;
	font:22px Georgia, serif;
	padding:3px;
	margin-top: 20px;
}




.charityStepHeader {
	clear:left;
	color:#000033;
	font-weight:bold;
	font:24px Georgia, serif;
	padding:5px;
	margin-top: 10px;
	margin-left: 0px;
}

.charityStepTitle {
	color:#000033;
	font-weight:bold;
	font:18px Georgia, serif;
	padding:3px;
	margin-top: 10px;
	margin-left: 0px;
}

.charityStepText {
	color:#000033;
	font-weight:bold;
	font:14px Georgia, serif;
	padding:3px;
	margin-top: 10px;
	margin-left: 0px;

}



.authorname {
	color:#000033;
	font-weight:bold;
	font:17px Georgia, serif;
	padding:3px;
	margin-top: 10px;
}



.authorname a {
	color: #fe292b;
/*	color:#000055;  */
	text-decoration:none;
}



.blurb {
	font: 14px Georgia, serif;
	color: #111111;
	margin-top:25px;
	margin-bottom:0px;
	margin-left: 0px;
}

.blurbauthor {
	font: Georgia, serif;
	font-size: 14px;
	color: #000066;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 15px;
	}


.gorilla_product_title {
	font: Georgia, serif;
	font-size: 16px;
	color: #000066;
	margin-top:25px;
	margin-bottom:0px;
	margin-left: 15px;
}

.gorilla_product_title a:link {
	font: 16px, Georgia, serif;
	font-size: 16px;
	color: #fe292b;
/*	color: #000066;  */
	text-decoration:none;
	margin-left: 0px;
}

.gorilla_product_title a:visited {
	font: 16px, Georgia, serif;
	font-size: 16px;
	color: #fe292b;
/*	color: #000066;  */
	text-decoration:none;
	margin-left: 0px;
}


.gorilla_product_description {
	font: 14px Georgia, serif;
	color: #111111;
	margin-top:5px;
	margin-bottom:0px;
	margin-left: 15px;
	}


.pagetitle {
	font:18px Georgia, serif;
	font-weight:bold;
	color:#fe292b;
	margin:5px 0 5px -5px;
}

.pagetitlesmall {
	font:15px Georgia, serif;
	font-weight:bold;
	color:#fe292b;
	margin:7px 0 5px 0px;
}

.pagetitlesmall a:link, .pagetitlesmall a:visited {
/*	color:#fe292b;
	text-decoration:underline;
*/	color:#7b7c7e;
	text-decoration:none;
}

.pagetitlesmall .current a:link, .pagetitlesmall .current a:visited {
	color:#fe292b;
	text-decoration:none;
}

.pagetitlesmall a:hover{color:#fe292b}  /* mouse over link */




.container_box {
	clear:left;
	padding:2px;
	font-size:12px;
	margin:15px 0 0 0;
}






.container_box img{
	position:relative;
	clear: left;
    float: left; 
    margin: 4px;
}







.blurb_box {						/* Used for blurb on home page */
	width:700px;
/*	border: 1px #CCC solid;  
*/	padding:0px;
	font-size:13px;
	margin:20px 0px 20px 0px;
}

.blurb_box img {
	float:left;
	margin:0px 15px 30px 30px;
}
.blurb_box .endorse {
	font-size:15px;
	color:#7b7c7e;
	margin:10px 0 0 0;
}

.blurb_box .endorser {
	font-size:12px;
	color:#7b7c7e;
	margin:5px 0px 10px 20px;
}

.blurb_box .endorser a {
	font-size:12px;
	color: #fe292b;
/*	color:#000055;  */
	margin:5px 0px 10px 0px;
}


.outline_box {
/*	border: 1px #8d8a8a solid;     */
	padding:2px;
	font-size:13px;
	margin:15px 0 0 0;
}

.outline_box .title {
	color:#000055;
	font-weight:bold;
	font:17px Georgia, serif;
	margin:5px 0px 5px 0px;
}

.outline_box_nostory {
	padding:10px;
	font-size:13px;
	margin:15px 0 0 0;
	text-align:left;
	color:#000;
}

.container_box_nostory {
	background-color:#b6b3b3;
	border: 1px #8d8a8a solid;
	padding:50px;
	font-size:14px;
	font-weight:bold;
	margin:15px 0 0 0;
	text-align:center;
	color:#fff;
}

.container_box .title {
	color:#fff;
	font-weight:bold;
	font:15px Georgia, serif;
	padding:5px;
}

.container_box .leftbold{
	font-weight:bold;
}

.container_box hr {
    height:1px;
    width:100%;
    background:#8d8a8a;
    margin:0;  
    padding:0;
    border: 0;
}

.container_title {
	font-weight:bold;
	color:#033d7d;
}
.container_hugetitle {
	font-weight:bold;
	color:#033d7d;
	font-size:15px;
}
	
.container_bigtitle {
	font-weight:bold;
	color:#033d7d;
	font-size:13px;
}
.container_box .text_input{
	background-color: #eee;
	border: 1px #033d7d solid;
}

.table-hack {
	font-size:11px;
}

/* THE CLASSES BELOW ARE USED FOR THE LIVE TWITTER FEED ON THE MAIN PAGE */

#twitter_div {
	color:#000055;
	font-weight:bold;
	font:14px Georgia, serif;
	margin: 10px 0px 0px 5px;
}

#twitter_div a {
	color:#0000aa;
	font-weight:bold;
	font:12px Georgia, serif;
	text-decoration:none;
}

#twitter_div a:hover {
	color:#550000;
	font-weight:bold;
	font:12px Georgia, serif;
	text-decoration:none;
}

ul#twitter_update_list {
	list-style: none;
	font-size: 14px;
}
ul#twitter_update_list li {
	margin-bottom: 10px;
	padding: 3px;
	color:#000055;
}




/* THE CLASSES BELOW ARE USED FOR POPUP MENUS.  THEY ARE ADAPTED FROM CODE GENERATED BY PURECSS.COM */

/* clears the popup menu when you stop hovering over it.  Otherwise, multiple popup menus appear */
ul.pureCssMenu ul {
	display:none
}

/* displays the popup menu when hover over main menu links */
ul.pureCssMenu li:hover>ul {
	display:block;
	z-index:1;
}

/* seems to position the popup menu so that it appears to the side of the main menu */
ul.pureCssMenu ul {
	position: absolute;
	left:98%;top:-1px;
}

/* sets up the background and border for the main menu.  We're not using the border, so I've set that to 0 px */
ul.pureCssMenu {
	margin:0px;
	list-style:none;
	padding:10px 0px 1px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
	text-align:right;
	width:100%;
/*	border-color:#EEEEEE #777777 #666666 #C9C9C9;
	border-width:0px;
	border-style:solid;   */
}


/* sets up all of the defaults for the main menu */
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#ffffff;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	text-align:right;
	text-decoration:none;
	padding:4px 0px 4px 0px;
	font:17px Georgia;
	color: #7b7c7e;
	text-decoration:none;
	cursor:default;

}


/* sets up all of the defaults for the submenu */
ul.pureMenuSub a, ul.pureMenuSub li.dis a:hover, ul.pureMenuSub li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#ffffff;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	text-align:right;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:13px Georgia;
	color: #7b7c7e;
	text-decoration:none;
	cursor:default;
}


/* styles the text that is being moused over for the main menu  It makes the link under the mouse red, 17pt, etc. */
ul.pureCssMenu li:hover>a{
	background-color:#FFFFFF;
	border-color:#ffffff;
	border-style:solid;
	font:17px Georgia;
	color: #fe5153;
	text-decoration:none;
}

/* styles the text that is being moused over for the submenu.  It makes the link under the mouse red, 15pt, etc. */
ul.pureMenuSub li:hover>a {
	background-color:#FFFFFF;
	border-color:#ffffff;
	border-style:solid;
	font:13px Georgia;
	color: #fe5153;
	text-decoration:none;
}


/* creates the border around the popup submenus.  Not sure it does anything else */
ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
	border-color:#EEEEEE;
	border-width:1px;
	border-style:solid;
}



/* this might be necessary for internet explorer */
ul.pureCssMenu table {
	border-collapse:collapse
}


/* positions the menu on the left of the screen and sets its width.  Not yet sure how width is set */
ul.pureCssMenu {
	display:block;
	zoom:1;
	_width:195px;
	float: left;
}


/* aligns the text in a submenu to the left  */
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}


/* positions the submenu relative to the link when mousing over a top link with a subdirectory  */
ul.pureCssMenu li:hover{
	position:relative;
}


/* adds 1 pixel to the top and left of each link in the main menu to help with spacing.  */
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}


/* by adding a span around the link text, this will add padding to the right so that the popup box doesn't crowd the text */
/* if you want a right arrow next to subdirectories, add back in the commented out stuff within the span class */
ul.pureCssMenu span {
	display:block;
    padding-right:12px;
    /*	background-image:url(./images/arrow_sub1.gif);
	    background-position:right center;
	    background-repeat: no-repeat;   */
}


/* END OF CLASSES FROM PURECSS.COM */