mapContainer { 	 
  height: 700px; 	 
  width: 700px;
}


body {margin: 0 0 0 0; background: #B5B69A url(images/bg.jpg) no-repeat top left; background-attachment: fixed; font: 12px Verdana, Arial; color: #404040;
}

h1, h2, h3, h4 {padding: 0; padding-top: 5px; margin: 0; font-weight: bold; text-align: left; line-height: 125%;}
h1 {font-size: 16px; color: #663300;}
h1.withlink {font-size: 16px;}
h2 {font-size: 15px; color: #184210;}
h3 {font-size: 14px; color: #6BA6BD;}
h4 {font-size: 13px;}

a {color: #663300; text-decoration: underline;}
a:link {color: #663300; text-decoration: underline;}
a:active {color: #996633;}
a:visited {color: #996633;}
a:hover {color: #996633; text-decoration:none;}



.courseimageframe {
	margin-right: 20px;
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
}

.courseimage {
	border: 1px solid #ccc;
}

.courseimage img{
	display: block;
}
hr {
	border: none;
	border-top: 2px dotted #808080;
}

	
.newstitle {
	font-family: verdana, arial;
	font-size: 16px;
	font-weight: bold;
	color: #6BA6BD;
}
.title {
	font-family: verdana, arial;
	font-size: 16px;
	font-weight: bold;
	color: #663300;
}
.subtitle {
	font-family: verdana, arial;
	font-size: 14px;
	font-weight: bold;
	color: #184210;
}
.subtitlewhite {
	font-family: verdana, arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.maintext {
	font-family: verdana, arial;
	font-size: 12px;
	color: #404040;
}

.mainmenu {
	font-family: verdana, arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}

.mainmenu a:link {color: #663300; text-decoration: underline;}
.mainmenu a:active {color: #996633;}
.mainmenu a:visited {color: #663300;}
.mainmenu a:hover {color: #996633;}

.mainmenuwhite {
	font-family: verdana, arial;
	font-size: 12px;
	color: White;
	text-decoration: none
}

.maintextsmall {
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
}
.mainwhite {
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.mainurl {
	font-family: verdana, arial;
	font-size: 12px;
	color: 663300;
}







/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top: 1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #777788;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #777788;
 border-bottom: none;
 background: #98AF93;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #184210; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background: #184210;
 border-color: #184226;
}

ul.tabbernav li.tabberactive a
{
 background-color: #ffffff;
 border-bottom: 1px solid #ffffff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #AAAAAA;
 border-top:0;
 height:200px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


#tabs {
	PADDING-RIGHT: 12px; 
	PADDING-LEFT: 12px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px -12px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	POSITION: relative; HEIGHT: 1%
}

#tabs UL {
	margin: 0;
	padding: 0;
	COLOR: #CCCCCC;
	
}
#tabs LI {
	DISPLAY: inline
}
#tabs A {
	PADDING-RIGHT: 2px; 
	DISPLAY: block; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px;
	Font-Family: Tahoma;
	Z-INDEX: 1; 
	FLOAT: left; 
	MARGIN-BOTTOM: -1px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 8em; 
	LINE-HEIGHT: 150%; 
	MARGIN-RIGHT: 3px; 
	PADDING-TOP: 4px; 
	POSITION: relative; 
	TEXT-ALIGN: center
}
#tabs A {
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BORDER-TOP: #CCCCCC 1px solid; 
	BORDER-LEFT: #CCCCCC 1px solid; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	BACKGROUND-COLOR: #5A7B4A
}
#tabs A.selected {
	COLOR: #616566; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	BACKGROUND-COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}
#tabs A:hover {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #758B6D
}
#tabs .clear {
	CLEAR: left
}


a.linkheading {
	display:block;
	background:url(images/fadegrey.jpg) 0 0 repeat #FFFFFF;
	font:bold 14px/35px Verdana, Arial, Times, serif;
	color:#184210;
	height:37px;
	text-decoration:none;
	padding: 0 0 0 15px;
}

a.linkheading:hover {
	color:#225915;
}
a.linkheading:active {
	color:#225915;
}
a.linkheading:visited {
	background:url(images/fadegrey.jpg) 0 0 repeat;
	font:bold 14px/35px Verdana, Arial, Times, serif;
	color:#184210;
}
a.linkheadingg {
	display:block;
	background:url(images/fadegreenchex.jpg) 0 0 repeat #FFFFFF;
	font:bold 14px/35px Verdana, Arial, Times, serif;
	color:#ffffff;
	height:37px;
	text-decoration:none;
	padding: 0 0 0 15px;
}
a.linkheadingg:hover {
	color:#F5F5E7;
}
a.linkheadingg:active {
	color:#F5F5E7;
}
a.linkheadingg:visited {
	background:url(images/fadegreenchex.jpg) 0 0 repeat;
	font:bold 14px/35px Verdana, Arial, Times, serif;
	color:#ffffff;
}



/* FORM ELEMENTS */
input.searchsubmit {
	width: 200px; padding: 2px; margin: 2px 0px 0px 0px; background: #758B6D; border: 1px solid #004200; color: #fff; font-family: Tahoma; font-size: 12px; font-weight: bold;
	}
input.searchreset {
	width: 60px; padding: 2px; margin: 2px 0px 0px 0px; background: #758B6D; border: 1px solid #004200; color: #fff; font-family: Tahoma; font-size: 12px; font-weight: bold;
	}


/* Next Back Buttoms */
.searchnav h5 {display: none;}
.searchnav ul {padding: 5px 5px; margin: 20px 0px; background-color: #fff; font: bold 0.8em Verdana, Arial, Sans-serif; text-align: center;}
.searchnav ul li {list-style: none; margin: 0; display: inline;}
.searchnav ul li a {padding: 5px; background: #eee; border: 1px solid #ccc; font: bold 1em Verdana, Arial, Sans-serif; text-decoration: none; color: #999;}
.searchnav ul li a:link {color: #999;}
.searchnav ul li a:visited {color: #999;}
.searchnav ul li a:link:hover, .searchnav ul li a:visited:hover {background: #758B6D; border: 1px solid #004200; color: #fff;}
.searchnav ul li a.thispage {background: #A0CE41; border: 1px solid #638429; color: #000;}

#feature {
	position: relative;
	width: 350px;
	height: 150px;
      } 
	 

      #feature-content {
        position: absolute;
        bottom: 0; 
        left: 0; 
        height: 25px; 
        width: 350px; 
  	    background-image: url('/images/transparent_grey.png');
      } 
      #feature-content h1 {
        margin: 0;
        padding: 0;
        line-height: 10px;
        padding: 2px 0px 1px 8px;
        font-weight: bold;
        font-size: 10px;
		color: #fff; 
        text-decoration: none; 
      } 
	  #feature-content a {
        float: right; 
		padding: 0px 3px 5px 0px;
        font-size: 8px; 
        color: #fff; 
        text-decoration: none; 
        text-transform: uppercase; 
      }
    </style>
	
	/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */