@charset "utf-8";

body {
	background-color: white;
	color: White;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.container {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: solid 1px blue;
	position: absolute;
}

div.top {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}

div.bottom {
	position: absolute;
	z-index: 1;
}

#featuredPanel {
	float:left;
}

#rightPanel {
	float:right;
}

#back {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-attachment:fixed;
	background-image:url(images/bgMain.jpg);
	z-index:1;
	background-repeat: no-repeat;
}

#front {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	z-index: 2;
	top:0px;
	background-color:transparent;
	width:100%;
	height:100%;
}

#brandingUrls{
	position:absolute;
	top:94%;
	width:100%;
	text-align:center;
	z-index:200;
}

#header{

}

#containerMainContent{
	width:663px;
	margin-left:auto;
	margin-right:auto;
	margin-top:12%;
}

h3.section {
	margin-top: 1em;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, set a margin on the above element */
	margin-bottom: 10px;
}

#featuredItem{
	float:left;
	padding-left:10px;
}

#featuredLinks{
	overflow:auto;
	height:148px;
	width:300px;
	padding-left:10px;
}

#slideBack{
	position:absolute;
	background-color:#ffffff;
	opacity:0.6;
	filter:alpha(opacity=60);
	width:300px;
	height:122px;
	z-index:100;
}

#slideFront{
	padding-top:10px;
	position:absolute;
	z-index:101;
	height:120px;
	width:300px;
}

.slide-out-div {
	width: 300px;
	height:120px;
	border: 1px solid #ffff00;
	z-index:99;
}

.paddingTL5{
	padding-left:110px;
}

.borderBlack{
	border: 1px solid #000000;
}

/* fonts start */
.whiteHeader {
	font-size:14px;
	font-weight:bold;
}

#slidePanelHeader{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

#slidePanelBody{
	color:#333333;
	padding-top:5px;
}

.white{
color:#FFFFFF;
}

.white:hover{
/*text-decoration:underline;*/
}

.black{
color:#000000;
text-decoration:none;
}

.black:hover{
text-decoration:underline;
}
/* fonts end */

.listNoBullet{
/*float:left;*/
/*padding-top:5px;*/
line-height:1.6;
color:#FFFFFF;
text-decoration:none;
}

.listNoBullet:hover{
text-decoration:underline;
}


.alignLeft {float:left}
.alignRight {float:right}