@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
/* 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;
	display: inline;
	list-style: none;
	padding-left: 15px; /*Adjust these two to reduce or spread out the menu items. Couldn't figure out how to center the menu bar*/
	padding-right: 15px;
	border-left: 1px solid #0f4a7d;
	font-weight: bold; /* apparently a default for li overrules #menu2 */
}
#container {
	width: 882px; /*was 800, but if make it 900 the white background shows on the right*/
	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;
	/*left: auto; for centering sponsor logos I thought left/right was working, but apparently not*/
/*	right: auto;*/
	text-align: center; /*so I have to do this to center*/
}
#sponsors p {
	text-align: left;
}
#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,
.photo,
.photo240,
.photo320 {
	display: inline-block; /*this not needed for photos, since images get this treatment anyway*/
	vertical-align: top;
	width:150px;
	/*float:left; contradicts the diplay I think*/
	margin:10px;
	border:1px solid #DCDCDC;
	padding:5px;
	font-size:11px;
	text-align:center;
}
.photo {  /* for three across single column */
	width:210px;
	margin:5px;
}
.photo160 {
	width:192px; /*width of photo plus margin and padding*/
}
.photo180 {
	width:212px; /*width of photo plus margin and padding*/
}
.photo240 {
	width:272px; /*width of photo plus margin and padding*/
}
.photo400 {
	width:432px; /*width of photo plus margin and padding*/
}
#gallery #singlecolumn img,
#awards  #singlecolumn img,
#winners  #singlecolumn img,
.dropShadow {
	display: inline-block; /*this not needed for photos, since images get this treatment anyway*/
	vertical-align: top;
	margin:10px;
	border:1px solid #DCDCDC;
	padding:5px;
	font-size:11px;
	text-align:center;
	-webkit-box-shadow: 5px 5px 5px #888;
	-moz-box-shadow: 5px 5px 5px #888;
}
.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;  moving text away from photo*/
	/* margin-left: 50px; /*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,
#gallery #galleryLink,
#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;
}