@charset "utf-8";
/* CSS Document */

body {
	background-color: #F5F5F5;
	background-image: url(mainbkg5.jpg);
	background-position: center top;
	background-attachment:fixed;
	color: #BBB;
	font-family: Arial, sans-serif;
	font-size: 12px;
	z-index: 0;
	background-repeat: repeat-x;
}
a:link {
	color: #0085CF;
}
a, a:visited { color: #76caff; text-decoration: none; outline: none; }
a:hover { color: #3FF; }s
a:active { color: #FFF; outline: none; }
.left-text { text-align:left;}
.right-text { text-align:right;
float:right;}
.sp-text{
	font-style: italic;
	color: #333;
}
h1 {
	color: #666;
	padding: 0;
	margin: 0 0 5px 0;
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
}
.text { font-size: 12px; margin: 0 0 15px 0; padding: 0; line-height: 140%; }
p {
	font-size: 12px;
	margin: 0 0 0px 0;
	padding: 0;
	line-height: 140%;
	color: #333;
	font-family: "Helvetica Neue";
}
.timestamp { font-size: 11px; color: #AAA; margin: 0 0 15px 0; padding: 0; }
#header {
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
}
#powerbar { padding: 8px 10px; z-index: 600; height: 22px;  }
#powerbar-left { display: inline; float: left; width: 500px; padding: 0 0 0 15px; z-index: 601; }
#powerbar-right { display: inline; float: right; width: 300px; text-align: right; z-index: 602; }
#powerbar-heading { font: 35px Georgia, serif; color: #FFF; letter-spacing: -1px; }
#packname { z-index: 99; background: #000; padding: 4px 9px; display: inline; float: right; margin: 80px 10px 30px 0; color: #FFF; text-align: right; font-size: 35px; font-family: Georgia, serif; }
#packname sup { color: #999; font-size: 14px; }
#chapterstuff ul { margin: 0; padding: 0; }
#chapterstuff li { display: inline; float: left; list-style: none; }
#chapterstuff li a { display: block; background: #000; margin: 0 2px 0 0; font-size: 11px; padding: 4px 8px; }
#cyclebanners {
	height: 280px;
	background-color: #000;
	z-index: -99;
	position: relative;
}

.viewbox { width: 200px; padding: 15px; display: inline; float: left; margin: 0 13px 13px 0; border: solid 1px #292929; background-image: url(img/viewboxbkg.png); background-repeat: repeat-x; }
.viewbox2 { width: 200px; padding: 15px; background: #1A1A1A; display: inline; float: right; margin: 0 0 13px 13px; border: solid 1px #292929; background-image: url(img/viewboxbkg.png); background-repeat: repeat-x; }
.thumbbox { padding: 8px 5px; margin: 0; border: solid 1px #292929; background-image: url(img/viewboxbkg.png); background-repeat: repeat-x; font-size: 11px; }
.thumbbox img { border: solid 2px #777; }
.thumbbox img:hover { border: solid 2px #CCC; }

.table-head { font: bold 11px Arial, sans-serif; color: #FFF; background-image: url(theadbkg.gif); background-repeat: repeat-x; padding: 5px 6px; }
.table-list { font: 11px Arial, sans-serif; padding: 4px 6px; border-bottom: dotted 1px #333; background: #000; }
.table-list2 { font: 11px Arial, sans-serif; padding: 4px 6px; background: #000; }


.back-top { border-bottom: dashed 1px #333; padding: 0 0 4px 0; margin: 0 0 10px 0; font-size: 11px; }
.back-bottom { border-top: dashed 1px #333; padding: 4px 0 0 0; margin: 10px 0 0 0; font-size: 11px; }


.line { border-top: solid 1px #333; margin: 8px 0; height: 1px; clear: both; }

.arial { font-family: Arial, sans-serif; }
.strong { font-weight: bold; }
#header-left { display: inline; float: left; width: 500px; height: 81px; }
#header-right { display:  inline; float: right; width: 180px; text-align: right; height: 61px; padding: 20px 20px 0 0; }
img { border: none; }
#toparea { height: 220px; clear: both; z-index: 1; margin: -185px 0 0 0;  }
#maincontainer { width: 970px; margin: 0 auto;  }
.white { color: #FFF; }
.clear { clear: both; }
.clear5 { clear: both; height: 5px; }
.clear8 { clear: both; height: 8px; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
#left { width: 680px; display: inline; float: left; }
.left				{
	padding: 0 9px 60px 0;
}
.left-bottom				{
	padding: 0 9px 0px 0;
}
#right { width: 230px; display: inline; float: right; }
#breadcrumb			{
	font: 10px Georgia, serif;
	color: #888;
	padding: 5px 0;
	border-bottom: solid 1px #444;
	margin: 0 0 8px 0;
}
#breadcrumbs { font-size: 10px; color: #BBB; border-top: solid 1px #222; padding: 6px 0; margin: 0 0 30px 0; border-bottom: dashed 1px #444; }
.list1 ul { margin: 0; padding: 0; }
.list1 li { padding: 4px; border-bottom: dotted 1px #555; margin: 0; list-style: square; list-style-position: inside; font-size: 11px; }
h2 {
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
}
h3 {
	font: bold 15px Georgia, sans-serif;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}
h4 { font: bold 28px Arial, sans-serif; color: #FFF; letter-spacing: -1px; margin: 0 0 2px 0; padding: 0; border: none; }
h5 { font: normal 13px Arial, sans-serif; color: #BBB; margin: 0 0 12px 0; padding: 0; border: none; }
h6 { font: bold 35px Arial, sans-serif; color: #FFF; letter-spacing: -1px; margin: 0 0 2px 0; padding: 0; border: none; }
h7 { border-bottom: solid 1px #777; padding: 0 0 3px 0; margin: 0 0 10px 0; }

.list-bullets ul	{ margin: 0; padding: 0; }
.list-bullets li	{ padding: 3px 0; margin: 0; border-bottom: solid 1px #555; font: 10px Georgia, serif; color: #999; list-style: none; }

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size13 { font-size: 13px; }
.medgray { color: #888; }
.lightgray { color: #A6A6A6; }
#left2 { width: 150px; display: inline; float: left; }
#middle2 { width: 535px; display: inline; float: left; margin: 0 0 0 20px; }
#middle3 {
	width: 900px;
	display: inline;
	float: left;
	margin: 0 0 0 20px;
}
#right2 { width: 200px; display: inline; float: right; }

#left3 { width: 488px; display: inline; float: left; margin: 0 20px 0 0; }
#middle4 {
	width: 400px;
	display: inline;
	float: left;
}
#right3 {
	width: 500px;
	display: inline;
	float: right;
}


.enclosure { background: #353535; padding: 3px 6px; }
.caption { width: 200px; display: inline; float: right; padding: 10px; margin: 0 0 10px 10px; background: #191919; }
.caption p { font-size: 11px; margin: 0; padding: 0; line-height: 130%; }
#submenu			{
	margin: 2px 0 15px 0;
	padding: 0;
	color: #666;

}
#submenu ul			{ margin: 0; padding: 0; }
#submenu li			{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
	font: bold 11px Georgia, serif;
	color: #666;
}
#submenu a			{
	margin: 0 2px 0 0;
	padding: 5px 9px;
	color: #333;
	text-decoration: none;
	font: 11px Georgia, serif;
	background: #e7e7e7;
	margin-right: -2px;
}
#submenu a:visited	{ color: #DDD; }
#submenu a:hover	{
	color: #0FF;
}
.current  			{
	color: #333;
	font: bold 11px Georgia, serif;
	margin-right: -2px;
	background-color: #E7E7E7;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}



#navbkg {
	background-image: url(img/tabrowbkg2.jpg);
	background-repeat: repeat-x;
	width: 970px;
	margin: 0 auto;
	height: 30px;
}
#nav-interactive { width: 140px; height: 30px; background-image: url(img/roll_interactive.png); background-repeat: no-repeat; display: inline; float: left; border-top: solid 1px #AAA; border-left: solid 1px #AAA; } 
#nav-interactive:hover { background-position: 0 -30px; }
#nav-informative { width: 142px; height: 30px; background-image: url(img/roll_information.png); background-repeat: no-repeat; display: inline; float: left; border-top: solid 1px #AAA; border-right: solid 1px #AAA; } 
#nav-informative:hover { background-position: 0 -30px; }
#nav-creative 	 { width: 113px; height: 30px; background-image: url(img/roll_creative.png); background-repeat: no-repeat; display: inline; float: left; border-left: solid 1px #000; border-right: solid 1px #000; border-top: solid 1px #AAA; } 	
#nav-creative:hover { background-position: 0 -30px; }

#packmenu2 { display: inline; float: right; width: 970px; position: absolute; margin: 10px 10px 0 0; }

.darkgray {
	color: #333;
}

.feed-head { font-size: 11px; color: #FFF; margin-bottom: 3px; padding: 8px 0 0 0; }
.feed-content {
	font-size: 11px;
	color: #333;
	margin-bottom: 3px;
	line-height: normal;
}
.feed-footer {
	font-size: 10px;
	color: #888;
	margin: 0;
	padding: 0 0 0px 0;
	border-bottom: dotted 1px #777;
}
.box-200			{
	display: inline;
	float: left;
	width: 200px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
}

#tabs {
	margin: 0 auto 0 auto;
	text-align: left;
	height: 30px;
	padding: 0;
	z-index: 99;
	background-image: url(../tabrowbkg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.jumpmenu a { display: inline; background: #000; padding: 5px 9px; }
.jumpmenu .current { background: #444; color: #FFF; font-weight: bold; padding: 5px 9px; }
.box-150 { width: 150px; display: inline; float: left; padding: 8px 0; }
.box-150 h2 { font: bold 11px Arial, sans-serif; border: none; margin: 0; padding: 0; }
small { color: #999; }

#content {
	margin: 0;
	background-image: url(mainbkg2.gif);
	background-repeat: repeat-x;
	padding: 20px;
	background-color: #f5f5f5;
}
#footer {
	text-align: center;
	margin: 0 0 50px 0;
	padding: 20px 170px;
	border-top: solid 1px #777;
	font-size: 12px;
	color: #777;
	background-color: f5f5f5;
	background-position: top right;
	background-repeat: no-repeat;
}
abbr { border-color: #444; }
#pmenu { margin: 0; padding: 0;  text-align: left; }
#pmenu li {	float: right; list-style: none; font-size: 12px; text-align: left; }
#pmenu li a { display: block; background: #111; padding: 3px 6px; text-decoration: none; width: 120px; color: #FFF; white-space: nowrap; font-size: 11px; border-bottom: solid 1px #333; }
#pmenu li a:hover { background: #FFF; color: #000; }		
#pmenu li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; }
#pmenu li ul li { float: none; display: inline; text-align: left; }
#pmenu li ul li a {	width: auto; background: #444; width: 120px;}		
#pmenu li ul li a:hover { background: #565656; color: #FFF; }

.subheading { font: bold 15px Arial, sans-serif; color: #AAA; line-height: 140%; margin: 10px 0 15px 0; }
#interview h2 { clear: both; color: #ffd8c0; font: bold 14px Arial, sans-serif; padding: 0; margin: 0 17px 7px 0; border: none; display: inline; float: left; width: 150px; text-align: right; }
#interview h3 { clear: both; color: #e5ffc0; font: bold 14px Arial, sans-serif; padding: 0; margin: 0 17px 7px 0; border: none; display: inline; float: left; width: 150px; text-align: right; }
#interview p { display: inline; float: right; width: 570px; margin: 0 0 20px 0; } 
#interview ul { display: inline; float: right; width: 570px; margin: 0 0 0 35px; padding: 0; } 
#interview ul li { margin: 0 0 0 30px; }

.submenu { background-position: 0 0; height: 27px; }
.submenu:hover { background-position: 0 -27px; }
.submenu#current { background-position: 0 -54px; }






 ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0 auto;
	width: 930px;
	background: #222;
	font-size: 1.2em;
	position: static;
	left: -3px;
	height: 32px;
	background-image: url(../tabrowbkg.jpg);
	background-repeat: repeat-x;
   }  
   ul.topnav li {
	float: left;
	margin: 0 auto;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
   }  
   ul.topnav li a{
	padding: 6px 5px;
	color: #333;
	display: block;
	text-decoration: none;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
   }  
 
   ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background-image: url(../subnav_btn.gif);
	background-repeat: no-repeat;
  }  
   ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
   ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 30px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #CCC;
	background-color: #CCC;
   }  
   ul.topnav li ul.subnav li{  
       margin: 0; padding: 0;  
       border-top: 1px solid #CCC; /*--Create bevel effect--*/  
       border-bottom: 1px solid #CCC; /*--Create bevel effect--*/  
       clear: both;  
       width: 170px;  
   }  
   html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	padding-left: 20px;
	background-color: #CCC;
	background-image: url(../dropmenu_bg.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
  }  
   html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #222;
	background-image: url(../dropdown_linkbg.gif);
   }  


/* the overlayed element */ 
.apple_overlay {
	/* initially overlay is hidden */ 
    display:none;
	/* growing background image */ 
    background-image:url(../white.png);
	/*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;
	/* some padding to layout nested elements nicely  */ 
    padding:35px;
	/* a little styling */     
    font-size:11px;
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close {
	background-image:url(../close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */ 
#overlay {
	background-image:url(../white.png);
	color:#efefef;
	height:450px;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:490px; 
    overflow-y:auto; 
}

.supertm {
	font-size: .73em;
  line-height: 0.5em;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

.italictitle {
	font-style: italic;
}

.forceblack {
	color: black;
}