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

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

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

#header {width:914px; height:172px;	background-image:url(../images/pride_header.jpg); background-repeat:no-repeat;} /* Includes the logo bar and the menu. Is divided into a top half and bottom half.  Bottom half is for the menu. */

	.headertop {text-align:left; width:904px; height:140px;} 
	.pridelogo {float:left; text-align:left; width:770px; height:120px;}
	.headeradvert {float:right; text-align:center; width:105px; height:70px; margin:12px 18px 0px 0px; padding-top:20px; line-height:normal;}
	.headerbottom {text-align: left; width:906px;	height:31px; margin-left:8px;}

#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;}

ul {padding:0px; margin:10px;}
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;}

.topstory_middle a:link {color:#03F; text-decoration:underline; font-weight: bold;}
.topStory_middle a:visited {color:#60C; text-decoration: underline;}
.topstory_middle a:hover {color:#FF7; text-decoration: underline;}

.middle_box a:link {color:#03F; text-decoration:underline; font-weight: bold;}
.middle_box a:visited {color:#60C; text-decoration: underline;}
.middle_box a:hover {color:#FF7; text-decoration: underline;}

#yellow_middle a:link {color:#03F; text-decoration:underline; font-weight: bold;}
#yellow_middle a:visited {color:#60C; text-decoration: underline;}
#yellow_middle a:hover {color:#AA7; text-decoration: underline;}

.general_text_black {font-size:9pt;	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;}
#yellow_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;}
	
	.orange_top    {background: url(../images/pride_orange_top.gif) no-repeat;}
	.orange_middle {background: url(../images/pride_orange_middle.gif) repeat-y;}
	.orange_bottom {background: url(../images/pride_orange_bottom.gif) no-repeat;}

	.yellow_top    {background: url(../images/pride_yellow_top.gif) no-repeat;}
	.yellow_middle {background: url(../images/pride_yellow_middle.gif) repeat-y;}
	.yellow_bottom {background: url(../images/pride_yellow_bottom.gif) no-repeat;}
	
	.green_top    {background: url(../images/pride_green_top.gif) no-repeat;}
	.green_middle {background: url(../images/pride_green_middle.gif) repeat-y;}
	.green_bottom {background: url(../images/pride_green_bottom.gif) no-repeat;}
	
	.blue_top    {background: url(../images/pride_blue_top.gif) no-repeat;}
	.blue_middle {background: url(../images/pride_blue_middle.gif) repeat-y;}
	.blue_bottom {background: url(../images/pride_blue_bottom.gif) no-repeat;}

	.purple_top    {background: url(../images/pride_purple_top.gif) no-repeat;}
	.purple_middle {background: url(../images/pride_purple_middle.gif) repeat-y;}
	.purple_bottom {background: url(../images/pride_purple_bottom.gif) no-repeat;}
	
.topstory_top {width:387px;	height:24px; background:url(../images/pride_mainstory_top.gif) no-repeat; padding:5px 11px 0px 11px;}
.topstory_middle {text-align:left; 	height:auto; width:387px; background:url(../images/pride_mainstory_middle.gif) repeat-y; padding:5px 11px 5px 11px;}
.topstory_bottom {width:387px; height:19px; background:url(../images/pride_mainstory_bottom.gif) no-repeat; padding:0px 11px 0px 11px; margin-bottom:20px;}
#TopStoryMiddle img {float:left;border:1px solid black; margin-right:10px;}
#NewsletterMiddle img {margin: 0px 86px; float:none; border:3px solid blue;}
#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_ul {list-style-position: outside; margin:0px; list-style:none;  padding:0px;}

#twitter li {background-image: url('../images/rainbow_bullet.gif');	background-position: 0px 0px; /* X-pos Y-pos (from top-left) */
		background-repeat: no-repeat; margin:0em;	padding-left:2em; margin-left:0px;	margin-top:5px;}

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

form {margin-top:10px;}

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