/*Style for the Body*/

* {
padding:0; margin:0
}

body {
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #393939;
	scrollbar-face-color: #CDC9BF;
	scrollbar-track-color: #696761;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #BAB099; 
	scrollbar-arrow-color: #696761; 
	scrollbar-base-color: #D3CBB7; 				
	color: #333330;		
	background: #76736C;
	line-height:16px;
	}
	
p {margin:10px auto;}
	
h1 {
	font-size: 12px; color: #017449}
	
#wrapper {
	width:778px;
	margin:10px auto;
	}
	
#header {
 background: url(images/top_main.jpg) no-repeat;
 height:223px;
}

#nav {
	background: url(images/bg_nav.gif) repeat-x;
	border-bottom:8px solid #e2ddcf;
	padding-left:40px;
	height:21px;
}
	
#nav a{
	float:left;
}
	
#mainContent{
	border-top:1px solid #fff;
}
	
#leftCol {
	background:#E9E4DA;
	border-right:1px solid #fff
}

#navLeft ul
{
list-style-type: none;
text-align: left;
margin-top:11px
}

#navLeft li {
padding:4px 0 4px 12px;
border-bottom:1px solid #d7cfc3;
}

#navLeft ul li a {
background: transparent url(images/list-off.gif) no-repeat  0 50%;
padding-left:12px;
text-align: left;
font-size: 11px;
text-decoration: none;
display:block
}

#navLeft ul li a:hover
{
background: transparent url(images/list-on.gif) no-repeat  0 50%;
}

#centerCol{
	background:#EEEAE2;
	padding:15px
}

#tblSchedule td {padding:4px 2px}

#workshop label {
	float:left;
	padding-right:5px;
	text-align:right;
	width:80px;
}

#workshop input {
	margin:0pt 5px 4px 0pt;
}

#rightCol {
	background:#E5E0D4;
	border-left:1px solid #fff;
	text-align:center
}

#footer {
	border-top:10px solid #1a946b; background:#1a5e45; padding:5px; color:#fff; font-size:10px
}

#footer a{
	color: #fff; text-decoration:none
}

#footer a:hover{
	text-decoration:underline
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs 

can be positioned underneath it */
.DropdownMenu .items {
	position:relative;
	left:0px; top:0px;
	border:1px solid #999;
	z-index:2;
	}

.DropdownMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.DropdownMenu .item {
    color:#FFFFFF;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the 

filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer 

gif inside this DIV is replaced by */
.DropdownMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=100);
	background:#1a5e45
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by 

script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by 

script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.DropdownMenu .item.hover {
	background:#2B9E77;
	color:#FFFFFF;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space 

between the text and the dingbat */
.DropdownMenu .item img {
	margin-left:10px;
	}
	
select {
         background-color: #FFFFFF;
         color: #000000;
         font-family: Arial, Helvetica, sans-serif;
		 font-size: 11px;
         font-weight: normal;
 }

.lineUnder { 
		background-image: url(images/lineunder.gif);
		background-repeat: repeat-x;
		background-position: left bottom;}

.paragraph {font-family: Arial, Helvetica, sans-serif;
	   font-size: 11px;
	   font-style: normal;
	   line-height: normal;
	   font-weight: normal;
	   font-variant: normal;
	   color: #001A10;}

.paragraphwhite {
	FONT: 11px Arial, Helvetica, sans-serif; COLOR: #1a946b
}

.paragraphgreen {
	FONT: 11px Arial, Helvetica, sans-serif; COLOR: #004C30
}   
	   
.paragraphlg {font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   font-style: normal;
	   line-height: normal;
	   font-weight: normal;
	   font-variant: normal;
	   color: #001A10;
	   line-height:18px}

.paragraphitalics {
		font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   font-style: italic;
	   line-height: normal;
	   font-weight: normal;
	   font-variant: normal;
	   color: #001A10;}

.copyright {font-family: Arial, Helvetica, sans-serif;
	   font-size: 10px;
	   font-style: normal;
	   line-height: normal;
	   font-weight: normal;
	   font-variant: normal;
	   color: #FFFFFF;}


.inputbox  {font-family: Arial, Helvetica, sans-serif;
           color : #001A10;
           font-size : 11px;
           border: 1px solid #BBBDB3;} 


.heading   {font-family: Arial, Helvetica, sans-serif; 
           font-size: 12px; 
           font-style: normal; 
           line-height: normal;
		   font-weight: bold;
		   font-variant: normal; 
           color: #017449}


.checkbox  {background-color: #ffffff;
	   font-family: font-family: Arial, Helvetica, sans-serif;
	   color : #BBBDB3;
	   font-size : 11px;
	   border: 1px solid #BBBDB3;}


.buttons   {background-color: #BBBDB3;
	   font-family: verdana, arial, helvetica, sans-serif;
	   color : #001A10;
	   font-size : 10px;
	   border: 1px solid #FFFFFF;}
	   
a:link {
color : #00885A;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
}

a:visited {
color : #00885A;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
}

a:hover {
color : #01A870;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
}

a:active {
color : #01A870;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
}


a.paymentlinks:link {
	font-family: 11px Arial, Helvetica, sans-serif; COLOR: #004C30; TEXT-DECORATION: none
}
a.paymentlinks:visited {
	font-family: 11px Arial, Helvetica, sans-serif; COLOR: #004C30; TEXT-DECORATION: none
}
a.paymentlinks:hover {
	font-family: 11px Arial, Helvetica, sans-serif; COLOR: #004C30; TEXT-DECORATION: underline
}
a.paymentlinks:active {
	font-family:: 11px Arial, Helvetica, sans-serif; COLOR: #004C30; TEXT-DECORATION: none
}

A.subnav {
color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
text-decoration: none;
}
A.subnav:hover {
color : #FFC527;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 11px;
text-decoration: none;
}
.whiteheader   {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal;
font-weight: bold;
font-variant: normal; 
color: #FFFFFF;
background:#1A5E45;
padding:3px}

.subheader   {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal;
font-weight: normal;
font-variant: normal; 
color: #001A10;
line-height:22px}