/*-----------------------------------------------------------------------*/
/*                                                                       */
/* Center for Ecological Technology (CET) - Common CSS stylesheet        */
/*                                                                       */
/*-----------------------------------------------------------------------*/

/*
 * Global Tag Styles
 *
 * These apply to all instances where a standard tag like <P> is used
 * without any additional style specification. It determines the 'default'
 * look of content in these standard HTML tags. Notice that you can repeat
 * the same tag in different style definition and also specify multiple tags
 * in the same style definition. This lets you define common attributes,
 * like font family, for a set of tags and then add additional styles to
 * individual tags. Pretty sweet!
 */
body, table, div, tr, td 
{ 
   margin: 0px;
   padding: 0px;
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   background: #FFFFFF;
}  

h1
{ 
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 14pt;
   font-style: normal;
   font-weight: bold;
   color: #005030;  
   padding-top: 10px;
} 

h2
{ 
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 12pt;
   font-style: normal;
   font-weight: bold;
   color: #005030;  
}  

h3
{ 
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 10pt;
   font-style: normal;
   font-weight: bold;
   color: #005030;  
}  

ul
{ 
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   color: #000000;  
}  

a
{ 
   text-decoration: none;
   color: #005030; 
}

a:hover 
{ 
   text-decoration: underline; 
   color: #707070;
}

a:visited 
{ 
   text-decoration: none;
   color: #005030; 
}

a:active 
{ 
   text-decoration: none; 
   color: #00A0A0; 
}

b
{
   font-weight: bold;
}

hr
{
   border: 0px;
   color: #99EEEE; 
   background: #99EEEE; 
   height: 1px;
   margin-top: 10px;
   margin-bottom: 20px;
}

/*
 * Class Styles
 *
 * These styles define a 'class' of style that can be applied to tags to modifiy their 
 * default (global) style. That can be applied to any tag, although the style attributes
 * must be appropriate for the target tag.
 * 
 * Non-box Class Style Example:
 *
 *    <span class="nonboxstyle">Some non-box stuff to stylize</span>
 * 
 * Box Class Style Example:
 *
 *    <div class="boxstyle">Some box stuff to stylize</div>
 */

.text-left
{
   text-align: left;
}

.text-right
{
   text-align: right;
}

.text-center
{
   text-align: center;
}

.text-justify
{
   text-align: justify;
}

.photo
{
   padding: 0px;
   margin-top: 10px;
   margin-left: 0px;
   margin-right: 20px;
   margin-bottom: 10px;
   font-size: 8pt;
   font-weight: normal;
   text-align: justify;
}

.photo-left
{
   float: left;
   padding: 0px;
   margin-top: 10px;
   margin-left: 0px;
   margin-right: 20px;
   margin-bottom: 10px;
   font-size: 8pt;
   font-weight: normal;
   text-align: justify;
}

.photo-right
{
   float: right;
   padding: 0px;
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 0px;
   margin-bottom: 10px;
   font-size: 8pt;
   font-weight: normal;
   text-align: justify;
}

.clear-left
{
   clear: left;
}

.clear-right
{
   clear: both;
}

.clear-both
{
   clear: both;
}

table.list
{
   border: #C1FFBB 1px solid;
   color: #000000;
   background: #EEFFEE;
}

/*
 * Alternating row lists
 */
table.list td
{
   padding-top: 3px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 3px;
   font-size: 8pt;
   color: #000000;
}

tr.head td
{
   font-weight: bold;
   background: #C1FFBB;
}

tr.odd td
{
   background: #FFFFFF;
}

tr.evn td
{
   background: #E6FFE3;
}

.fine-print
{
   clear: both;
   font-size: 6.5pt;
   color: #005030;
   text-decoration: none;
   text-align: justify;
   vertical-align: middle;
   margin-top: 40px;
   width: 90%;
   padding: 0px;
   border: 0px;
}

.fine-print a
{
   text-decoration: none;
   color: #006666; 
}

.fine-print a:hover 
{ 
   text-decoration: underline; 
   color: #707070;
}

.white
{
   color: #FFFFFF;
}

.red
{
   color: #FF0000;
}

.green
{
   color: #00FF00;
}

.blue
{
   color: #0000FF;
}

.otherEventHeader{
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 11pt;
   font-style: normal;
   font-weight: bold;
   color: #005030;  
   padding-top: 14px;
   padding-bottom: 20px;
}
/*
 * Element Styles
 *
 * These styles apply to individual tags with the same "ID" attribute of the style name,
 * which means they are typically only applied to one tag per page, such as in the case 
 * of the tag line in the common page header.
 */

#frame-layout
{
   width: 100%;
}

#header-frame
{
   background: #005030;
   width: 100%;
   height: 53;
}

#header-box
{
   width: 100%;
   float: left;
}

#minwidth-frame
{
   background: #FFFFFF;
   height: 1;
   margin: 0px;
   padding: 0px;
}

#nav-frame
{
   background: #E6FFE3;
/*   background: #E2E2E2; */
   height: 10;
}

#header-logo 
{
   background: #005030;
   width: 300;
   height: 75;
}

#logo-image 
{
   margin-top: 4px;
   margin-left: 0px;
   margin-bottom: 2px;

}

#header-right
{
   padding-right: 15px;
   background: #005030;
   height: 53;
   text-align: right;
   min-width: 430px;
}

#header-search 
{
   font-size: 8pt;
   vertical-align: middle;
   background: #005030;
   float: left;
   width: 50%;
   height: 53;
   text-align: right;
   overflow: hidden;
}

#search-box
{
   background: #005030;
   padding-top: 2px;
   padding-right: 0px;
   text-align: right;
   float: right;
}

#search-text 
{
   background-color: #ececec;
   font-family: verdana;
   font-size: 8pt;
   font-weight: bold;
   color: #006666;
   padding-left: 4px;
   padding-right: 4px;
}

#search-button 
{
   background-color: #c0c0c0;
   font-family: verdana;
   font-weight: bold;
   border: #006600 2px solid;
   font-size: 10pt;
   color: #006666;
}

.logo-green
{
	color:#005030;
}

.logo-yellow
{
	color: #FFEA00; 
}

.logo-orange
{
	color: #FDBA31; 
}

#left-frame
{
   font-size: 7pt; 
   color: #FDBA31; 
   background: #005030;
   width: 130px;
   min-width: 130px;
   text-align: center;
   vertical-align: top;
   padding-top: 20px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 20px;
   margin: 4px; 
}

#left-frame a
{ 
   font-size: 10pt; 
   vertical-align: top; 
   font-family: verdana;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none; 
}

#left-frame a:hover 
{ 
   font-size: 10pt; 
   font-family: verdana;
   font-weight: bold;
   color: #CFFFCF; 
   text-decoration: underline; 
}

#content-frame
{
   width: auto;
   vertical-align: top;
   text-align: left;
}

#splash-box
{
   float: left;
   margin-bottom: 20px;
}

#content-box
{
   width: auto;
   margin: 20px;
   padding: 0px;
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   color: #000000;  
   text-align: left;
   clear: left;
}

#right-box
{
   background: #E2E2E2;
   float: right;
   width: 150px;
   margin-top: 20px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 0px;
/*   border: 1px solid red; */
}

#right-box-head
{
   width: 100%;
   font-size: 10pt;
   font-weight: bold;
   margin: 0px;
   padding-top: 4px;
   padding-left: 0px;
   padding-right: 2px;
   padding-bottom: 4px;
   color: #FFFFFF;
   background-color: #005030;
   text-align: center;
   vertical-align: middle;
}

#right-box-head ul, ol, li
{
   margin-left: 15px;
   padding-left: 0px;
}

#right-box-body
{
   width: 100%;
   font-size: 8pt;
   font-weight: normal;
   color: #006600;
   background: #E6FFE3;
/*   background: #E2E2E2; */
   margin: 0px;
   padding-top: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 10px;
   text-align: center;
   vertical-align: top;
}

#footer-frame
{
   color: #C0C0C0; 
   background: #E6FFE3;
/*   background: #E2E2E2; */
   font-size: 8pt;
   text-align: center;
   height: 10;
   margin: 20px;
   padding: 2px;
}
.reditalic{
	font-size:9px;
	color:#ff0000;
	font-style:italic;
}
/* This is used for the secondary menu on CET Events and Community Events */
.secondary{ 
	font-size:11px;
}

/********** Admin Styles **********/
#cmsHeader{
	font-weight:bold;
	padding:3px 10px 3px 10px;
	background-color: #E6FFE3;
}
#login{
	text-align:center;
	padding-bottom:130px;
}
.welcome{ 
	font-family: verdana, trebuchet ms, helvetica, arial, serif;
	font-size: 14pt;
	font-weight: bold;
	color: #005030;  
	padding: 10px 0px 15px 0px;
	text-align:center;
} 
#adminContentFrame
{
   width: auto;
   vertical-align: top;
   padding:20px 20px 30px 20px;
}
table#menuTable td{
	padding-right:30px;
	vertical-align:top;
}
.instruction{ 
   font-family: verdana, trebuchet ms, helvetica, arial, serif;
   font-size: 10pt;
   font-weight: bold;  
   padding-bottom:5px;
}
table#adminTable td{
	padding-right:5px;
	padding-bottom:3px;
	vertical-align:top;
}
.eventList{ padding-bottom:5px; }
/******** END Admin Styles ********/