@charset "utf-8";
/* CSS Document */

body {margin:10px 10px;	padding:0px; text-align:center; float:left;}

#container {border:0px solid red; overflow: hidden; width:914px; margin:0px auto;} /* Encompasses everything on the page */

#header {border:0px solid black; width:914px; height:147px;} /* Includes the logo bar and the menu. Is divided into a top half and bottom half.  Bottom half is for the menu. */

	.headertop {margin:0px 2px; border:0px; text-align:left; width:916px; height:90px;} 
	img.headertop {float:left; text-align:left}
	.ccrlogo {float:left; text-align:left; height:90px;}
	.headerbottom {border:0px solid green; text-align: left; width:914px; height:57px; margin:0px; background-image:url(../images/ccr_header.jpg); background-repeat:no-repeat;}
	.menu {margin:0px 5px; padding:22px 0px;}

#slideshow {width:627px; height:231px; overflow:hidden; padding:0px; margin:0px 0px 0px 0px; border:1px solid red;}
	
#content {float:right; text-align:left; width:884px; margin:0px 0px; padding:10px 15px 0px 15px; background-image:url(../images/pride_midsection.gif); background-repeat:repeat-y;} /* Everything below the menu. */
		
.footer {float:none; width:914px; height:53px; background-image:url(../images/pride_footer.gif);	background-repeat:no-repeat;} /* Everything below main content, which is basically just the bottom of the background rounded rectangle. */
	
h3 {font:bold 14px/1.2 Arial; margin-top:0px; text-align:left;} /* h tag used to force a blank link after heading in top story. margin-top used to eliminate blank line above the heading. */
h3.subheading {margin: 1em 0em -1em 0em;}
h4 {font:bold 12px/1.2 Arial; text-align:left;}

ul {padding:0px; margin: 0px 15px;} 
ul li {padding:0px; margin:0px;} 
	
#sidebox_middle a:link {color:#FFF; text-decoration:underline; font-weight: bold;}
#sidebox_middle a:visited {color:#EEE; text-decoration: underline; font-weight: bold;}
#sidebox_middle a:hover {color:#FF0; text-decoration: underline; font-weight: bold;}

.general_text_black {font-size:10pt; font-family:Arial, Helvetica, sans-serif; font-weight: normal;	color:#000; text-align:left; line-height:normal;}
.general_text_white {font-size:9pt;	font-family:Arial, Helvetica, sans-serif; font-weight: normal;	color:#FFF; text-align:left; line-height:normal;}

.boxheading_black {font-weight:bold; font-family:Arial, Helvetica, sans-serif;	font-size:14px; color:#000;}
.boxheading_white {font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#FFF;}

.leftcolumn {float:left; text-align:center; width:209px; padding:0px 11px 0px 11px;}
#slideshow {float:left; width:627px; height:231px; margin:0px 0px 15px 7px; border:1px solid black}
.middlecolumn {float:left; text-align:center; width:398px; padding:0px 7px 0px 4px;}
.rightcolumn {float:right; text-align:center; width:209px; padding:0px 11px 0px 11px;}
	
#sidebox_top {width: 181px;	height: 24px; padding: 5px 30px 0px 5px;}
#sidebox_middle {width: 171px; text-align: left; padding: 5px 30px 5px 15px;}
#sidebox_bottom {width: 181px; height: 31px; padding: 5px 30px 5px 5px;}
	
	.red_top    {background: url(../images/pride_red_top.gif) no-repeat;}
	.red_middle {background: url(../images/pride_red_middle.gif) repeat-y;}
	.red_bottom {background: url(../images/pride_red_bottom.gif) no-repeat;}

.topstory_top {width:387px;	height:24px; padding:5px 11px 0px 11px;}
.topstory_middle {text-align:left; 	height:auto; width:387px;  padding:5px 11px 5px 11px;}
.topstory_bottom {width:387px; height:19px; padding:0px 11px 0px 11px; margin-bottom:20px;}

.ie {border: 1px solid black; width:387px; padding:5px 11px 0px 11px;background-color: #FFF;}

#TopStoryMiddle img {float:left;border:1px solid black; margin-right:10px;}
#DonationMiddle img {float:left;border:1px solid black; width:64px; height:64px; margin: 0px 10px 0px 0px;}

		
#calendar {margin-top: 0px;}
						
#twitter_div {text-align:left; padding:5px 5px 5px 5px;}

.twitter_feed {width: 172px;}

#twitter-link {font-family:Tahoma, Geneva, sans-serif; font-size:10px;}

form {margin-top:10px;}

.clear {clear: both; padding-top: 0px;}