/*

1. Defaults
2. Structure
3. Links & Navigation
4. Fonts
5. Images

*/

/* --------- 1. defaults  --------- */





/*  --------- 2. structure  --------- */

#wrapper {
	height:auto;
	width: 59.38em;
	background-color: #ffffff;
	border: 0px solid #555555;
	border-top: 0px;
	position: relative;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	background-image: url(ImgWeb/BottomBlue.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#leftfeed {
	position:absolute;
	left:2px;
	top:426px;
	width:15.63em;
	height:auto;
	z-index:1;
	background-image: url(ImgWeb/BlueMan.jpg);
	background-repeat: no-repeat;
	border: thin solid #D1EBFA;
}

#leftnav {
	position:absolute;
	left:1px;
	top:107px;
	width:15.63em;
	
	z-index:1;
	background-image: url(ImgWeb/BlueBar.jpg);
	background-repeat: no-repeat;
	border: thin solid #D1EBFA;
}

#leftbottom {
	position:absolute;
	left:0em;
	top:38.13em;
	width:15.63em;
	height:5em;
	z-index:1;

}



#changeable {
	position:absolute;
	left:16.88em;
	top:105px;
	width:42.50em;
	height:36.50em;
	z-index:1;
}

#mainwrapper {
	width: 42.5em;
	height: auto;
	position: absolute;
	left: 0em;
	top: 107px;
}

#mainwrapper #video {
	position:absolute;
	left:449px;
	top:-106px;
	width:14.00em;
	height:16.69em;
	z-index:1;
	background-image: url(ImgWeb/Blue.jpg);
	background-repeat: no-repeat;
	border: thin solid #D1EBFA;
}

#mainwrapper #photo {
	position:absolute;
	left:449px;
	top:174px;
	width:14.00em;
	height:293px;
	z-index:1;
	background-image: url(ImgWeb/Blue.jpg);
	background-repeat: no-repeat;
	border: thin solid #D1EBFA;
}
#mainwrapper #poster {
	position:absolute;
	left:1px;
	top:-106px;
	width:27.38em;
	height:284px;
	z-index:1;
	background-image: url(ImgWeb/chord-2.jpg);
	background-repeat: no-repeat;
}

#mainwrapper #blog {
	position:absolute;
	left:1px;
	top:80px;
	width:27.38em;
	height:284px;
	z-index:1;
	background-image: url(ImgWeb/LineLighting.jpg);
	background-repeat: no-repeat;
}

#mainwrapper #report {
	position:absolute;
	left:0px;
	top:302px;
	width:27.38em;
	height:170px;
	z-index:1;
	background-image: url(ImgWeb/chord.jpg);
	background-repeat: no-repeat;
}

#mainwrapper #leaflet {
	position:absolute;
	left:1px;
	top:509px;
	width:27.38em;
	height:170px;
	z-index:1;
	background-image: url(ImgWeb/chord.jpg);
	background-repeat: no-repeat;
}
#mainwrapper #report #line2 #content {
	position:absolute;
	left:7px;
	top:42px;
	width:276px;
	height:121px;
	z-index:2;
}

#mainwrapper #leaflet #line2 #content {
	position:absolute;
	left:7px;
	top:42px;
	width:276px;
	height:121px;
	z-index:2;
}




/* ---------- 3. links and navigation ---------- */




#wrapper #video #linkrightone {
	position:absolute;
	left:1.19em;
	top:15.25em;
	width:12.38em;
	height:1.06em;
	z-index:1;
}

#wrapper #photo #linkrightone {
	position:absolute;
	left:1.19em;
	top:15.25em;
	width:12.38em;
	height:1.06px;
	z-index:1;
}


/* ---------- 4. fonts ---------- */

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color: #333333;
}

ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color: #333333;
	}


#mainwrapper #report #leaflet #line2 #content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #333333;
	padding-left: 0.31em;
	padding-top: 0.31em;
	display: inline;
	float: none;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.88em;
	font-weight:bold;
	color: #333333;
	padding-left: 0.31em;
	padding-top: 0.31em;

}

#wrapper #leftnav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
}

#wrapper #leftnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-decoration: none;
}
#mainwrapper #video #linkrightone a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
}

#mainwrapper #video #linkrightone a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-decoration: none;
}

#mainwrapper #photo #linkrightone a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
}

#mainwrapper #photo #linkrightone a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-decoration: none;
}
#mainwrapper #report #leaflet #line2 #content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#mainwrapper #report #leaflet #line2 #content a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}



/* ---------- 5. images ---------- */

#topbanner {
	position:absolute;
	left:0px;
	top:0px;
	width:59.38em;
	height:auto;
	z-index:1;
	
}

#rotatinglogo {
	position:absolute;
	left:40.88em;
	top:0.19em;
	width:18.25em;
	height:5.00em;
	z-index:1;
}
