*{
    -moz-outline:none;
}


/* 
	make viewport 100% in height and set padding, margin to zero
*/
html, body {
	height:100%;
	margin:0px;
	padding:0px;
}

/* 
	remove default vertical scrollbar for ie
*/
html{
	overflow-y: auto;
}

/* 
	set body tag
*/
body {
	background: #000000; 
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	/*text-align:center; *//* horizontal centering for IE Win quirks */
	text-align:left; /* just for reading debug*/
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #ffffff;
   padding:10px;
}


/* 
	set default padding,margin for all divs
*/
div{
	margin:0px;
	padding:0px;
	text-align:left;

}
img{
	border:0px;
}
p{
	margin:0px;
	padding:0px;
}
ul{
}
li{
	margin: 0px;
	padding: 0px;
}
ul.menu{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
li.menu{
	margin: 0px;
	padding: 0px;
}
a, a:link, a:visited, a:active {
	text-decoration: none;
	color:#3333ff;
}
a.menu, a.menu:link, a.menu:visited, a.menu:active {
	text-decoration: none;
	color:#ffffff;
}

label{
	float:left;
	width: 80px;
}

.color0{
	color:#ffffff;
}
.color1{
	color:#00babe;
}
.color2{
	color:#086474;
}
.color3{
	color:#000000;
}

.size12{
	font-size: 12px;
}
.size15{
	font-size: 15px;
}
.size16{
	font-size: 16px;
}
.size17{
	font-size: 17px;
}
.weightBold{
	font-weight: bold;
}

/* 
	this is the key ingredient to make it work.. it should at least 1px in width
	but could also be 100% to make the top half another color instead of the body bgcolor
*/
#divVerticalDistanceIntro { 
	width:100%;
	height:50%;
	background-color:#000000;
	margin-bottom:-325px; /* half of container's height */
	float:left;
}
#containerIntro1{
	margin:0px auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
	clear: left;
	width:100%;
	height:650px;
	background: #000000;
	border: 0px solid #ff0000;
}
#containerIntro2{
	margin:0px auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:1000px;
	height:650px;
	background: #000000;
	border: 0px solid #ff0000;
}


/* 
	this is the key ingredient to make it work.. it should at least 1px in width
	but could also be 100% to make the top half another color instead of the body bgcolor
*/
#divVerticalDistance { 
	width:100%;
	height:50%;
	background-color:#000000;
	margin-bottom:-315px; /* half of container's height */
	float:left;
}
#container1{
	margin:0px auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
	clear: left;
	width:100%;
	height:630px;
	background: #000000 url('../img/bgcontainer1.jpg') repeat-x;
	border: 0px solid #ff0000;
}
#container2{
	margin:0px auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:900px;
	height:630px;
	/*
	background: #ffffff url('../img/bg.jpg') no-repeat;
	*/
	background: #000000 url('../img/bgcontainer2.jpg') no-repeat;
	border: 0px solid #ff0000;
}
#divSpinner{
	width: 16px;
	height: 16px;
	position: absolute;
	left: 152px;
	top: 0px;
}
#animators{
	background: #000000;/*#AACEB5;*/
	position:absolute;
	left:44px;
	top:146px;
	width:164px;
	height:168px;
	border: 0px solid #ff0000;
	overflow: auto;
}
#animatorsInner{
	margin:10px;
	text-align:left;
	color: #ffffff;
}

#animatorsPreview{
	background: #000000;/*#AACEB5;*/
	text-align:left;
	position:absolute;
	left:44px;
	top:318px;
	width:164px;
	height:241px;
	border: 0px solid #ff0000;
	overflow: auto;
}
#animatorsPreviewInner{
	overflow: auto;
	padding-bottom: 9px;
}
#illustrators{
	background: #000000;/*#AACEB5;*/
	position:absolute;
	left:690px;
	top:146px;
	width:164px;
	height:168px;
	border: 0px solid #ff0000;
	overflow: auto;
}
#illustratorsInner{
	margin:10px;
	text-align:left;
	color: #ffffff;
}
#illustratorsPreview{
	background: #000000;/*#AACEB5;*/
	text-align:left;
	position:absolute;
	left:690px;
	top:318px;
	width:164px;
	height:241px;
	border: 0px solid #ff0000;
	overflow: auto;
}
#illustratorsPreviewInner{
	overflow: auto;
	padding-bottom: 9px;
}

img.thumbLeft{
	float:left;
	margin:0px;
	padding: 0px;
	margin-top:9px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:9px;
}
img.thumbRight{
	margin-top:9px;
	margin-right:9px;
	margin-bottom:0px;
	margin-left:9px;
	padding: 0px;
}
#sessionFlash{
	text-align:left;
	margin:10px;
}
#content {
	background: #FFFFFF;
	position:absolute;
	left:237px;
	top:153px;
	width:425px;
	height:400px;
	border: 0px solid #ff0000;
	overflow: auto;
}
#contentInner {
	text-align:left;
	margin:10px;
}
#paginate{
	position:absolute;
	left:438px;
	top:560px;
	width:40px;
	height:21px;
}
#footer {
	text-align:center;
	position:absolute;
	left:0px;
	top:585px;
	width:900px;
	height:40px;
	border: 0px solid #ff0000;
	overflow: auto;
}



/*
	agenda
*/
.agendaLi1{
	border-top: 1px solid #000000;
	background: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
.agendaLi2{
	border-top: 1px solid #000000;
	background: #FFFFFF; /*#AACEB5;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

#home{
	position:absolute;
	left: 617px;
	top: 70px;
	width:108px;
	height:74px;
}