/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */



/* Purpose: undo some of the default styling of common (X)HTML browsers */



/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }



/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }



/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }



/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }


/* de-italicize address */

address { font-style:normal }



/* this adds a vertical scrollbar to all pages in non IE browsers, stopping the jumping as page lengths vary and scroll bars come and go */

html{
	height: 100%;
	margin-bottom: 1px;
	text-align:center;
}



/* finish undo html */



body  {
	margin:0;
	padding:0;
	font-family: verdana, arial, times, georgia, sans-serif;
}

a {
   background-color: #fff;
	color:#59BF3F;
	text-decoration:none;
}

a:hover {
   background-color: #fff;
	color:#40A7D6;
	text-decoration:underline;
}

img.left {
	float:left;
	padding:3px;
	margin-right:6px;
	margin-top: 10px;
	border: 1px solid #003F22;
}

img.right {
	float:right;
	padding:3px;
	margin-left:6px;
	margin-top: 10px;
	border: 1px solid #003F22;
}

.left_img {
	float:left;
	padding:3px;
	margin-right:6px;
	margin-top: 10px;
	border: 1px solid #003F22;
}

.left_img div {
	font-family: verdana, arial, times, georgia, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}


.right_img {
	float:right;
	padding:3px;
	margin-left:6px;
	margin-top: 10px;
	border: 1px solid #003F22;
}

.right_img div {
	font-family: verdana, arial, times, georgia, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}

.col_img {
	padding:2px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #003F22;
}


.col_img div {
	font-family: verdana, arial, times, georgia, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: center;
}



#wrapper {
	height:100%;
	margin:auto;
	width:800px;
}

	

/*************************** head bloc style ************************/

	
	#head {
	width: 800px;
	text-align: left;
	height: 180px;
	margin:0 auto;
}	
	
	
/******* horizontal main nav  *******/
#nav {
	width: 800px;
	text-align: left;
	background-color: #758279;
	color: #000;
	height: 26px;
}	
	
/******* left col *******/
#leftcol {
	float:left;
	padding:10px 0 0 5px;
	font-size:11px;
	width:176px;
	line-height:1.6em;
	text-align: left;
	clear: right;
}

#leftcol h1 {
	font-size:15px;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom: 1px dotted #003F22;
}

#leftcol a {
	line-height:2em;
}

#leftcol br {
	line-height:0.7em;
}

.left_quote {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-style: italic;
	font-size:18px;
   line-height: 23px;
	width: 165px;
	float: right;
	padding: 5px 0px 5px 10px;
}
#leftinfo p{
	font-size: 10px;
}

/******* main body (centre col on 3 columns) *******/

#middle {
	float:left;
	width:389px;
	line-height:16px;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
}
	
#middle p, p {
	font-size:12px;
	color:#404040;
	background-color: #fff;
	margin-bottom: 12px;

}

q {
	font-style: italic;
	color: #003F22
}

#middle h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	line-height: 25px;
	font-weight:normal;
	border-bottom: 1px solid #003F22;
	padding-bottom:5px;
	margin-bottom: 8px;
	margin-top:14px;
}

#middle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin-top: 8px;
	padding-bottom: 6px;
}

#middle h3 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top: 8px;
	padding-bottom: 6px;
}

.caption {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:10px;
	font-weight: bold;
	font-style: italic;	
}



/******* main body (right col) *******/

#middletwo {
	float:left;
	width:570px;
	line-height:16px;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
}
	
#middletwo p, p {
	font-size:12px;
	color:#404040;
	background-color: #fff;
	margin-bottom: 12px;

}

#middletwo ul, li {
	font-size:12px;
	color:#404040;
	background-color: #fff;

}

#middletwo h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	line-height: 120%;
	font-weight:normal;
	border-bottom: 1px solid #003F22;
	padding-bottom:5px;
	margin-bottom: 8px;
	margin-top:14px;
}



#middletwo h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin-top: 8px;
	padding-bottom: 6px;
}

#middletwo h3 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top: 8px;
	padding-bottom: 6px;
}




/*******  pullquote  *******/

.pullquote_right {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:18px;
   line-height: 23px;
	width: 165px;
	float: right;
	padding: 5px 0px 5px 10px;
	margin-left: 10px;
	border-left: 1px solid #000;
}

.pullquote_left {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:18px;
   line-height: 23px;
	width: 165px;
	float: left;
	padding: 5px 10px 5px 0px;
	margin-right: 10px;
	border-right: 1px solid #000;
}

.pullquote p {
	font-size:14px;
	font-weight: bold;
}

/*******  right col  *******/

#right {
	float:left;
	padding:10px 0 10px 5px;
	width:181px;
	text-align: left;
	}
	
#right h1, #leftcol h1.greenH1 {
	font-size:15px;
	padding:5px 0px 5px	5px;
	font-family: helvetica, arial, georgia, times, sans-serif;
	color: #fff;
	background-color: #003F22;
}

#right h1.purple {
	font-size:15px;
	padding:5px 0px 5px	5px;
	font-family: helvetica, arial, georgia, times, sans-serif;
	color: #fff;
	background-color: #C07CB9;
}
#right h1.blue {
	font-size:15px;
	padding:5px 0px 5px	5px;
	font-family: helvetica, arial, georgia, times, sans-serif;
	color: #fff;
	background-color:#0033CC;
}


#right p {
	font-size:10px;
	color:#404040;
	background-color: #fff;
	padding: 0px 0px 0px 5px;
}	

#right h3 {
	font-family:helvetica, arial, georgia, times, sans-serif;
	font-size: 13px;
	text-align: center;
	margin: 3px 0px 3px 0px;;
}

#right a {
	font-size: 13px;
}





/*******  footer  *******/
#footer {
	border-top: 1px solid #003F22;
	padding-top:5px;
	text-align:center;
	width:800px;
	margin:0 auto;
	clear:both;
}

.footer {
	margin-top:-2px;
}	

/* tables styling for the events section */

#itsthetable table,td,th{
	border:1px solid #003f22;
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-family: "Century Gothic", verdana, arial, times, sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #003f22;
}



#itsthetable td,th{
	padding:5px;
	vertical-align:top;
	font-weight:normal;
}

#itsthetable thead th{
	text-transform:uppercase;
	background:#003f22;
	color:#fff;
}

#middletwo table.none, #middletwo td.none, #middletwo th.none{
	border:0px solid #FFFFFF;
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-family: verdana, arial, times, sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #003f22;
}

blockquote {
padding: 0px 20px 0px 20px;
}