@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
/* Now named main.css, but left for a while in case some old pages use this */
/* reset styles Added after fest*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end reset styles */
body {
	background-color: #4C711C; /* green */
}
body#events img{
	float: left;
}
#header {
	background-image: url(images/backgroundimages/CorbaFTF_website_headerV5.jpg);
	background-repeat: no-repeat;
	height: 161px;
	width: 882px; /* was 782 */
	text-align: center;
}
#header p { /*for archive note and link*/
	text-align: right;
	padding: 118px 10px 0px 0px;
	font: italic  0.8em/1.5em Arial, sans-serif;
}

#mainmenu,
#menu2 {
	background-repeat: no-repeat;
	height: 20px;
	width: 882px; /* was 782 */
	color: #0F4A7D;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background-color: #4C711C; /*green last letter was D*/
	padding-top: 7px;
	list-style: none;
}
#menu2 {
	border-top: 2px solid #0f4a7d;
/*	border-left: none; didn't work*/
	padding-top: 5px;
	overflow: hidden;
	zoom: 1; /*for IE6*/
}
#menu2 li {
	float: left;
	width: 10em;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #0f4a7d;
	font-weight: bold; /* apparently a default for li overrules #menu2 */
}
#container {
	width: 900px; /*was 800*/
	margin-right: auto;
	margin-left: auto;
	left: auto;
	right: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}
#content {
	background-image: url(images/backgroundimages/CorbaFTF_website_bodyback+200.jpg);
	background-repeat: no-repeat; 
	/*background-color: #FFFFFF; This works, the background images show, but then white below, maybe it's because the image below overrides when it can. Nope, works even if place below.*/
	width: 882px; /* was 782 */
	min-height: 359px;
	font-size: 12px;
}
#leftcolumn,
#leftcolumnEvents,
#singlecolumn {
	float: left;
	width: 375px;/* was 375, may add the 100 to right*/
/*	min-height: 359px; the background image may be controlling this*/
	padding-right: 10px;
	padding-left: 50px;
	color: #4C711D;
/*	background-color: #FFF; 
*//*	overflow: auto;  shouldn't be needed anymore since columns can grow*/
}
#leftcolumnEvents {
	width: 275px;
	padding-right: 10px;
	padding-left: 20px;
}
#singlecolumn {
	width: 822px;
	padding: 0px 30px;
}
#rightcolumn,
#rightcolumnLeftJust{ /*used in faq*/
	/*background-color: #FFFFFF; Ignored*/
	float: right;
	width: 350px;
/*	min-height: 319px;*/
	padding-right: 50px; /*this and the following four lines were delected sometime after 10/22, but I can't imagine why*/
	padding-left: 30px;
	text-align: center;
	padding-top: 40px;
	font-weight: bold;
	color: #0F4A7D;
/*	overflow: auto; shouldn't be needed anymore since columns can grow*/
}

#rightcolumnLeftJust {
	text-align: left;
	font-weight: normal;
}
#sponsors {
	background-color: #FFFFFF;
	clear: both; /* added to see if it would place it below left and right column like footer (it is appearing just below the right column. It worked!! But need to move sponsors inside content*/
	width: 872px; 
	bottom: 0; /*trying to push to bottom of content when content is less than minimun size NO GO*/
	padding-right: 5px;
	padding-left: 5px;
	/*text-align: center;*/ /*for sponsor logos*/
	left: auto;
	right: auto;
}
#footer {
	background-image: url(images/backgroundimages/CorbaFTF_website_footerV2.jpg); /*white with green line 882x43*/
	background-repeat: no-repeat;
	clear: both;
	height: 43px;
	width: 882px; /* was 782 */
	font-size: x-small;
	text-align: center;
	padding-top: 10px;
	color: #4C711D;
}
.greenbackground {
	background-color: #4C711C;
	height: 2px;
	width: 840px;
	margin-left: 15px;}
p .pad {
	padding-top:5px;
	padding-bottom:5px;
}
p.plus,
.plus {
	font:  normal 1.3em "Garamond Pro", "Times New Roman", Times, serif;
	margin-top: 5px;
}
.spaceabove {
	margin-top:20px;
}
.spaceabovesmall {
	margin-top:20px;
}
.padPlus {
	padding-left:5px;
	padding-right:20px;
}

.slideshow {
	margin-left: 7px;
}
.h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 42px;
	font-weight: bolder;
	color: #0f4a7d;
}
.h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #0f4a7d;
	font-weight: bold;
}
.head2 { 
	font-family: "Courier New", Courier, monospace;
	font-size: 36px;
	font-weight: bolder;
	color: #0f4a7d;
}

.h3,
.h3left {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	font-weight: bolder;
	color: #4C711D;
	text-align: center;
}
.h3left{
	text-align: left;
	padding-left: 60px;
}
.prize, /* was winbikes from 2008. images are 150x90. Use prize2 for bigger */
.prize2,
.photo,
.photo240,
.photo320  {
	display: inline-block;
	vertical-align: top;
	width:150px;
	float:left;
	margin:10px;
	border:1px solid #DCDCDC;
	padding:5px;
	font-size:11px;
	text-align:center;
	}
.prize2 {
	width:310px;
/*	border:0px ; trying to get rid of border around png in FireFox. Did it in prize since it mwas messing up other things*/
}
.photo{  /* for three across single column */
	width:210px;
	margin:5px;
}
.photo240 {
	width:272px; /*width of photo plus margin and padding*/
}
.photo320 {
	width: 352px;
}

.img {
	margin: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 0px #FFFFFF;
}
.imglink {
	text-align: center;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imageFloatRight {
	float: right;
	padding-left:30px; /*not moving text away from photo*/
	margin-left: 30px; /*not moving text away from photo*/
}
.imageFloatLeft {
	float: left;
}
.clearBreak,
p.clear,
br.clear {
	clear: both;
}
.clearBreak p {
	margin-left: 260px;
}
.green { /*works if added to a div, but not to a paragraph? If p class="green" the text is black */
	font-size: 10px;
	color: #49711D;
}
.smallVertSpace {
	font-size: 3px;
}
.leftalign { /*for putting inside #sponsors since .imgcenter applied to #sponsors applies to text too*/
	text-align: left;
}
.imgcenter   {
   display:block; 
   margin:0 auto; 
   text-align:center; 
}

/* For rotating images-slide show. The padding and margin was at a higher level in the example. Don't know if it will break something here. */
#rotator
{
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 50px auto 10px;
	position: relative;
	width: 200px;
	height: 150px;
}

#rotator img {
	border: 0;
	cursor: pointer;
	width: 200px;
	height: 150px;
}
/*End Slide show add on*/
/* Table formats */
table {
	width: 650px;
}
.leftcol {
    text-align: center;
    width: 120px;
	padding: 2px;
}
a:link {
	color: #4C711D;
	text-decoration: none;
}
#rightcolumnevents a.link {  /*For links on events page. Didn't work, probably not specified well*/
	color: #0F4A7D;
	text-decoration: none;
}
a:visited {
	color: #4C711D;
	text-decoration: none;
}
a:hover {
	color: #0F4A7D;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/*menu links*/
#menu2 a {
	border-left: none;
}
#mainmenu a:link {
	color: #FFFFFF;
}
#menu2 a:link,
#menu2 a:visited {
	color: #FFF4DC;
}
#mainmenu a:visited {
	color: #FFFFFF;
}
#mainmenu a:hover,
#menu2 a:hover {
	color: #FFCC00;
}
#mainmenu a:active,
#menu2 a:active {
	color: #0F4A7D;
	text-decoration: none;
}
#popup {
	padding: 50px;
	background-image: url(images/backgroundimages/CorbaFTF_website_bodyback.jpg);
	height: 300px;
	width: 300px;
	background-repeat: no-repeat;
}
/*The page we're on was .blue, so now using this. For changing menu color on page you're at.*/
.blue,
#thanks #thanksLink,
#volunteers #volunteersLink,
#coverage #coverageLink,
#awards #awardsLink,
#winners #winnersLink,
#contact #contactLink,
#corba #corbaLink,
#donate #donateLink,
#event #eventsLink,
#exhibitors #exhibitorsLink,
#faq #faqLink,
#indexArchive #indexArchiveLink,
#prizes #prizesLink,
#regionalteam #regionalteamLink,
#register #registerLink,
#schedule #scheduleLink,
#sponsors #sponsorsLink,
#volunteering #volunteeringLink
{
	color: #0f4a7d;
}

.red {
	color: red;
}