/*  General rules */
	
img	{
	display: block;
	border: 0;
	}


	/*  Establish general layout parameters */

body	{
	background: #B8C598 url(../img/page_bg.gif) top left repeat-x;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 0px solid #566;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, lucida, arial, helvetica, sans-serif;
	padding-bottom: 25px;
	}
	
#wrapper	{
	background: #fff url(../img/wrapper_bg.gif) repeat;
	color: #333;
	margin: 5px auto;
	padding: 0;
	border: 0;
	width: 800px} 

#header	{
	background: transparent;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#menu  {
	background: #F03C8D;
	color: #FFE5FF;
	width: 800px;
	height: 35px;
	border-bottom: 0px solid #FFF;
	}

#menulinks  {position: relative;
	top: 11px;
	left: 10px;
	width: 700px;
	background: transparent;}
	
#spacer {
	background: #FFF;
	width: 790px;
	height: 15px;
	}


#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: transparent;
	clear: both;
	}

#sidebar	{
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 200px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;	 
	}

html>#sidebar 	{
	width: 180px;
	} 

#subnav	{
	margin: -12px 20px 25px 0;
	padding: 5px;
	border: 0;
	}

#maincontent	{
	padding: 0 0 10px 0;
	margin: 15px 0 0 220px;
	color: #666;
	background: transparent; 
	/* compensates for IE Win bungling */
	}

#maincontent ol, #maincontent ul {margin: 0 30px 4px 0; padding: 0; list-style: none}
#maincontent li {font-size: 12px; line-height: 140%; margin: 0 0 2px 0; vertical-align: top
margin: 0; padding: 0 0 0 20px; background: url(../img/listblack.gif) no-repeat 0 0px}	
		

#footer {
	border: 0;
	border-top: 1px solid #ccc;
	color: #666;
	background: #FFCC66 url(../img/footer.jpg) top left no-repeat;
	padding: 0 7px 3px 10px;
	text-align: left;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}

html>#footer	{
	font-size: x-small;
	} 

#copyright  {position: relative;
	top: 11px;
	left: 10px;
	width: 550px;
	background: transparent;}

#developedby  {position: relative;
	top: -5px;
	left: 510px;
	width: 197px;
	background: transparent;}

#copyright p, #developedby p	{
	margin: 0;
	padding: 0;
	line-height: 16px;
	}

#subnav ul {margin: 0; padding: 0; list-style: none}
#subnav ul li {font-size: 12px; line-height: 120%; margin: 0 0 2px 0; vertical-align: top
margin: 0; padding: 0 0 7px 20px; background: url(../img/listround.gif) no-repeat 0 2px}	


#subnav ul li a {
	font-weight: normal;
	}
	

	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code	{
	font-size : 105%; 
	}
	


	/*  Typography */
	
#menu  {
	font-size: 14px;
	text-align: left;
	}
	

h1, h2, h3, h4, h5, h6, #pagebody h1, #pagebody h2	{
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	padding: 15px 0 0 0;
	margin: 0;
	letter-spacing: 1px;
	}


#subnav h1 {padding-top: 10px; margin-top: 0}	
	
	
#pagebody h1	{
    margin-top: 0;
    font-size: 18px; 
    color: #333;           
    }    

#pagebody h2	{
    margin-top: 1.5em; 
    font-size: 16px;
    color: #333;     
	} 

#pagebody h3	{
    margin-top: 1.5em; 
    font-size: 14px;   
    color: #333;  
	} 

#pagebody h4	{
    margin: 0; 
    font-weight: bold;
    font-size: 14px;   
    color: #F03C8D;  
	} 

/*  Total should add up to 570px */	

td {valign: top; color: #666;}

td.left_td {width: 420px; border-bottom: 1px dotted #FF8A01}	
td.right_td {padding-right: 20px;
	width: 158px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 138px;	 
	}

html>td.right_td {
	width: 138px;
	} 


td.left_50percent {width: 273px; valign: top}	
td.right_50percent {width: 303px; padding-left: 30px; valign: top}
/* removes float in IE-Win (5 and 6)
   But IE5-Mac shouldn't see this \*/
  * html td.right_50percent {
   width: 273px;
    }
  /* Resume IE5-Mac */


p.eventdetails {font-weight: bold; margin-bottom: 0px}
p.eventdescription {margin-top: 0px}


p, p.hide	{
	line-height: 17px;
	text-align: left;
	margin: 0;
	margin-bottom: 1em;
	}
	
#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
    font-size: 12px;}

#pagebody p {margin-right: 20px}

#sidebar p	{
	font-size: 12px;
	text-align: left;
	padding-right: 20px;
	}

#footer p	{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	width: 770px;
	}	

	/* General linkology */
	
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {font-weight : bold; text-decoration : none; background: transparent;}
#menu a:link, #menu a:visited {color: #FFE5FF}
#menu a:hover, #menu a:active {color: #FFF; text-decoration : underline}

#pagebody a:link, #pagebody a:visited, #pagebody a:hover, #pagebody a:active {font-weight : bold; text-decoration : none; background: transparent;}
#pagebody a:link, #pagebody a:visited {color: #F03C8D}
#pagebody a:hover, #pagebody a:active {color: #F03C8D; text-decoration : underline}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {font-weight : bold; text-decoration : none; background: transparent;}
#footer a:link, #footer a:visited {color: #F03C8D}
#footer a:hover, #footer a:active {color: #F03C8D; text-decoration : underline}

	/*  Helpers */
	
	
div.linewrap {
	font-weight: bold; 
	color: #c60; 
	font-size: 13px;
	}
	
div.floatleft	{
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	}
	
div.floatright	{
	float: right;
	padding: 0;
	margin: 0 20px 5px 15px;
	}	

div.floatleft img, div.floatright img {border: 1px solid #999}

.formtable {width: 550px; margin: 0 0 20px 0px; border: 1px solid #DDD}
.formbox, .formboxbig, .formbuttonbold {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; width: 200px}
.formbutton {text-align: left}
.formboxbig {height: 100px; border: 1px solid #9FB9C4}}

.formbuttonbold {width: 50px; font-size: 13px; font-weight: bold; padding: 0 5px 0 5px;
text-align: center; border: 1px solid #DDD}
	
.cell td, .cellnoshade td {padding: 3px 3px 3px 10px; margin: 10px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 11px}
.cell td {background-color: #D1D9BD}	
.cellnoshade td {background-color: #FFF}

.cell td input, .cellnoshade td input {border: 1px solid #9FB9C4}