/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Design & Accessible Team ( Arni Cinco )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */





body { font-family: Avenir, Arial, Helvetica, sans-serif; background-color: white; width: 100%; height: 100%; margin: 0; padding: 0; }
html { height: 100%; }
em { font-family: tahoma; font-weight: bold; font-style: normal; }
.red { color: #c33; font-family: Avenir, Arial, Helvetica, sans-serif; }
.purple { color: #639; font-family: Avenir, Arial, Helvetica, sans-serif; }
.green { color: #6c3; font-family: Avenir, Arial, Helvetica, sans-serif; }
img{ border:none}
.imglft{ float:left; margin:0 10px 0 0}
a { color: #669; text-decoration: none; }
a:visit { color: #639; }
a:hover { color: #099; text-decoration: underline; }
.inline { display: inline; }
.quote { font-size: large; font-family: Avenir, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; }
/*** CONTENT CSS ***/
#logo { font-size: 16px; font-weight: bold; text-align: center; position: absolute; z-index: 2; top: 0; right: 0; float: left; }
#wrap { margin: 0 auto; z-index: 2; padding: 0; }
#top-nav { position: relative; font-size: 12px; text-align: center; height: 14px; z-index: 10; margin-right: auto; margin-bottom: 24px; margin-left: auto; }
#top-nav a { color: #666; font-variant: small-caps; }
#graphic { background-image: url(../images/center-ithace-huge.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; width: 100%; height: 62px; z-index: 1; margin: 0; padding-top: 40px; padding-bottom: 60px; }
.opener { text-align: left; width: 60%; margin: 0 auto; padding: 0; }

#table { text-align: center; position: relative; z-index: 4; margin: 0 auto; padding: 0; }
#table a { z-index: 4; margin: 0 15px; padding: 0; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }
#table a:hover { z-index: 4; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

#column-wrapper { width: 920px; height: auto; z-index: 5; margin-right: auto; margin-left: auto; padding: 0;}
#left { width: 186px; height: 100%; float: left; margin: 0; padding: 14px 0 0 0; }

#content { width:495px; float: left; padding:14px 10px; font-size: 0.8em; line-height: 1.65em; overflow:hidden;}

#nav { color: black; background-color: silver; background-image: url(../images/nav-bg.jpg); background-repeat: repeat-x; background-position: left top; width: 182px; height: 397px; float: left; margin: 0 1px; padding: 3px 1px 300px 2px; }

#main { padding: 5px 1px; font-size: 0.8em; line-height: 1.65em; width: 490px; float: right; margin: 0; }
#content h1 { color: #f93; font-size: 1em; font-weight: bold; line-height: 0.8; margin-right: 0; margin-left: 0; padding-bottom: 11px; border-bottom: 1px solid #ccc; }
#content h2, td.contentheading, #page h2,.componentheading{ font: bold 20px/20px Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0;}
#content h2 a { color: #333; }

#right {  width: 217px; height: auto; float: right; margin: 0; padding: 0; }
* html #right {  width: 215px; }
#footer { line-height: 1; background-color: transparent; text-align: center; width: auto; height: auto; margin: 45px auto 0; padding: 10px 0 40px; border-top: 1px solid #ccc; display: block;}
#footer h3 { color: silver; line-height: 1; }
/*Right-menu cap bottom
*/
.right-menu { width: 217px; height: auto; margin: 0; padding: 0; }
* html .right-menu {width: 215px;}
.right-menu h2 { color: white; font-size: medium; background-color: #c33;  margin-top: 0; margin-bottom: 4px; margin-left: 0; padding: 1px 0 5px 4px; border-top: 1px solid black; border-bottom: 1px solid black; }
.right-menu .cap { width: 100%; height: 14px; margin: 0; padding: 0; }
.right-menu .middle { line-height: 1; margin: 0; padding: 2px; border: solid 1px silver; width: 210px;overflow:hidden;}
.right-menu .middle p { margin: 0; padding: 2px 8px;  }
.right-menu .middle h3 { padding-right: 8px; padding-left: 8px; }
.right-menu .middle img { margin: 0; padding: 2px 8px; }
.date { font-weight: bold; font-variant: small-caps; border-bottom: 1px dashed #069; }
.right-menu .bottom { width: 100%; height: 14px; margin: 0; padding: 0; }

h3 span.date{ font-size:12px; display:block; padding:3px 0}
/*alistapart.com/articles/horizdropdowns*/
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px; /* Width of Menu Items */
	border-bottom: 2px solid black;
	}

#nav  ul li { position: relative; }
	
#nav li ul { background-color: #fff; position: absolute; left: 179px; /* Set 1px less than menu width */
	top: 0; list-style-type: none; display: none; }
#nav ul li a { display: block; text-decoration: none; color: black; background: white; padding: 5px; border-top: 2px solid black; border-right: 2px solid black; border-left: 2px solid black; border-bottom-width: 0; }
* html #nav ul li { float: left; height: 1%; }
* html #nav  ul li a { height: 1%; }
#nav ul li a:hover { color: white; background: #669; }
#nav li ul li a { padding: 2px 5px; }
#nav li:hover ul, li.over ul { display: block; }


.spacer{ clear:both; line-height:1px; font-size:1px;}

/* contact us */
input, textarea{background:#fff;  clear:none;border:1px solid #717272; }
/*input:focus , textarea:focus {background-color: #F8FFCF; border:1px solid #717272;}*/
#emailForm,#emailForm1{ clear:both;   font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif; margin:0;}
#emailForm1 label{width:150px; display:block}
#emailForm label{width:70px; float:left; color:#000; clear:none;}
#emailForm label.checkbox,.contact-form label.checkbox{width: auto; float:none; color:#000;}
#emailForm div{ padding:3px 0;}
#emailForm p.testbox-p{height:20px;  font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif;}

#emailForm p.testbox-t{height:120px;}
* html #emailForm p.textbox-p{height:50px; display:block;}

* html #emailForm{margin-top:32px;}
#emailForm #submit{ color: #fff;background: #8d8d8d ; border: 2px outset #d7b9c9;font-weight:bold;font-family:verdana; text-align:left}
#emailForm textarea, #emailForm1  textarea{width:300px; height:130px; /*border:1px solid #7F9DB9;*/}
#emailForm textarea#comments{ width:300px; }
    * html #emailForm textarea #comments{overflow-y: scroll; }
#emailForm  button{ width:70px;}
#emailForm p{padding:0; margin:10px 0 5px 0; width:350px;}
* html #emailForm p{margin:0;}
#emailForm p label{width:70px; font: normal 11px/32px Arial, Helvetica, sans-serif;}
* html #emailForm p label{width:60px;}
#emailForm1 input, #emailForm input{width:205px;}
#emailForm input:hover.checkbox,#emailForm input:focus.checkbox{ background:transparent;}
#emailForm input.checkbox{width:auto; margin-left:70px; border:none; background:transparent;} 
* html #emailForm input.checkbox{margin-left:67px; background:transparent;}
#emailForm input.checkbox.inline{margin-left:15px; background:transparent;}
* html #emailForm input.checkbox.inline{margin-left:13px; }
#emailForm input.browse{border:none; }


.contact-us-body{font-size:14px; color:#666}
.contact-us-body img { float:left;border: 2px #666666 solid; margin:0 20px 0 0; }
.contact-us-body { line-height:20px;}
.contact-us-body strong{ color:#000000}



table.eventtable
{ margin: 1em 1px; width: 99%; font-size: 1em; border-collapse: collapse; border: 1px solid #E5E5E5; }

table.eventtable th
{ background-color: #EFEFEF; color: #000; font-weight: bold; padding: 0.4em; text-align: left; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5;  }

table.eventtable th img
{ margin: 0 0 5px 5px; vertical-align: middle; border: none; }

table.eventtable td
{ padding: 0.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5; vertical-align: top; }

table.eventtable tr.sectiontableentry2 td
{ background: #F4F4F4; }

table.eventtable tr:hover td
{ background: #F8F8F8 }