/* 
	General styles for this example page */
body{
		font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
		font-size:8pt;
		margin:0px;
		padding:0px;
/*		text-align:center;*/
		height:100%;
	}
	
h1{
		font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
		font-size:12pt;
		font-weight:bold;
		margin:0px;
		padding:0px;
		height:100%;
	}
h2{
		font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
		font-size:10pt;
		font-weight:bold;
		margin:0;
		padding:0px;
		height:100%;
	}
h3{
		font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
		font-size:9pt;
		font-weight:bold;
		margin:0px;
		padding:0px;
		height:100%;
	}
p{
		margin-top:5px;
		margin-bottom:10px;
	}
	
#mainContainer{
		width:1000px;
		margin:0 auto;
		text-align:left;
		padding-bottom:20px;
	}
#banner {
	background-image: url(topbar2.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 80px;
	}
#banner-webcamlink {
	float: left;
	width: 100px;
	margin-left: 450px;
	text-align: center;
	padding-top: 10px;
	font-size: 10px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #000000;
}
#banner-webcamlink2 {
	float: left;
	width: 220px;
	margin-left: 350px;
	text-align: center;
	padding-top: 0px;
	font-size: 10px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #000000;
}
#banner-links-right {
	float: right;
	width: 400px;
	text-align: right;
	padding-top: 20px;
}	
#banner-links-left {
	float: left;
	width: 200px;
	text-align: right ;
	padding-top: 20px;
}	

#contentContainer {
	background-color: #FFFFFF;
	padding-top: 15px;
}
mainMenu {
	float:left;
	width: 160px;
}
#right-column {
	width: 180px;
	float: right;
	margin-right: 10px;
}
#mainContent {

	margin-left: 160px;
	width: 600px;
}
#footer {
	clear:both;
	margin: 50px 0;
	padding-bottom: 30px;
}
.single_content_box {
	margin-bottom: 15px;
}
.double_content_box {
	margin-bottom: 15px;
}
.triple_content_box {
	margin-bottom: 15px;
}
.col1 {
	width: 290px;
	float: left;
	margin-right: 20px;
}
.col2 {
	width: 290px;
	float: left;
}
.trip_col1 {
	width: 198px;
	float: left;
	margin-right: 3px;
	clear: left;
}
.trip_col2 {
	width: 198px;
	float: left;
	margin-right: 3px;
}
.trip_col3 {
	width: 198px;
	float: left;
}
.content_box {
	background: url(content_box_br.gif) 100% 100% no-repeat;
}

.content_box div {
	background: url(content_box_bl.gif) 0 100% no-repeat;
	padding-bottom:1px;
}

.content_box div div {
	background: url(content_box_tr.gif) 100% 0 no-repeat;
}

.content_box div div div {
	background: url(content_box_tl.gif) 0 0 no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.content_box div div div div {
	background: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.content_box_readmore {
	background: url(content_box_br_readmore.gif) 100% 100% no-repeat;
}

.content_box_readmore div {
	background: url(content_box_bl_readmore.gif) 0 100% no-repeat;
/*	padding-bottom:5px;*/
}

.content_box_readmore div div {
	background: url(content_box_tr.gif) 100% 0 no-repeat;
}

.content_box_readmore div div div {
	background: url(content_box_tl.gif) 0 0 no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.content_box_readmore div div div div {
	background: none;

}
.read_more {
	font-weight: bold;
	text-align: right;
	padding-bottom: 7px;
} 	
#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
#dhtmlgoodies_menu{
		visibility:hidden;	
	}
#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	

.link,
.signupframe {
	color: #226699;
	font-family: Arial, Helvetica, sans-serif;
	}
	.link {
		text-decoration: none;
		}
	.signupframe {
		border: 1px solid #000000;
		background: #ffffff;
		}

	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
#dhtmlgoodies_menu ul{
		border:0px solid #000;
		padding:0px;
	}
		
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		overflow:visible;
	}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		border:1px solid #000000;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:0px;
		padding-right:0px;
	
	}
	
	/*
	Main menu items 
	*/
	
#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
	}
#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		
		
	}
#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFFFFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		background-color:#FFF;
		border:1px solid #FFF;
	}
#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#FFFFFF;
		border:1px solid #000;
	}	
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	

/*	mainMENU 
==================*/
.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover .imsubc{visibility:visible;}.imde ul ul ul li:hover .imsubc{visibility:visible;}.imde li:hover ul .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/
    /* --[[ Main Expand Icons ]]-- */
    #imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(light_arrow_right.gif); width:6px; height:9px; left:-6px; top:5px; background-repeat:no-repeat;background-position:top left;}
    #imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(light_arrow_right.gif); background-repeat:no-repeat;background-position:top left;}
    /* --[[ Sub Expand Icons ]]-- */
    #imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(medium_purple_right.gif); width:6px; height:9px; left:-6px; top:3px; background-repeat:no-repeat;background-position:top left;}
    #imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(medium_purple_right.gif); background-repeat:no-repeat;background-position:top left;}
    /* --[[ Main Container ]]-- */

    #imouter0 {border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px; }
    /* --[[ Sub Container ]]-- */
    #imenus0 li ul {background-color:#FFFFFF; border-style:solid; border-color:#333333; border-width:1px; padding:5px; margin:4px 0px 0px; }
    /* --[[ Main Items ]]-- */
    #imenus0 li a, #imenus0 .imctitle {height:20px; background-color:#FFFFFF; color:#000000; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; border-style:none; border-color:#ffffff; border-width:1px; padding:2px 8px; margin:0px 0px 2px; }
        /* [hover] - These settings must be duplicated for IE compatibility.*/
        #imenus0 li:hover>a {text-decoration:underline; }
        #imenus0 li a.ihover, .imde imenus0 a:hover {text-decoration:underline; }
        /* [active] */

        #imenus0 li a.iactive {}


    /* --[[ Sub Items ]]-- */
    #imenus0 ul a, #imenus0 .imsubc li .imctitle  {height:auto; background-color:transparent; color:#DD0000; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; margin:0px; }

        /* [hover] - These settings must be duplicated for IE comptatibility.*/
        #imenus0 ul li:hover>a {color:#000000; text-decoration:underline; }
        #imenus0 ul li a.ihover {color:#000000; text-decoration:underline; }

        /* [active] */
        #imenus0 ul li a.iactive {background-color:#ffffff; }