html{
	scrollbar-base-color : #000000 !Important;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-3dlight-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-face-color : #000000;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #FFFFFF;
	scrollbar-track-color : #000000;
}
body{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	background-color : #000000;
	color : #FFFFFF;
	text-align : center;
	font-family : Verdana, Arial, sans-serif;
	font-size : 10pt;
	background-image : url(images/tour_bg.gif);
	background-repeat : no-repeat;
	background-position : top;
}
a img{
	border : none;
}
a{
	text-decoration : none;
	color : #000000;
}
a.active,a:hover{
	color : #F779F3 !Important;
}
#page{
	width : 1000px;
	margin : 0 auto 0 auto;
	background-color : #F779F3;
	color : #000000;
}
#content{
	text-align : left !Important;
}
.clear{
	clear : both;
	margin-top : -1px;
	height : 1px;
	border : none;
	overflow : hidden;
}
#topbar{
	width : 1000px;
	margin : 2px auto 2px auto;
}
#topbar a{
	color : #FFFFFF;
	text-decoration : none;
}
#topbar a.active{
	color : #F779F3;
	text-decoration : none;
}
#topbar a:hover{
	color : #F779F3;
	text-decoration : none;
}
#topbar #link{
	margin : 0 0 0 4px;
	width : 200px;
	text-align : left;
}
#topbar #nextChat{
	margin : 0 4px 0 0;
	width : 400px;
	font-size : 90%;
	text-align : right;
}
#bottombar{
	width : auto;
	background-image : url(http://melissamatters.com/images/mainnavBG.jpg);
	background-position : left center;
	background-repeat : repeat-x;
	margin : 0 0 0 0;
	padding : 2px 4px 4px 4px;
	font-size : 90%;
}
#bottombar a{
	color : #FFFFFF;
	text-decoration : none;
}
#bottombar a.active{
	color : #F779F3 !Important;
	text-decoration : none;
}
#bottombar a:hover{
	color : #F779F3;
	text-decoration : none;
}

#header{

}
#header .alt1{
	color : #FFFFFF;
}
#header .alt2{
	color : #000000;
}
.left{
	float : left;
	clear : none;
}
.right{
	float : right;
	clear : none;
}
.joinbutton{
	width : auto;
	height : auto;
	margin : 10px 0 10px 0 !Important;
}
#mainNav{
	background-image : url(http://melissamatters.com/images/mainnavBG.jpg);
	background-position : bottom center;
	background-repeat : no-repeat;
	height : 30px;
	width : 977px;
	color : #FFFFFF;
	text-decoration : none;
	font-size : 15pt;
	font-family : Arial, sans-serif;
	margin : 0 auto 0 auto;
	padding : 3px 0 0 0;
}
#mainNav a{
	color : #FFFFFF;
	text-decoration : none;
	font-size : 100%;
}
#mainNav .tourLinks{
	margin : 4px 0 0 4px;
	_margin : 0 0 0 4px;
}
#mainNav .link{
	margin : 0 4px 0 0;
}
.headstuff{
	font-size : 80%;
	margin : 2px 0 2px 0;
}
.headflash, .headflash object{
	width : 986px !Important;
	height : 352px;
	margin : 0 auto 0 auto;
}
.headStats{
	background-image : url(http://melissamatters.com/images/navBubbleBG.jpg);
	background-position : top center;
	background-repeat : no-repeat;
	height : 30px;
	width : 980px;
	color : #FFFFFF;
	text-decoration : none;
	font-size : 100%;
	margin : 0 0 2px 0;
}

.alt1{
	color : #FFFFFF;
}
.alt2{
	color : #000000;
}
.alt3{
	color : #ff3399;
}
#sidebar{
	width : 224px;

	background-color : #FBB5F9;
	float : left;
	clear : none;
}
#mainbar{
	width : 766px;
	float : right;
	clear : none;
	margin-right : 5px;
	padding-right : 4px;
}
#LUS{
	width : 748px;
	height : 430px;
	background-image : url(http://melissamatters.com/images/luBG.jpg);
	background-position : top center;
	background-repeat : no-repeat;
	margin : 0 0 0 0;
	padding : 40px 0 0 0;
	float : right;
	clear : none;
	position : relative;
}
.lu{
	width : 155px;
	height : 210px;
	margin : 0 0 2px 24px;
	float : left;
	clear : none;
	font-size : 80%;
}
.lu img{
	border : 1px solid #000000;
}
.luto{
	width : 20px;
	height : 20px;
	position : absolute;
	top : 0;
	right : 18px;
	cursor : pointer;
}
.lufro{
	width : 20px;
	height : 20px;
	position : absolute;
	top : 0;
	right : 42px;
	cursor : pointer;
}
#calendar{
	width : 184px;
	height : 220px;
	margin : 0 auto 10px auto;
	background-image : url(http://melissamatters.com/images/calendar.jpg);
	background-position : top center;
	background-repeat : no-repeat;
}
#calendar img{
	width : 160px;
	height : 160px;
	border : 1px solid #000000;
	margin : 30px auto 0 auto;
}
#calendar div{
	width : auto;
	margin : 4px 0 0 0;
}
#calendar div a:hover{
	color : #F779F3;
}
#potd{
	width : 184px;
	height : 211px;
	margin : 0 auto 10px auto;
	background-image : url(http://melissamatters.com/images/potd.jpg);
	background-position : top center;
	background-repeat : no-repeat;
}
#potd img{
	width : 160px;
	height : 160px;
	border : 1px solid #000000;
	margin : 34px auto 0 auto;
}
#schedule{
	width : 172px;
	margin : 3px auto 10px auto;
	border : 1px solid #FFFFFF;
	background-color : #000000;
}
.pops{
	width : 748px;
	margin : 0 0 0 0;
	float : right;
	clear : none;
	padding-right : 4px;
}
.popbox{
	width : 361px;
	height : 211px;
	background-image : url(http://melissamatters.com/images/popbox.jpg);
	background-position : top center;
	background-repeat : no-repeat;
	text-align : center;
	float : left;
	clear : none;
	margin : 10px auto 0 9px;
}
.popbox img{
	margin : 8px auto 0 auto;
	width : 338px;
	height : 118px;
}
.popbox p{
	width : 338px;
	height : 74px;
	overflow : auto;
	margin : 2px auto 0 auto;
	text-align : justify;
	font-size : 80%;
	background-color : #FFFFFF;
}






























#CCSchedule{/* schedule wrapper */
		width : auto;
		border-width : 1px 1px 1px 1px;
		border-style : solid;
		border-color : #FFFFFF;
		text-align : center;
		font-size : 9pt;
		background-color : transparent !Important;
		margin : 0 auto 0 auto;
		padding : 0;
		text-align : center;
	}
	#CCLogo{
		width : 172px;
		height : 93px;
		padding : 6px 0 6px 0;
		background-image : url(http://melissamatters.com/images/cclogo.jpg);
		background-position : top center;
		background-repeat : no-repeat;
		font-family : arial, helvetica, sans-serif;
		font-size : 11px;
		font-weight : bold;
		vertical-align : middle;
	}
	.CCFooter{
		width : 172px;
		height : 63px;
		padding : 6px 0 6px 0;
		background-image : url(http://melissamatters.com/images/ccfooter.jpg);
		background-position : top center;
		background-repeat : no-repeat;
	}
	.CCCam{/* individual webcam div */
		width : auto;
		margin : 0 0 0 0;
		/*border-top : 1px solid #e95ab9;*/
	}
	.CCTitle{/* webcam title bar */
		width : auto;
		_width : 172px;
		font-size : 8pt;
		color : #FFFFFF;
		cursor : pointer;
		text-align:center;
		white-space : nowrap;
		padding:1px 0;
	}
	.CCModelname{/* modelname div */
		/*width : 90px;
		float : left;
		clear : none;
		margin-left : 3px;
		text-align : left;*/
		margin : 0 auto;
		background-color : inherit !Important;
	}
	.CCTitle li{list-style-type:none;}
	.CCModelname li:hover, .CCDate li:hover{color:#000 !Important;}
	.CCDate{/* webcam date/time div */
		/*width : 64px;
		_width : 64px; 
		float : right;
		clear : none;
		margin-right : 3px;
		text-align : right;*/
		margin : 0 auto;
		background-color : transparent;
	}
	.CCDetails{/* webcam details div, default: inline 'display:none' */
		width : 160px;
		margin : 0 auto 6px auto;
		font-size : 8pt;
	}
	.CCThumb{/* webcam thumbnail div */
	
	}
	.CCDesc{/* webcam description div */
		background-color : #EAE8EA;
		color : #000000;
		padding : 0 2px 0 2px;
	}
	.odd, .alt{/* webcam alternating color 1 */
		background-color : #F779F3 !Important;
	}
	.even, .tla{/* webcam alternating color 2 */
		background-color : #7459B8 !Important;
	}
/*
pictures page
*/
#picbox{
	width : auto;
	height : auto;
	margin : 13px 18px 12px 0;
}
#picbox .earth{
	width : auto;
	height : 88px;
	margin : 0 0 8px 0;
	background-image : url(http://melissamatters.com/images/picbox.jpg);
	background-position : left center;
	background-repeat : no-repeat;
}
#picbox .earth a{
	width : 88px;
	height : 88px;
	margin : 0 0 0 6px;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
#picbox .wind{
	width : 120px;
	height : auto;
	float : left;
	clear : none;
}
#picbox .wind a{
	width : 88px;
	height : 88px;
	margin : 0 0 6px 0;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
#picbox .fire{
	width : 512px;
	_width : 518px;
	height : 280px;
	float : left;
	clear : none;
	margin : 2px 0 0 9px;
	background-image : url(http://melissamatters.com/images/boxBG.jpg);
	background-position : center;
	background-repeat : no-repeat;
	color : #7E037A;
	font-weight : bold;
	font-size : 90%;
	text-align : left;
	padding : 2px 4px 2px 4px;
}
#picbox .fire p{
	_margin : 6px 0 4px 0;
}
#picbox .water{
	width : 88px;
	height : auto;
	margin : 0 0 0 10px;
	text-align : right;
	float : right;
	clear : none;
}
#picbox .water a{
	width : 88px;
	height : 88px;
	margin : 0 0 6px 0;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
.itemBox{
	width : 711px;
	height : 741px;
	margin : 0 20px 0 auto;
	_margin : 0 10px 0 25px;
	background-image : url(http://melissamatters.com/images/starBG.jpg);
	background-position : top center;
	background-repeat : no-repeat;
}
.itemBox .title{
	text-align : right;
	font-size : 150%;
	line-height : 200%;
	font-family : Arial;
	padding-right : 6px;
	color : #FFFFFF;
}
.itemBox .content{
	
}
.itemnav{
	font-size : 140%;
	color : #7E037A;
	margin : 6px 0 0 0;
}
.pictures .title{
	width : auto;
	height : 40px;
	background-image : url(http://melissamatters.com/images/picTitleBar.gif);
	background-position : center;
	background-repeat : no-repeat;
}
.item{
	width : 155px;
	height : 306px;
	margin : 26px 0 0 19px;
	float : left;
	clear : none;
	background-color : #9A71BE;
	color : #FFFFFF;
}
.item div{
	width : auto;
	background-color : #FFFFFF;
	color : #F779F3;
	font-size : 80%;
}
.item p{
	margin : 0 0 0 0;
	width : auto;
	height : 96px;
	padding : 2px 2px 2px 2px;
	overflow : auto;
	font-size : 80%;
}
/*
!pictures page
*/
/*
webcam page
*/
#cambox{
	width : 734px;
	height : auto;
	margin : 13px auto 0 0;
	_margin : 13px 29px 0 0;
}
.webcams{
	margin : 13px auto 0 auto !Important;
	_margin : 13px 0 0 0 !Important;
}
.webcams .title{
	width : auto;
	height : 40px;
	background-image : url(http://melissamatters.com/images/camTitleBar.gif);
	background-position : center;
	background-repeat : no-repeat;
}
#cambox .earth{
	width : auto;
	height : 106px;
	margin : 0 0 8px 0;
	background-image : url(http://melissamatters.com/images/cambox.jpg);
	background-position : top left;
	background-repeat : no-repeat;
}
#cambox .earth a{
	width : 88px;
	height : 88px;
	margin : 0 0 0 6px;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
#cambox .wind{
	width : 320px;
	height : 276px;
	float : right;
	clear : none;
	margin : 0 12px 14px 0;
}
#cambox .wind a{
	width : 88px;
	height : 88px;
	margin : 0 0 6px 20px;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
#cambox .fire{
	width : 362px;
	_width : 370px;
	height : 270px;
	_height : 276px;
	float : right;
	clear : none;
	margin : 2px 0 0 0;
	background-image : url(http://melissamatters.com/images/camblurb.jpg);
	background-position : center;
	background-repeat : no-repeat;
	color : #7E037A;
	font-weight : bold;
	font-size : 90%;
	text-align : left;
	padding : 4px 4px 2px 4px;
}

#cambox .fire p{
	_margin : 6px 0 10px 0;
}
.camdata{
	width : 711px;
	height : 295px;
	text-align : left;
	background-image : url(http://melissamatters.com/images/cam2.jpg);
	background-position : center;
	background-repeat : no-repeat;
	margin : 0 auto 12px auto;
}
.camdata div{
	float : left;
	clear : none;
	width : 246px;
	height : 276px;
	margin : 8px 0 0 6px;
	overflow : auto;
	text-align : justify;
}
/*
!webcam page
*/
div.itemnav .pagination{
	padding: 2px;
	text-align : center;
	width : 100%;
}

div.itemnav .pagination ul{
	margin: -4px 0 0 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size : 130%;
}

div.itemnav .pagination li{
	list-style-type: none;
	display: inline;
	padding : 0 0 1px 0;
	cursor : pointer;
	margin-right : 5px;
}
div.itemnav .pagination li:hover{
	color : #F779F3 !Important;
}

div.itemnav .pagination li.currentpage{
	font-weight: bold;
	padding: 0 0 0 0;
	color: #F779F3;
}

div.itemnav .pagination li.disablepage{
	padding: 0 5px;
	border: 1px solid #929292;
	color: #929292;
}

div.itemnav .pagination li.nextpage{
	font-weight: bold;
	cursor : pointer;
}
/*
video
*/
.videos .title{
	width : auto;
	height : 40px;
	background-image : url(http://melissamatters.com/images/vidTitleBar.gif);
	background-position : center;
	background-repeat : no-repeat;
}

#vidbox{
	width : 734px;
	height : auto;
	margin : 13px auto 0 0;
	_margin : 13px 0 0 0;
}
#vidbox .earth{
	width : auto;
	height : 106px;
	margin : 0 0 8px 0;
	background-image : url(http://melissamatters.com/images/vidbox.jpg);
	background-position : top left;
	background-repeat : no-repeat;
}
#vidbox .earth a{
	width : 88px;
	height : 88px;
	margin : 0 0 0 6px;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
#vidbox .wind{
	width : 320px;
	height : 276px;
	float : right;
	clear : none;

}
#vidbox .wind a{
	width : 88px;
	height : 88px;
	margin : 0 0 6px 20px;
	float: right;
	clear : none;
	border : 1px solid #FFFFFF;
}
#vidbox .fire{
	width : 362px;
	_width : 370px;
	height : 270px;
	_height : 276px;
	float : right;
	clear : none;
	margin : 2px -10px 2px 16px;
	_margin : 2px 12px 2px 16px;
	background-image : url(http://melissamatters.com/images/camblurb.jpg);
	background-position : center;
	background-repeat : no-repeat;
	color : #7E037A;
	font-weight : bold;
	font-size : 90%;
	text-align : left;
	padding : 4px 4px 2px 4px;
}
#vidbox .fire p{
	_margin : 6px 0 10px 0;
}
/*
extras
*/
.itemE{
	width : 370px;
	height : 230px;
	margin : 12px 0 0 8px;
	float : left;
	clear : none;
	background-image : url(http://melissamatters.com/images/extraBox.jpg);
	background-position : center;
	background-repeat : no-repeat;
}
.itemE .thumb{
	width : 155px;
	height : 177px;
	float : left;
	clear : none;
	margin : 10px 0 0 10px;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #000000;
}
.itemE .title{
	width : auto;
	margin : 4px 0 0 8px;
	text-decoration : underline;
	color : gray;
	text-align : left;
}
.itemE .blurb{
	width : 188px;
	height : 179px;
	overflow : auto;
	float : left;
	clear : none;
	margin : 10px 0 0 10px;
	background-color : transparent;
	text-align : justify;
	color : #7E037A;
	font-weight : bold;
	font-size : 90%;
	text-align : left;
}
/*
join
*/
.static1{
	width : auto;
}
#options{
	width : 488px;
	_width : 500px;
	height : 269px;
	_height : 270px;
	padding : 4px 0 4px 12px;
	margin : 0 auto 0 auto;
	background-image : url(http://melissamatters.com/images/joinBox1.jpg);
	background-position : top center;
	background-repeat : no-repeat;
	text-align : center;
}
#options p{
	font-weight : bold;
	margin : 8px 0 12px 0;
}
#options p span{
	font-size : 80%;
	color : #A9A9A9;
}
#options h3{
	display : block;
	width : auto;
	height : auto;
	font-size : 120%;
	color : #7459B8;
	text-decoration : underline;
	text-align : left;
	margin : 4px 0 0 0;
}
#options .spacer{
	width : 4px;
	height : 160px;
	float : left;
	clear : none;
	background-color : #F779F3;
	margin : 0 20px 0 20px;
}
.option{
	width : 215px;
	float : left;
	clear : none;
	margin : 0 auto 0 auto;
}
.option strong{
	display : block;
	font-size : 120%;
	color : #7459B8;
}
.option span{
	display : block;
	font-size : 80%;
	color : #A9A9A9;
}
.option p{
	white-space : nowrap;
	font-size : 70%;
	color : #000000;
	
}
.option img{
	margin : 4px 0 4px 0;
}
.safe{
	text-align : center;
	color : #FF0000;
	font-size : 70%;
	text-transform : uppercase;
	font-weight : bold;
	margin : 8px 0 0 0 !Important;
}
.jpic{
	margin : 0 26px 0 26px;
	border : 1px solid #FFFFFF;
}
.joinimage{
	margin : 26px 0 26px 0;
}
.static{
	width : 732px;
	height : 270px;
	margin : 0 auto 0 auto;
}

#stuffs{
	width : 488px;
	_width : 500px;
	height : 269px;
	_height : 270px;
	padding : 4px 0 4px 12px;
	margin : 0 auto 0 auto;
	background-image : url(http://melissamatters.com/images/joinBox2.jpg);
	background-position : top center;
	background-repeat : no-repeat;
	text-align : left;
}
#stuffs p{
	font-weight : bold;
	margin : 8px 0 12px 20px;
}
#stuffs p.alt3{
	margin-left : 40px;
}
#stuffs h3{
	display : block;
	width : auto;
	height : auto;
	font-size : 120%;
	color : #7459B8;
	text-decoration : underline;
	text-align : left;
	margin : 4px 0 0 0;
}
#extraHeadBox{
	background-image : url(http://melissamatters.com/images/extraHead.jpg);
	width : 730px;
	_width : 750px;
	height : 106px;
	text-align : right;
	padding-right : 20px;
}
#extraHeadBox p{
	margin : 16px auto 0 auto;
	width: 400px;
	float : right;
	clear : none;
	color : #7E037A;
	font-weight : bold;
	font-size : 90%;
	text-align : justify;
}