/* Global HTML tags =============================================== 

See D Carter

=================================================================== */
html {
    height : 100%; }
    
body {
    font-family : verdana, arial, sans-serif;
    font-size : 0.75em;
    background : rgb(102 , 102 , 102);
    color : rgb(68 , 68 , 68);
    margin : 0px;
    padding-top : 0px;
    padding-right : 10px;
    padding-bottom : 0px;
    padding-left : 10px;}
    
p {
    margin : 10px;
    padding-top : 0px;
    padding-right : 10px;
    padding-bottom : 0px;
    padding-left : 10px;
	text-align : justify;
    line-height : 1.7em;}
    
h1 {
    font-family : trebuchet ms, verdana, arial, sans-serif;
    font-size : 22px;
    text-transform: lowercase;
    color : #999966;
    margin : 10px;
    padding-top : 0px;
    padding-right : 10px;
    padding-bottom : 0px;
    padding-left : 10px;
    letter-spacing : 0.2em;
    background : transparent;}
    
h2 {
    font-family : trebuchet ms, verdana, arial, sans-serif;
    font-size : 18px;
    text-transform: lowercase;
    color : #999999;
    margin : 10px;
    padding-top : 0px;
    padding-right : 10px;
    padding-bottom : 0px;
    padding-left : 10px;}

h3 {
    font-family : trebuchet ms, verdana, arial, sans-serif;
    font-size : 16px;
    text-transform: lowercase;
    color : #999999;
    margin : 10px;
    padding-top : 0px;
    padding-right : 10px;
    padding-bottom : 0px;
    padding-left : 10px;}
    
/* img
{
    border : 0px;
    margin : 0px 0px 0px 0px;
}
*/

a { outline : none;}

/* Define table style */
table.events {
	margin-top : 10px;
	margin-left : 0px;
	margin-bottom : 20px;
	text-align: center;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 700px;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;}

/* Define header style */
table.events td.hed {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: center;
	border-bottom: 2px #fff solid;
	font-size: 14px;
	font-weight: bold;}
  
/* Define table data */
table.events td {
	background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;}


/* Image positioning - left, right and center */
.left {
	float : left; 
	padding-top : 5px;
	padding-right : 10px;
    padding-bottom : 0px;
    padding-left : 20px;}

.right {
	float: right; 
	padding-top : 5px;
	padding-right : 20px;
    padding-bottom : 0px;
    padding-left : 10px;}

.center {
	display: block;
	text-align: center;
	margin: 20px auto;}

.quotation {
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 10px;
	margin-bottom: 0;}

p.quote {
	font-weight: bold; 
	font-style: italic; 
	text-align:right; 
	width: 155px;}


/* Main Container */
#main {
	width : 800px;
	margin-top : 0px;
	margin-right : auto;
	margin-bottom : 0px;
	margin-left : auto;
    background : rgb(255 , 255 , 255);
    color : rgb(68 , 68 , 68);}


#content {
	min-height : 600px;
    margin : 0px;
    padding-top : 0px;
    padding-right : 50px;
    padding-bottom : 0px;
    padding-left : 50px;}

/*
	Special links style for content.
	Note that background is of the content style.
*/
#content a, #content a:hover {
	color: #000;}

#content a {
	text-decoration: underline;}

#content a:hover {
	text-decoration: none;}
	
/*
	Define the columns.
*/
#column_left {
	width: 178px;
	float: left;
	padding: 16px 0px 15px 0px;}

#column_right {
	width: 178px;
	float: right;
	padding: 16px 0px 15px 0px;}


.sidebaritem {
	text-align: left;
	width: 176px;
	float: left;
	margin: 0px 0px 20px 0px;
	padding-bottom: 10px;
	background: #F6F6F0;
	color: #444;
	border: 1px solid #DCDDCB;}

.sidebaritem h1 {
	padding: 10px 10px 5px 10px; 
	margin: 0px; 
	font-size: 122%;
	letter-spacing: 0.1em;}
  
.sidebaritem h2 {
	padding: 5px 10px 5px 10px;}

.sidebaritem p {
	line-height: 16px; 
	padding: 5px 8px 8px 10px;}

.sbilinks {
	float: left;
	padding: 0px;}

.sbilinks ul {
	margin: 5px 0px 5px 10px;
	width: 167px;
	padding: 0px;} 

.sbilinks li {
	width: 167px; margin: 0px; 
	float: right; 
	list-style: none; 
	padding: 0px;
	line-height: 1.4em;} 

.sbilinks li a, .sbilinks li a:hover {
	float: left; 
	text-decoration: none; 
	padding: 4px 10px 3px 19px;
	border: 0px;
	display: block;
	background: transparent url(arrow.png) no-repeat left center;
	color: #444;} 

.sbilinks li a:hover, .sbilinks li a.selected, .sbilinks li a.selected:hover {
	background: transparent url(arrow_select.png) no-repeat left center;
	color: #5E0B1F;} 


/* Styling for the form */
#form { margin : 10px; }


/* Logo or Header image */
#header .image {
	top: 0px;				/* Positioning */
	left: 0px;
	margin-top: 0px;		/* Margins */
	margin-right: 0px;
	margin-bottom: -2px;	/* For some reason this is need to prevent a horizontal line! */
	margin-left: 0px;
	padding: 0px;			/* Padding */
}

/* Footer */
#footer {
	margin-left: auto; 
	margin-right: auto;
    padding-top : 10px;
    padding-right : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
	width: 800px;
	height: 25px;
	font-size: 90%;
	text-transform: lowercase;
	text-align: center;}

#footer, #footer a, #footer a:hover {
	background: #999999;
	color: #FFF;}

#footer a {
	text-decoration: underline;}

#footer a:hover {
	text-decoration: none;}