/*----------------------------------------------------------------------------
	main.css

/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/


/*-- global container ------------------------------------------------------*/

#container {
	padding: 0;
	margin: 0 auto;
	width: 950px;
	text-align: left;
	background-color:E1E1E1;
	border:5px solid #FFF;
}

#menu_background {
	background-color: #9FCC41;
	background-repeat: repeat-y;
	padding: 0px;
	text-align: left;
	width: 950px;
	margin-left: autopx;
	height: 45px;
	float:left;
}

/*--- header ---------------------------------------------------------------*/

#header	{
	padding: 0;
	width: 950px;
	height: 282px;
	background-color:#FFF;
}

/*--- key visual -----------------------------------------------------------*/

#key_visual {
	z-index: 2;
	width: 950px;
	height: 285px;
	background: url(images/keyvisual4.jpg) no-repeat;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
	margin: -46px 0 0 0;
	z-index: 3;
	width: 179px;
	height: 40px;
}


/*-- main container: contains all between header and footer ----------------*/

#main_container {
	width: 950px;
	clear: both;
	padding: 0;
	margin: 0;
	vertical-align:text-top;
	border-top-color:#FFF;
	border-top-width:5px;
	border-top-style:solid;
	display:table;
	border-collapse:separate;	
	table-layout: fixed;
}

/*--- the main container is devided in sub containers ----------------------*/

#mainLeftColumn {
	margin: 0;
	padding: 0px;
	float: left;
	width: 212px;
	display:table-cell;
	vertical-align: text-top;
}

#sub_container1 {
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 8px;
	width: 200px;
	padding: 0px;
	float: left;
	vertical-align: text-top;
}


#mainMiddleColumn {
	margin: 0px;
	padding: 0px;
	float: right;
	vertical-align: text-top;
	width: 732px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFF;
	vertical-align: text-top;
    display:table-cell;
	
}

#mainColumn2 { /*---mainColumn2 is only for the calendar and and 'art in bloom volunteer form' page where there are no left columns ---*/
	padding: 0px;
	float: left;
	vertical-align: text-top;
	margin-top:30px;
	width: 740px;
	display:table-cell;
}


#sub_container2{
	overflow: hidden;
	line-height: 1.5;
	padding: 0px;
	width: 500px;
	float: left;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 20px;
	vertical-align: text-top;	
}

#mainRightColumn {
	vertical-align: text-top;
	table-layout:auto;
    width: 175px;
	float: right;
	display: table-cell;
	background-color: #E1E1E1;
	padding: 4px;
	border-left-color:#FFF;
	border-left-style:solid;
	border-left-width:4px;
	display:table-cell;
}



#row {
	display: table-row;
}




/*--- caption (as text or background image) --------------------------------*/

#text_caption {
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	width: 400px;
	margin: 15px 0 10px 0;
}

#image_caption {
}


/*--- positioning --------------------------------------------------------------*/
.ads {
	text-align:center;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	clear: both;
	margin: 0;
	padding: 0;
	padding-left: 2px;
}

/*--- subnavigation --------------------------------------------------------*/

.sub_nav_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub_nav_list li {
	overflow: hidden;
	border-collapse:collapse;
	padding: 0;
	background-image: url(images/arrowBullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.sub_nav_list2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub_nav_list2 li {
	overflow: hidden;
	border-collapse:collapse;
	padding: 0;
	background-image: url(images/arrowBullet2.jpg);
	background-repeat: no-repeat;
	background-position: 35px center;
}

/*--- subnavigation items --------------------------------------------------*/

.sub_nav_list a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	width: 172px;
	display:block;
	overflow: hidden;
	font-size: 14px;
	text-indent: 20px;
	padding: 3px;
	color: #333;
	text-decoration: none;
}

.sub_nav_list a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	width: 172px;
	display:block;
	overflow: hidden;
	font-size: 14px;
	text-indent: 20px;
	padding: 3px;
	color: #1A1A1A;
	text-decoration: underline;
}

.sub_nav_list2 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	width: 170px;
	display:block;
	overflow: hidden;
	font-size: 11px;
	text-indent: 45px;
	padding: 3px;
	color: #666;
	text-decoration: none;
}

.sub_nav_list2 a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	width: 170px;
	display:block;
	overflow: hidden;
	font-size: 11px;
	text-indent: 45px;
	padding: 3px;
	color: #575757;
	text-decoration: underline;
}

/*--- content --------------------------------------------------------------*/

#content_container {
    overflow: hidden;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	width: 515px;
}


#content_container table{
	margin: 0px 40px 0px 0px;
}

html>body #content_container {

}


#content_container table {
	margin-top: 20px;
	margin-bottom: 20px;
	border-width: 0px;
	border-spacing: 0;
	width: 90%;
	border: 2px solid #ffffff;
	border-collapse:collapse;
}

#content_container th {
	padding: 3px 2px 3px 10px;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-collapse:collapse;
}

#content_container tr.odd {
	font-size: 90%;
	padding: 3px 2px 3px 10px;
	color: #ffffff;
}

#content_container tr.even {
	font-size: 90%;
	padding: 3px 2px 3px 10px;
	color: #ffffff;
}

#content_container td {
	padding: 3px 2px 3px 10px;
	border: 2px solid #ffffff;
	border-collapse:collapse;
}

/*--- Images ---------------------------------------------------------------*/

#picContainter {
	margin: 0px;
	padding: 0px;
	max-width: 600px;
	max-height: 800px;
	vertical-align:middle;
}

.largePic {
	max-width: 600px;
	max-height: 800px;	
	border-width:thick;
	border-style:ridge;
	border-color:#333;	
}

.Picture {
	margin: 0px;
	padding: 0px;
	top: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: top;
}

.thumbnail {
	width: 60px;
	height: 55px;
    top: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: top;
}

.decorativePic {
	width:182px;
	border:3px;
	border-color:#FFF;
	border-style:solid;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sponsorImg {
	width:160px;
	text-align:center;
}

/*--- footer ---------------------------------------------------------------*/

#footer {
	text-align: center;
	padding-top: 20px;
	width: 950px;
	min-height: 30px;
	clear: both;
	overflow: hidden;
	border-top:4px solid #FFF;
}

#footer_text {
	padding: 0;
	margin: 10px 0 10px 0 ;
	text-align: center;
}



/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body #main_body {
	margin: 0;
	padding: 0;
	vertical-align: top;
	background-position: center top;
	background-color: #E1E1E1;
	
}


/*--- links ----------------------------------------------------------------*/



/*--- tables ---------------------------------------------------------------*/

table {

}

th {
}

tr {
}

td {

}

/*--- forms ----------------------------------------------------------------*/

#content_container fieldset {
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}

#content_container input {
	border-style: solid;
	border-width: 1px;
}

#content_container textarea {
	border-style: solid;
	border-width: 1px;
}

#content_container button {
	font-family: Arial,sans-serif;
	color:#FFFFFF; 
	border:0px none #ffffff;
	font-size: 100%;
	font-weight: bold;
	padding: 3px 5xp 3px 5px;
}

#content_container label { 
}

#content_container select { 
}

#content_container option { 
}

/* -------------- Specific Form Rules Item 1b------------- */
fieldset { width: 350px; border: 4px solid #aaa; padding: 10px; }
#formplusreply label { display: block; font-weight: bold; width: 150px; margin: 15px 0 3px 0; cursor: pointer; }/*width of label controls pointer and clickable width*/
/*display: block so that the tags go to the next line*/
#formplusreply input, #formplusreply textarea, #formplusreply select { display: block; font-weight: bold; margin: 3px 0; }
#formplusreply .type2 { display: inline; } /*where the tag is not required on the next line for radio tags and checkboxes*/
#formplusreply textarea { width: 350px; overflow: auto; /* removes IE scrollbar */ }
#formplusreply input:focus, #formplusreply submit:focus, #formplusreply textarea:focus, #formplusreply select:focus { outline: 0; /* to delete Safari's blue border */ } 
.req { color: #ff0000; padding: 0 5px; }
#formplusreply label.submit { width: 75px; }
#submit { cursor: pointer; }
#formplusreply input.botcatch { visibility: hidden; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; border: none; }


/*--- fonts ----------------------------------------------------------------*/

.mainHeading {
	font-size: 22px;
	color: #442577;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.subhead1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333;
	text-align:left;
}

.subheadbold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	letter-spacing: 0.25pt;
	font-weight: bold;
	padding: 0px;
	position: absolute;
}

.subheadbold2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	line-height: 25px;
	font-weight: bold;
}

.subhead {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 27px;
}

.redItalics {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #F00;
}

.purpleSubhead {
	color: #442577;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
}

.purpleSubhead2 {
	color: #442577;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
}

.purpleSubheadLrg{
	color: #442577;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 25px;
}


.event {
	width: 470px;
	margin-top: 20px;
	border-bottom-width: 1pt;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	text-align: center;
}

.bodycopy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.25pt;
	color: #333;
}

.newscopy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.2pt;
	color: #000;
}
.header2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #442577;
	margin: 0px;
	line-height: 24px;
}

a .leftColumnLinks {
	color: #00C;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
}

.leftNavLinks {
	color: #666;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

/*--- lists ----------------------------------------------------------------*/

#content_container ul { 
}

#content_container li { 
	color:#444444;
}

/*--------------------------------------------------------------------------*/

.hidden { display: none; }

/*--------------------------------------------------------------------------*/
.subhead2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
}
.subhead3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
.mainLinks {
	color: #0066cc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
}

.largeLinks {
	color: #0066cc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: underline;
}

.largeLinks2 {
	color: #0066cc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
	padding-left: 3px;
}

.dashes {
	border-top: 1px dashed #666;
	margin-top: 10px;
}
.adHeading {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align: left;
	padding: 15px;
}


/*-- main container --------------------------------------------------------*/

#container {
	background-color: #E1E1E1;
}


/*--- main navigation ------------------------------------------------------*/
#main_nav_container {
	background-color: #E1E1E1;
}

/*--- key visiual ----------------------------------------------------------*/

/*--- logo -----------------------------------------------------------------*/

/*--- caption --------------------------------------------------------------*/

#text_caption {
	color: #6C6C6C;
}

/*--- content --------------------------------------------------------------*/

#content_container {
	background-color: #E1E1E1;
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_list	{
}

/*--- footer ---------------------------------------------------------------*/

#footer {
}

#footer2 {
	border-top-color: #FFF;
	border-top-style: solid;
}

#footer_text {
	color: #6C6C6C;
}

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
	color: #000000;
	background-image:url(images/backgroundGray.png);
	background-repeat:repeat-x; 
	background-color: #999999; 
}

/*--- paragraph ------------------------------------------------------------*/

#content_container p {
}

/*--- headings -------------------------------------------------------------*/

#content_container h1 {
	color: #6C6C6C;
}

#content_container h2 {
	color: #6C6C6C;
}

#content_container h3 {
	color: #6C6C6C;
}

/*--- links ----------------------------------------------------------------*/

#content_container a:link{
	color: #6C6C6C;
}

#content_container a:visited {
	color: #6C6C6C;
}

#content_container a:hover {
	color: #6C6C6C;
}

#content_container a:active {
	color: #6C6C6C;
}

/*--- tables ---------------------------------------------------------------*/

#content_container table {

}

#content_container th {

}

#content_container tr {

}

#content_container td {

}

#content_container table {
}

#content_container th {
	background-color:#6C6C6C;
}

#content_container tr.odd {
	background-color:#C5C5C5;
}

#content_container tr.even {
	background-color:#C5C5C5;
}

/*--- forms ----------------------------------------------------------------*/

#content_container fieldset {
	border-color: #6C6C6C;
}

#content_container legend{
	color: #6C6C6C;
}

#content_container label {
	color: #6C6C6C;
}

#content_container input {
	border-color: #6C6C6C;
}

#content_container textarea {
	border-color: #6C6C6C;
}

#content_container button {
	background-color: #8E8E8E;
}
/*--------------------------------------------------------------------------*/