@import url(small.css);
	
/*******************************************************************************
********************************************************************************
**
* - LAYOUT
*
* - GENERAL
*
* - PAGE CONTAINERS
*
* - HEADER
*
* - CONTENT
*
* - MENU
*
* - FOOTER
**
********************************************************************************
 ******************************************************************************/

/* LAYOUT ------------------------------------------------------------------ */

html,body {height:100%;}
#nonFooter {position:relative;min-height:100%;margin:0px auto;width:920px;text-align:left;background:url("/images/dotted.bg.norightside.gif");background-repeat:repeat-y;background-position:150px 0px;}
/* TO REINSTATE THE RIGHT HAND MENU, UNCOMMENT THIS LINE AND COMMENT OUT THE ONE ABOVE 
#nonFooter {position:relative;min-height:100%;margin:0px auto;width:920px;text-align:left;background:url("/images/dotted.bg.gif");background-repeat:repeat-y;background-position:150px 0px;}*/
* html #nonFooter {height:100%;width:920px;}
#footer {position:relative;width:920px;height:120px;margin:-130px auto 0px auto;padding-top:10px;text-align:left;background-color:#fff;}
* html #footer {margin-top:-132px;}

/* GENERAL ------------------------------------------------------------------ */

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul {margin:0;padding:0;}
body {background-color: #fff;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;text-align:center;}
a:link,a:visited,a:active {color: #008060;text-decoration:none;}
a:hover {text-decoration: underline;}
img {border: 0 none transparent;}
input, select, table, textarea {font-size: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;}

div.dot {width:100%;height:1px;margin:1.5em 0;padding:0;border:0;background-image:url("/images/dot.hori.gif");background-repeat:repeat-x;}

.clear {clear:both}

/* PAGE CONTAINERS ---------------------------------------------------------- */

#rightside {display:none;}
/* TO REINSTATE THE RIGHT HAND MENU, UNCOMMENT THIS LINE AND COMMENT OUT THE ONE ABOVE 
#rightside {float:right;position:absolute;top:135px;right:0px;width:130px;margin:0px;padding:0px;z-index:2;}*/

/** html #rightside {top:140px;}*/
#rightside p {line-height:1.2em;color:#666;}*/
#rightside p {font-size:11px;line-height:14px;color:#666;}
#rightside .supporter {margin:0px;padding:0px;}
#rightside .supporter a {margin:0px;padding:0px;}
#rightside .dot {margin:15px 0;}

/* HEADER ------------------------------------------------------------------- */

#header {position:relative;z-index:2;height:130px;he\ight:130px;width:920px;background-color:#fff;}
#header-menu {float:right;margin:5px 0;color:#666;padding-right:10px;}
#header-menu a {color:#666;margin:0 0.5em;}
#header-menu a:link,#header-menu a:visited,#header-menu a:active {text-decoration:none;}
#header-menu a:hover {text-decoration:underline;}
#header-menu a.font-button {width:0.8em;height:0.6em;margin:0;padding:0 0.5em;background-color:#5be590;text-align:center;vertical-align:center;color:#0f7e53;font-weight:bold;font-size:1.2em;}
#header-menu a.font-button:hover {text-decoration:none;}
#header #topbar {margin-bottom:10px;}
#header em {text-decoration:underline;font-style:normal;}

/* CONTENT ------------------------------------------------------------------ */

/* HEIGHT IN HERE FOR TO STOP THE FOOTER AT THE BASE OF THE RIGHT HAND MENU WILL KILL THE FOOTER IN MOZILLA AND OPERA */
#content {position:relative;z-index:2;margin:0px;padding:0px 10px 130px 160px;width:750px;font-size:100%;}
/* TO REINSTATE THE RIGHT HAND MENU, UNCOMMENT THIS LINE AND COMMENT OUT THE ONE ABOVE 
#content {position:relative;z-index:2;margin:0px;padding:0px 10px 130px 160px;width:610px;font-size:100%;}*/

/** html #content {height:450px;width:780px;}*/

p {margin:0 0 1.2em 0;padding:0;line-height:2.0em;text-align:justify;}
p.bold {font-weight:bold;}

h1 {font-size:140%;margin:0 0 1.2em 0;padding:0;line-height:1.4em;}
h2 {font-size:120%;color:#008060;margin:0 0 1.2em 0;padding:0;line-height:1.4em;}

span.bold {font-weight:bold;}

#content table {border:1px solid #ccc;border-collapse:collapse;}
#content table tr td {padding:0.5em;vertical-align:top;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

#content ul {margin:1.2em 0.5em;}
#content ul li {margin:0em 1.0em;padding:0.5em;}

/* downloads */

.downloads h1 {font-size:100%;color:#008060;}
.downloads p {color:#666;}
.downloads a img {border:1px solid #ccc;}
.downloads a:hover img {border: 1px solid #008060;}

/* gallery */

p.gallery-left a {float:left;}
p.gallery-right a {float:right;}

p.gallery-right a img {margin-left:2.0em;}
p.gallery-left a img {margin-right:2.0em;}

p.gallery-left a img,p.gallery-right a img {border:1px solid #ccc;}
p.gallery-left a:hover img,p.gallery-right a:hover img {border:1px solid #008060;}

/* sponsors */

.sponsor {margin-bottom:1.0em;width:100%;height:80px;}
.sponsor a {float:left;margin-right:10px;}
.sponsor a img {border:1px solid #ccc;} 
.sponsor a:hover img {border:1px solid #008060;}

/* MENU --------------------------------------------------------------------- */

ul#left-menu {margin:1px 0 0 0;padding:0 0 0 8;list-style-type:none;position:absolute;top:0;left:0;width:145px;}
ul#left-menu li {background:url("/images/menu.arrow.gif") no-repeat 0.2em 0.7em;margin:0;padding:4px 8px 4px 15px;vertical-align:middle;line-height:110%;}
ul#left-menu li a {font-size:100%;color:#000;text-decoration:none;}
ul#left-menu li a.bold {font-weight:bold;}
ul#left-menu li a:hover {text-decoration:underline;}
ul#left-menu li.dotted {background-image:url("/images/dot.hori.gif");background-repeat:repeat-x;background-position:2 bottom;margin:0 8 8 0;padding:0;vertical-align:middle;}
ul#left-menu li a.selected {font-weight:bold;color:#008060;text-decoration:underline;}
ul#left-menu ol {text-align:left;list-style-type:none;margin-top:0.5em;padding:0;}

/* FOOTER ------------------------------------------------------------------- */

#footer p {position:relative;z-index:2;margin:5px 0em;font-size:10px;color:#666;}