body {
margin:0 auto;
padding:0;
background-color:#fff;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
line-height:1.2em;
}

a {
color:#0059a8;
text-decoration:none;
/* font-weight:normal; */
}

a:hover {
color:#000000;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em;
font-size:.9em;
background-color:#cccccc;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

blockquote p {
margin:.2em;
}

#body{
	/*border:1px solid;*/
}

#header {
margin:0 auto;
padding:0em;
height:180px;
width:1000px;
background-color:#333;
font-family: sans-serif;
color:black;
}

.note {
	color:#69481b;
	font-size:80%;
	font-style:italic;
}	

#header a {
text-decoration:none;
}

#header img{
	/*border:1px solid red;*/
}

#leftColumn {
float:left;
padding:0;
width:224px;
font-size:1em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

/*border:1px solid;*/
}

#leftColumn ul { 
margin:0; 
padding:0;
list-style:none;
width:224px;
}

#leftColumn li { 
margin:0 0 .4em 0; 
padding:0 0 .5em 5px;
border-bottom:1px solid white;
}

#leftColumn li a { 
margin:0 0 2em 10px;
color:#fff;
text-decoration:none; 
font-weight:normal;
}

#leftColumn li a:hover,
#leftColumn li a.current,
li.lw_active > a,
li.lw_current > a { 
color:#4c4c4c  !important;;
text-decoration:none; 
font-weight:normal !important;;
}

#centerColumn {
margin:0 auto;
padding:.5em 0px 2em 0px;
background-color:#ffffff;
font-size:.9em;
width:1000px;
background-image:url(/images/cerl/conference/cyberwar/menubg.gif);
background-position:left;
background-repeat:repeat-y;
-moz-box-shadow: 0px 3px 3px #cacaca;
-webkit-box-shadow: 0px 3px 3px #cacaca;
box-shadow: 0px 3px 3px #cacaca;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cacaca')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cacaca');
-moz-border-radius: 0 0 10px 0;
border-radius: 0 0 10px 0;
min-height:300px;
/*border:2px dotted;*/
}

#rightColumn {
margin:0 0 0 240px;
width:730px;
}

body.lw_editor_on #rightColumn {
margin:0 0 0 240px;
width:730px;
position:absolute;
padding:3px 3px 30%;
}

#rightColumn h1 { 
margin:0; 
padding:.7em 0 .7em 0;
font-size:1.7em;
line-height: 1.2em;
color:#342100;
font-weight:normal;
}

#rightColumn h2 {
font-size: 1.5em;
color:#342100;
font-weight:normal;
}

#rightColumn h3 {
font-size: 1.05em;
line-height: 100%;
text-transform:uppercase;
color:#52514e;
padding:0px;
margin:5px 0 5px 0;
}

.caption {
	color:#666; 
	font-size:.8em; 
	font-style:italic; 
	margin-bottom:1em;
}

table {
	margin-top:10px;
}

th {
	text-align:left;
}

#rightColumn .lw_widget_type_blurbs {
	overflow:hidden;
}

#rightColumn .lw_widget_type_blurbs ol {
	margin-top:0;
	padding-top:0;
	float:left;
	width:670px;
}

.lw_blurbs_title {
	display:none;
}

/* Video overlays */
.blackout { width:100%; height:100%; position:fixed; top:0; left:0; background-color:#000; display:none; z-index:1100; }
.overlay { width:650px; margin-left:-290px; position:absolute; top:0; left:50%; border:6px solid #004684; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,0.5); padding:12px; display:none; z-index:1110;  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; }
	.overlay embed,.overlay img,.overlay iframe,.overlay video { display:block; }
	.overlay h3 { font-size:1.3em; color:#888; font-family:franklin-gothic-urw-condensed,"Helvetica Neue",Arial,Helvetica,sans-serif; text-transform:uppercase; font-weight:500; margin:0 -12px 0 0; font-style:italic; border-bottom:1px solid #999; padding-bottom: 7px; }
	.overlay .overlay-video { float:left; width:530px; margin-right:15px; }
		.overlay .overlay-video h3 { border:none; margin:0; padding:0; }
	.overlay .overlay-related { list-style-type:none; margin:0; width:130px; float:left; }
		.overlay .overlay-related li { margin-top:12px; }
			.overlay h4 { font-size:0.9em; color:#006; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; margin:0; letter-spacing:0; font-weight:normal; text-transform: none; }
.pennlaw-video { background-color: #FFC; background-image:url(/images/design/video-preview.jpg); background-position: center center; background-repeat: no-repeat; border: 1px dotted #CC0000;}
.videoCaption { margin-bottom:1em; padding:7px 10px; }
.youtube, .jwplayer { position:relative; margin:0; }
/*ol, ul {width:420px;}*/
ol.playlist, ul.playlist { margin-left:0; padding-left:0; width:420px;}
ol.playlist li, ul.playlist li { position:relative; margin-left:0; padding-left:0; }
	 ol.playlist img, ul.playlist img { display:none; position:absolute; top:0; left:0; } /* Not displayed by default. Can be turned on as-needed */ 
#sidebar .youtube, #sidebar .jwplayer {margin:0;}
.currentPlaylistItem { background-color:#f8f5eb }

#footer {
	clear:both;
	font-size:10px;
	color:#808080;
	text-align:right;
	height:50px;
	margin:0 auto;
	padding:0px 6px;
	width:1000px;
}






@media screen and (max-width: 480px) {
	#header{
		width:100%;
		height:auto;
		text-align:center;
		background-color:white;
		margin-bottom:-3px;
	}
	#header img{
		width:100%;
		height:auto;
		margin:0 auto;
		float:none;
	}
	#centerColumn, #footer, #rightColumn {
		background:none;
		padding-top:0px;
		width:100%;
		box-shadow:none;
		border:none;
	}
	#leftColumn {
		float:none;
		background-color:#a2a2a2;
		min-height:150px;
		width:100%;

		/*border:1px solid;*/
		}
	#leftColumn ul {
		width:100%;
	}
	
	#rightColumn{
		margin:0;
		width:290px;
		padding-left:15px;
	}
	#footer {
		width:90%;
	}
		
}