body {
	margin: 0pt; 
	padding: 0pt; 
	height: 700px; 
	color: #333;
	background: #555;
	font-size: 12px;	
    font-family: Arial,Verdana,sans-serif;
}


p {
	margin: 0px 15px 0px 15px;
	text-align:justify;

}


#container {
	top: 100px;
	height: 650px; 
	background: #FFF;	
}

	
#header {
	position:fixed;
	float:left;	
	width:6200px;	
    height:100px;
	background: #555;
	z-index:6;	
}


#headerwelcome {
	position:fixed;
	float:left;	
	width:4500px;	
    height:100px;
	background: #555;	
	
}

#headerindex {
	width:1200px;
	position:fixed;
	top: 20;
	left: 50;		
    height:100px;
	background: #555;

	
}


h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color:#FFCC33;
	font-weight:bold;
	margin: 0px 15px 0px 15px;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin: 0px 15px 0px 15px;	
}


h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color:#555;
	font-weight:bold;
	text-align:left;
	margin: 0px 15px 0px 15px;
}

h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color:#CC3300;
	font-weight:bold;
	margin: 0px 15px 0px 15px;
}




a:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;

}


a:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#floatleft {
	float: left;
	position: absolute;
	}
	
	
	
.picture_text{
	margin-bottom:-.5em;
	
}


.blue{
	color: #00FFFF;
	background:transparent;
	text-decoration: none;
	font-weight: none;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:15px;
	letter-spacing: 2px;
 }
 
 /* navigation, navbar */

#nav    {
	position:absolute;
	margin-top:5px;
	z-index: 500;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	
#nav li {
	float: left;
	position: relative;
	width: 120px;
	height: 20px;
	margin: 0;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

#nav li a {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	text-align: center;
	display: block;
	background-color: #ccc;
	}
	
#nav li a:hover {
	background: #FFCC33;
	
	}


#nav li ul {
	position: absolute;
	left: 0px;
	top: 1.6em;
	display: none;
	}


#nav li:hover ul {
	 display: block;
	 position: absolute;
 }


/* misc text */

.clearall { 
	clear: both;
	 }

.caption {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color:#555;
	font-weight:none;
	text-align:left;
}


.blackbold {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	font-weight:bold;
	margin: 5px 0px 0px 0px;
}

.yellowbold_kern {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:#ffcc33;
	line-height:15px;
	letter-spacing: 1px;
}


.blackbold_kern {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#000000;
	line-height:15px;
	letter-spacing: 2px;
}

.whitebold_kern {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;
	line-height:15px;
	letter-spacing: 2px;
}

.images {
	float: left;
	border: 0;
	padding: 20px;
	text-align: center;
}


.imageset {
	float: left;
	width: 250px;
	border: 0;
	padding: 20px;
	text-align: center;
}


.flashpointbox {
	float: left;
	width: 170px;
	margin: 0px 10px 0px 10px;
	border: 1px;
	padding: 5px;
	text-align: justify;
	background-color: ccc;
}

.redbox {
	background-color: #cc3300;
	width: 400px;
	
}

.greybox {
	background-color: #e6e6e6;
	margin: 0px 15px 0px 15px;
	
}

.transparentbox {
	background-color: #fff;
	margin: 0px 15px 0px 15px;
	
}


.blackbody {
	color: #000;
	font-size: 12px;	
    font-family: Arial,Verdana,sans-serif;
}

/* layout for scan pop-up pages */

#mobilesflashpointmain {
	float:left;
	position: absolute;
	top: 62px;
	left: 100px;
	width: 900px;
	height: 100%;
	background: #FFF;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	overflow:auto;
	scrolling: visible;	
	
}


.mobilesflashpointbox {
	float: left;
	width: 265px;
	margin: 0px 10px 0px 10px;
	border: 1px;
	padding: 5px;
	text-align: justify;
	background-color: ccc;
}

#popupmain {
	float:left;
	position: absolute;
	top: 60px;
	left: 100px;
	width: 640px;
	height: 100%;
	background: #FFF;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	overflow:auto;
	scrolling: visible;
}


#popupside {
	float:left;	
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100px;
	height:100%;
	background: #000000;
	
}

/* layout for flashpoint pop-up pages */


#flashpointpopcontainer {
	top: 100px;
	height: 775px;
	width: 850px; 
	background: #888;
		
}


#flashpointpopupmain {
	float:left;
	position: absolute;
	top: 60px;
	left: 100px;
	width: 750px;
	height: 100%;
	background: #888;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	overflow:auto;
	scrolling: visible;
}


#flashpointpopupside {
	float:left;	
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100px;
	height:100%;
	background: #000000;
	
}


/* layout for scans */

#scanleftmenu {
	float:left;	
	position:fixed;
	top: 100px;
	left: 0px;
	width: 145px;
	height:550px;
	background-color: #0099cc;
	z-index:5;
}

#box1 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 200px;
	width: 100px;
	height:550px;
	background-color: #FFcc33;
}



#box1index {
	float:left;	
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100px;
	height:600px;
	background-color: #FFcc33;
	}

#box2 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 300px;
	width: 640px;
	height: 550px;
	background: #FFF;
	margin: 0px 5px 0px 5px;
	text-align:justify;
	z-index:0;
}



#box2index {
	float:left;
	position: absolute;	
	top: 80px;
	left: 90px;
	width: 1650px;
	height: 600px;
	background: #777;
	margin: 0px 120px 0px 20px;
	
}


#box2search {
	float:left;
	position: absolute;	
	top: 80px;
	left: 90px;
	width: 750px;
	height: 610px;
	background: #777;
	margin: 0px 120px 0px 20px;
	overflow:auto;
	scrolling: visible;
	
}




#box3index {
	float:left;
	position: absolute;	
	top: 80px;
	left: 450px;
	width: 550px;
	height: 200px;
	background: transparent;
	margin: 0px 120px 0px 20px;
	
}



#box3 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 950px;
	width: 100px;
	height:550px;
	background: #0099cc;
}

#box4 {
	float:left;
	position: absolute;
	top: 100px;
	left: 1050px;
	width: 641px;
	height: 550px;
	background: #FFF;
	margin-left: 5px;
	margin-right: 10px;
	text-align:justify;	
}

#box5 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 1700px;
	width: 100px;
	height:550px;
	background: #ff6600;
}

#box6alt {
	float:left;
	position: absolute;	
	top: 100px;
	left: 1800px;
	width: 640px;
	height: 550px;
	background: #FFF;
	margin: 0px 5px 0px 0px;
	text-align: right;
	background: url(http://www.extrememediastudies.org/extreme_media/site_welcome/images/text_background.gif) no-repeat;
	
}


#box6 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 1800px;
	width: 640px;
	height: 550px;
	background: #FFF;
	margin-left: 5px;
	margin-right: 20px;
	text-align: justify;
	
}

#box7 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 2450px;
	width: 100px;
	height:550px;
	background: #cc3300;
}

#box8 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 2550px;
	width: 640px;
	height: 550px;
	background: #FFF;
	margin-left: 5px;
	margin-right: 10px;
	text-align:justify;
	}

#box9 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 3200px;
	width: 100px;
	height:550px;
	background: #ffCC33;
}

#box10 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 3300px;
	width: 610px;
	height: 550px;
	background: #FFF;
	margin: 0px 5px 0px 5px;
	text-align:justify;
	}

#box11 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 3920px;
	width: 100px;
	height:550px;
	background: #ff6600;
}

#box12 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 4020px;
	width: 650px;
	height: 550px;
	background: #FFF;
	margin-left: 5px;
	margin-right: 20px;
	text-align:justify;
	
}

#box13 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 4680px;
	width: 100px;
	height:550px;
	background: #cc3300;
}

#box14 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 4785px;
	width: 640px;
	height: 550px;
	background: #FFF;
	margin: 0px 5px 0px 5px;
	text-align:justify;
	
}

#box15 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 5440px;
	width: 100px;
	height:550px;
	background: #0099cc;
}

#box16 {
	float:left;
	position: absolute;
	top: 100px;
	left: 5532px;
	width: 653px;
	height: 550px;
	background: #FFF;
	margin-left: 15px;
	margin-right: 5px;
	text-align:justify;
}

	

#innerbox {	
	width: 400px;
	text-align:justify;
	margin-left: 235px;
	
}


/* layout for flashpoints */


#flashpointleftmenu {
	float:left;	
	position:fixed;
	top: 100px;
	left: 0px;
	width: 145px;
	height:550px;
	background-color: #FFcc33;
	z-index:5;
}

#flashpointheader {
	position:fixed;
	float:left;	
	width:6950px;	
    height:100px;
	background: #555;
	z-index:6;	
}



#flashpointcontainer {
	top: 100px;
	height: 650px; 
	background: #888;
	left: 200px;	
	width:6950px;
}

#flashpointbox1 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 200px;
	width: 100px;
	height:550px;
	background-color: #000;
}



#flashpointbox2 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 300px;
	width: 640px;
	height: 550px;
	background: #ccc;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
	margin: 0px 5px 0px 5px;
	text-align:justify;
	z-index:0;
}




#flashpointbox3 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 950px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox4 {
	float:left;
	position: absolute;
	top: 100px;
	left: 1050px;
	width: 641px;
	height: 550px;
	background: #777;
	margin-left: 5px;
	margin-right: 10px;
	text-align:justify;	
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
}

#flashpointbox5 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 1700px;
	width: 100px;
	height:550px;
	background: #000;
}


#flashpointbox6 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 1800px;
	width: 640px;
	height: 550px;
	background: #777;
	margin-left: 5px;
	margin-right: 20px;
	text-align: justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
	
}

#flashpointbox7 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 2450px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox8 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 2550px;
	width: 640px;
	height: 550px;
	background: #777;
	margin-left: 5px;
	margin-right: 10px;
	text-align:justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
	}

#flashpointbox9 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 3200px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox10 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 3300px;
	width: 610px;
	height: 550px;
	background: #777;
	margin: 0px 5px 0px 5px;
	text-align:justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
	}

#flashpointbox11 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 3920px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox12 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 4020px;
	width: 650px;
	height: 550px;
	background: #777;
	margin-left: 5px;
	margin-right: 20px;
	text-align:justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
	
}

#flashpointbox13 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 4680px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox14 {
	float:left;
	position: absolute;	
	top: 100px;
	left: 4785px;
	width: 640px;
	height: 550px;
	background: #777;
	margin: 0px 5px 0px 5px;
	text-align:justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
	
}

#flashpointbox15 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 5440px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox16 {
	float:left;
	position: absolute;
	top: 100px;
	left: 5525px;
	width: 653px;
	height: 550px;
	background: #777;
	margin-left: 15px;
	margin-right: 5px;
	text-align:justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
}

#flashpointbox17 {
	float:left;	
	position: absolute;
	top: 100px;
	left: 6188px;
	width: 100px;
	height:550px;
	background: #000;
}

#flashpointbox18 {
	float:left;
	position: absolute;
	top: 100px;
	left: 6278px;
	width: 653px;
	height: 550px;
	background: #777;
	margin-left: 15px;
	margin-right: 5px;
	text-align:justify;
	background: url(http://www.extrememediastudies.org/extreme_media/6_remote/images/background_echo.gif) repeat;
}


/* anchors for scrolling */


#anchor1 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 75px;
	width: 10px;
	height:10px;

}

#anchor2 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 810px;
	width: 10px;
	height:10px;

}


#anchor3 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 1575px;
	width: 10px;
	height:10px;

}


#anchor4 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 2325px;
	width: 10px;
	height:10px;

}

#anchor5 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 3075px;
	width: 10px;
	height:10px;

}

#anchor6 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 3800px;
	width: 10px;
	height:10px;

}

#anchor7 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 4550px;
	width: 10px;
	height:10px;

}

#anchor8 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 5300px;
	width: 10px;
	height:10px;

}

#anchor9 {
	float:left;	
	position: absolute;
	top: 600px;
	left: 6000px;
	width: 10px;
	height:10px;

}