/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */

html { margin: 0px; padding: 0px; font-size: x-small; }

body
	{
	margin: 0px;
	padding: 0px;
	background-color: #ece8e8;
	color:#000000;
	}

img {border:0px;}
	
td {font-size: x-small;}

.xmlbutton {border:1px solid; border-color:#FC9 #630 #330 #F96;padding:0 3px; font:bold 10px verdana,sans-serif; color:#FFF;background:#F60; text-decoration:none;margin:0;}
	
div {margin: 0px; padding: 0px; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}
div.adpadding {margin: 0px; padding: 4px 0px 4px 0px;}
div.leftalign {margin: 0px; padding: 8px; text-align:left; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}
div.rightalign {margin: 0px; padding: 8px; text-align:right; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}
div.title {margin: 0px; padding: 0px; text-align:left; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; color:#000000;}

/* Basic Paragraphing */
p {padding: 8px; margin: 0px; color:#000000; background-color: transparent; font-family:tahoma, verdana, arial, sans-serif; }
p.leftalign {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif;  text-align:left; color:#000000;}


/* ====================================================================
NEW HOMEPAGE STYLING
-------------------------------------------------------------------- */
.indeximage {margin-top:3px; margin-left:5px;}

/*
#upperleft {float:left; width:202px; border-bottom:0px solid #ff9900; height:365px;}
#indeximagesmall {float:left; width:329px; border:0px solid #000; margin-left:9px;}
#bottomleft {float:left; width:202px; border:0px solid #ff9900;}
#bottomright {float:left; width:200px; border:0px solid #ff9900;}*/



/*all of these can go after the new homepage goes live
#indeximage {float:left; width:550px; height:318px; margin-left:0px;}
#upperright {float:right; width:200px; border-bottom:0px solid #ff9900; }
#lowercontent {width:540px; margin-top:25px; margin-bottom:12px; float:left;}
#linkscontainer {height:318px;}
#facebookbox {float:right; width:225px; text-align:center; margin-top:2px;}
#iconbox {float:left; width:310px;}

.rssheader {border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0px 3px; font:bold 12px verdana,sans-serif; color:#FFF; background:#ff9900; text-decoration:none; margin-top:10px;}

#linkbar {width:750px; height:75px; background-color:#990099; margin-bottom:2px; border-top: 3px solid #fff;}

.linkbartitles {font-weight:bold; color:#ffcc33; text-transform:uppercase;}
.linkbarboxcenter {width:140px; float:left;}
.linkbarboxleft {width:165px; float:left; padding:2px 2px 0px 6px; color:#fff;}
.linkbarboxright {width:150px; float:left;}

p.teaser 
{
font-size: 10pt;
line-height:160%;
margin-left:5px;
}

.homepagepullquote {
float:right;
width:100px;
margin-top:5px;
margin-bottom:5px;
margin-left:12px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: right;
}

.homepagetitle {
margin-top:5px;
margin-bottom:5px;
margin-left:12px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
}*/





/* ====================================================================
DYNAMIC DROPDOWN MENU STYLING
-------------------------------------------------------------------- */

#tab-box
	{
	color: #000000;
	background: transparent;
	margin: 0px;
	margin-bottom:5px;
	padding-top:10px;
	border: 0px solid #000000;
	/*width:1000px;*/
	min-height: 69px;
	text-align:center;
	}	
	
.tabs
	{
	float:left;
	border:0px solid #000000;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	max-width:112px;
	text-align:left;
	}
	

.anylinkcss
{
position:absolute;
visibility: hidden;
border-bottom:1px solid black;
border-bottom-width: 0px;
z-index: 100;
background-color: #ffffff;
width: 150px;
font-size:small;
}

.anylinkcss a
{
/*width: 100%;*/
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
padding: 1px;
text-decoration: none;
}

.anylinkcss a:visited
{
background-color: #ffffff;
color: #660066;
text-decoration:none;
}

.anylinkcss a:hover
{ /*hover background color*/
background-color: #660000;
color: #ffffff;
text-decoration:underline;
}

/* ====================================================================
PULLQUOTES
-------------------------------------------------------------------- */

/*for pullquotes on text-heavy behind-the-scenes areas like Lawrence and Ideas pages */
.rightpullquote {
float:right;
width:140px;
margin-top:10px;
margin-bottom:15px;
margin-left:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: right;
}

.leftpullquote {
float:left;
width:140px;
margin-top:10px;
margin-bottom:15px;
margin-right:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: left;
}


/* ====================================================================
RESEARCH AND DEVELOPMENT
-------------------------------------------------------------------- */

.nonlivelink {color:#dcdcdc; font-size:13pt; text-decoration:underline;}
.livelink {color:#ffffff; font-size:13pt;}
.titles {color:#996600; font-size:12pt; font-weight:bold;}
#brownlinkbar {color:#ffffff; width:744px; border:0px solid #000000; padding:2px; text-align:center; font-weight:bold; background-color:#663300; font-size:13pt;}
#mainpagegraphicbox {border:0px solid #000000; float:left; width:315px; height:350px; margin:10px 0px 0px 0px; text-align:left; }
.mainpagetextbox {width:410px; float:left; border:0px solid #000; margin:10px 0px 0px 10px; line-height:200%; color:#996633; font-size:10pt;}
.narrowtextbox {width:410px; float:right; border:0px solid #000; margin:10px 0px 0px 3px; line-height:170%; color:#996633; font-size:10pt;}
.verynarrowtextbox {width:260px; float:right; border:0px solid #000; margin:10px 0px 0px 3px; line-height:170%; color:#996633; font-size:10pt;}
.widetextbox {width:600px; border:0px solid #000; line-height:200%; color:#996633; font-size:10pt;}
.verywidetextbox {width:660px; border:0px solid #000; line-height:200%; color:#996633; font-size:10pt;}
.leftimagebox {width:320px; text-align:right; float:left; margin-top:10px;}
.leftphoto {float:left; margin-right:5px; margin-top:10px;}
.rightphoto {float:left; margin-top:10px;}
.foursome {float:left; margin:10px 6px 0px 0px;}
.sublinks {line-height:100%; color:#996633; font-size:10pt; }
.subbox {width:134px; float:left; border:0px solid #000; text-align:center; margin-right:2px;}
.subpagetitles {color:#996633; font-size:12pt; font-weight:bold;}


/* ====================================================================
LYNN'S PAGES
-------------------------------------------------------------------- */

.photocolumn {float:left; width:225px; height:100%; border:0px solid #000; text-align:center; padding-top:10px;}
.middlecolumn {float:right; width:500px; border:0px solid #ccc; padding-left:20px;}
.purplecaps {font-weight:bold; color:#996699; font-size:small; text-align:left; text-transform:uppercase;}

/* ====================================================================
STRIP FIX STYLING
-------------------------------------------------------------------- */
div.stripframe { 
padding:0px; 
margin-bottom:15px; 
border:1px solid #cccccc; 
background-color:#f1f1f1; 
margin-top:5px; 
padding-top:2px; 
text-align:left; 
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
}

#commentframe { 
padding:0px; 
margin-bottom:15px; 
border:1px solid #cccccc; 
background-color:#eaeaea; 
margin-top:5px; 
padding:5px; 
text-align:left; 
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
}

.sfnewsframe {
padding:0px 0px 0px 3px;; 
height:79px;
margin-top:0px; 
margin-bottom:3px; 
margin-left:3px;
border:1px solid #cccccc; 
background-color:#f1f1f1; 
padding-top:2px; 
text-align:left; 
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

#sfdoodads {
border:1px solid #cccccc; 
background-color:#f1f1f1; 
margin-top:0px; 
margin-bottom:10px; 
padding:5px; 
height:30px;
min-height:30px;
text-align:left; 
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
width:340px; 
max-width:375px;
overflow:hidden;
float:left;
}

#sfdoodadsright
{
border:1px solid #cccccc; 
background-color:#f1f1f1; 
margin-top:0px; 
margin-bottom:10px; 
padding:5px; 
height:30px;
min-height:30px;
text-align:left; 
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
float:right; 
width:375px; 
font-size:10pt;
}

.sfsmbuttons {float:left; height:20px; margin-right:3px;}

.sftwitterbox {width:230px;  padding:0px; border-top:1px dotted #dcdcdc; margin-top:10px; padding-top:5px; margin-left:5px;}
.sfmiddlebox {float:left; width:230px;}
.sfrightbox {float:right; width:300px; text-align:right;}
div.lynncomments { padding:4px; margin-bottom:10px; text-align:left;}
.stripnavbuttons {float:right; text-align:right; position:relative;}
.stripfloat {float:left; padding:4px; position:relative;}
td.cafepress {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:10pt; color:#000000; text-align:left;}

.xmlbox {border:0px; padding:5px 3px 0px 3px; font: bold 14px verdana,sans-serif; color:#000;text-decoration:none;}
/*original orange style .xmlbox {border:1px solid; border-color:#FC9 #630 #330 #F96;padding:0 3px; font:bold 10px verdana,sans-serif; color:#FFF;background:#F60; text-decoration:none;margin:0;}*/

.stripdatetitle {font-size:medium; font-weight:bold; background-color:transparent; color:#000;}
.archive-header {font-size:medium; font-weight:bold; background-color:transparent; color:#000;}

/* begin styles for RSS Feed This is the most basic style to use for a list with no bullets -this code is also in the Time Travel css file */
.rss-box { font-size:8pt; margin-left:0px;}
.rss-title, rss-title a {margin: 0px 0;padding:0;  margin-bottom:5px; font-weight:bold;}
.rss-items {list-style:none; margin:0; padding:0;}
.rss-item  {margin-bottom: 3px;}
.rss-item a:link, .rss-item a:visited, .rss-item a:active {}
.rss-item a:hover { }
.rss-date {} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }
/* end RSS feed styling */

.calendar {
		font-family:tahoma, arial, sans-serif;
		color:#fff;
		font-size:8pt;
		font-weight:bold;
  		background:#a9a9a9;
  		line-height:140%;
  		padding:1px;
        text-align:center;
		}
		
.calendardays {
		font-family:tahoma, arial, sans-serif;
		color:#000;
		font-size:8pt;
		font-weight:normal;
  		background:#f1f1f1;
  		line-height:140%;
  		padding:1px;
        text-align:center;
		}


		
.calendarhead {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:8pt; 
font-weight:bold;
}

table.calendarcenter {text-align:center;}

.side {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:10pt; 
}

.sidetitle {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:10pt; 
font-weight:bold;
}




/* ====================================================================
BIBLIOGRAPHY STYLING
-------------------------------------------------------------------- */
#bibliotitle {width:750px; height:120px;}
#showme {padding-top:15px; float:left; font-weight:bold; font-size:11pt; margin-right:5px;}
#orshowme {padding-top:15px; float:left; margin-left:10px; font-weight:bold; font-size:11pt; margin-right:5px;}
#querymenu {float:left; border:0px solid #ccc; padding-top:6px;}
#querymenu2 {float:left; border:0px solid #ccc; padding-top:6px;}
#printablebutton {float:right; border:0px solid #ccc;}
#entrydivider {height:2px; width:735px; border-top:1px dashed #ccc; margin-top:5px; margin-bottom:5px;}
#bookentry {float:left; width:480px; padding-top:5px;}
#bookimage {float:right; width:210px;}
.lynndropcap {float:left;color:#3399cc;font-size:100px;line-height:70px;padding-top:2px;font-family: Times, serif, Georgia;}
.listingformat {font-size:medium; color:#000; font-weight:bold;}
.listingtitle {font-size:medium; color:#0033cc; font-weight:bold;}

/* ====================================================================
CHARACTER LETTER STYLING FOR NEW LAYOUT 2012
-------------------------------------------------------------------- */
#charletterintro {float:left; width:600px;margin-bottom:5px; padding:4px; margin-bottom:5px; font-size:12pt; }
#charletternav {float:left; width:120px; min-height:750px; margin-right:3px; line-height:110%; min-height:700px; height:700px;}
#charletternames {float:left; width:600px; border:1px solid #000; margin-bottom:5px; padding:4px; background-color:#f5f5f5;}
.charletterportraitfloat {float:left; margin-right:5px;}
.charletterinstructions {font-size:18pt; margin-top:45px;}
#charletterchoose {float:left; width:600px; padding:4px; font-size:18pt;}
#charlettersheet {float:left; width:600px; border:1px solid #ccc; padding:4px;}
#charletterstamp {margin-left:4px;}

/* ====================================================================
CHARACTER PAGE STYLING - old

/*green tabs for navigating within character's page
span.greentabs
{
background-color:#339933; 
color:#ffffff; 
padding:3px;
}

a.tablinks:link { 
color:#ffffff;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

a.tablinks:visited { 
color:#ffff33;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}


div.letterlinks
{
background-color:#339933; 
color:#ffffff; 
font-weight:bold; 

padding:2px;
margin:2px;
}

a.letterlinks:link { 
color:#ffffff;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

a.letterlinks:visited { 
color:#ffffcc;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}


a.charlinks:link { 
color:#000000;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

a.charlinks:visited { 
color:#993399;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}



div.mainpagelinks
{
background-color:#ffcc66; 
color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-weight:bold; 

padding:4px 4px 4px 40px; 
margin-bottom:2px;
}

div.purpleheader { margin: 0px; padding: 0px ; color:#9966cc; font-family:tahoma, verdana, arial, sans-serif; font-weight:bold; border: 0px }

-------------------------------------------------------------------- */


/* ====================================================================
CONTACT US
-------------------------------------------------------------------- */

.bluetitle {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif;  font-weight:bold; color:#0099cc; }



/* ====================================================================
FUN STUFF STYLING
-------------------------------------------------------------------- */

/* Fun Stuff - uses CSS for page layout also */


/*this sets the picture of Liz and her chalkboard behind the text in the Trivia homepage */
.lizquiz {padding: 0px; margin: 0px; background-image: url(../fun/trivia/chalkboard_map.gif); background-repeat:no-repeat;  background-position:top, left; width:630px; height:294px; }

.lizquiztext {font-size: x-small; padding:0px 0px 0px 80px ; color:#ffffff; text-align:center; font-weight:bold; border: 0px; width:580px; height:200px;}

/*for trivia game links, also used in Word Roundup etc. */
a.whitelinks:link { 
color:#ffffff;
text-decoration:none; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

a.whitelinks:active { 
color:#ffffff; 
text-decoration:none; 
font-family:tahoma, verdana,arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

a.whitelinks:visited { 
color:#ffffff; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

a.whitelinks:hover { 
color:#ffffff; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

/*on the Fun Stuff mainpage 
a.funlinks:link { 
color:#cc0000;
text-decoration:none; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
font-weight:bold;}

a.funlinks:active { 
color:#cc0000; 
text-decoration:none; 
font-family:tahoma, verdana,arial, sans-serif; 
font-size:small; 
font-weight:bold;}

a.funlinks:visited { 
color:#cc0000; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
font-weight:bold;}

a.funlinks:hover { 
color:#cc0000; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
font-weight:bold;}*/


/* ====================================================================
EGREETS
-------------------------------------------------------------------- */
/* egreet layouts */
.egreetsfloat {float:left; margin:10px 6px 0px 6px; height:260px; width:210px; text-align:center; font-size:12pt; padding:3px; border:2px dotted #cccccc; overflow:hidden;}
.shortgreetsfloat {float:left; margin:10px 6px 0px 6px; height:185px; width:210px; text-align:center; font-size:12pt; padding:3px; border:2px dotted #cccccc; overflow:hidden;}
.stripgreetsfloat {float:left; margin:10px 6px 0px 6px; height:245px; width:260px; text-align:center; font-size:12pt; padding:3px; border:2px dotted #cccccc; overflow:hidden;}
.shortstripgreetsfloat {float:left; margin:10px 6px 0px 6px; height:145px; width:260px; text-align:center; font-size:12pt; padding:3px; border:2px dotted #cccccc; overflow:hidden;}
.egreetscontainer {width:750px; padding-left:40px;}

/* ====================================================================
FLASH CARD MATH GAME - MAD ABOUT MATH
-------------------------------------------------------------------- */
.Answer		{font-weight:bold; font-size:20px; text-decoration:none;}
.Question	{font-weight:bold; font-size:40px; text-align:center;}
.Sign		{font-weight:bold; font-size:30px; text-align:right; font-family:helvetica;}
.High		{font-weight:normal; font-size:15px; text-align:center; }


#flashcardcontainer {text-align:center; border:0px solid #993399;}
#flashcardstitle {margin-bottom:5px;}
#flashcardinstructionstop {margin-bottom:10px; text-align:left; font-size:10pt;}
.flashcardinstructions {float:left; margin-right:10px; margin-bottom:10px; width:23%; text-align:center; font-size:10pt;}

#flashcardboard {border:1px solid #000; width:485px; margin-top: 20px; margin-bottom:10px; margin-left:auto; margin-right:auto; 
-moz-border-radius:5px;
border-radius: 5x;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
}

.flashcardquestions {margin-left:auto; margin-right:auto; text-align:center;}
.flashcardfeedbackleft {float:left; margin-left:40px; margin-right:10px; margin-bottom:10px; width:17%; text-align:left; font-weight:bold;}
.flashcardfeedback {float:left; margin-right:10px; margin-bottom:10px; width:17%; text-align:left; font-weight:bold;}
.flashcardscores {background-color:#fff; margin-left:auto; margin-right:auto; border:1px solid #ccc; border-collapse:collapse;}
.flashcardscoreheader {font-size:12pt; font-weight:bold;}

/* ====================================================================
LOVE STRUCK CONTEST
-------------------------------------------------------------------- */
/* Love Struck */
#cupidpagecontainer {width:480px; float:left; border:0px solid #000000;}
#cupidicon {float:left;}
.cupidheader {margin-bottom:15px;}
.cupidtitle {font-size:15pt; font-weight:bold; color:#cc0000;}
.cupidplaynow {font-size:12pt; font-weight:bold; color:#cc0000;}
.cupidadsfloat {width:215px; float:right; border:0px solid #000000;}
.cupidads {border:1px solid #ffccff; padding:2px; text-align:left;}
.cupidadsheader {background-color:#cc0000; color:#ffffff; font-weight:bold; padding:2px; text-align:center; margin-bottom:8px;}

#cupidgamefloat {float:left; width:625px;}
#heartfall {float:right; width:119px;}

#cupidentrycontainer {text-align:center;}
#cupidentrybox {width:345px; border:1px solid #ff9966; padding:0px; text-align:left; margin-left:200px;}
#cupidentryboxform {margin-left:25px; padding-right:4px;}



/* ====================================================================
MEMORY GAME
-------------------------------------------------------------------- */
/* Memory Game */
div.memorycolumn { width:749px;  margin: 0px; padding: 0px 0px 0px 0px; font-family:tahoma, verdana, arial, sans-serif; float:left;  text-align:center;}

/* ====================================================================
SUDOKU GAME
-------------------------------------------------------------------- */
div#sudoku {
	background:#EEEEEE;
	padding:10px;
	border:1px solid #000000;
	width:410px;
}

div.cell {
        width:40px;
        height:40px;
}

input.cell {
        width:40px;
        height:40px;
        font-size:30px;
        text-align:center;
        padding-top:1px;
        background:#FFFFFF;
        border:0px solid red;
}


input#clock {
	border:1px solid #000000;
	background:#DDDDDD;
	width:378px;
	font-size:19px;
        text-align:center;
}

/* ====================================================================
MIKE AND DEE STYLING - removed from site
-------------------------------------------------------------------- */

div.mikedeanna {margin: 0px; padding: 0px; width:631px; height:301px; text-align:right;  background-image: url(../images/characterpages/mikedeanna/wedding.jpg); background-repeat:no-repeat;  background-position:top, left;}
div.mikedeannatext {float:right; padding:8px 12px 10px 8px; width:466px; text-align:left; color:#ffffff; font-size:9pt; border:0px solid #ffffff;}

/* ====================================================================
MAKING OF...STYLING
-------------------------------------------------------------------- */

#leftside {float:left; width:380px; border:0px solid #000;}
#details {margin:0px; padding:10px; font-family:tahoma, verdana, arial, sans-serif; font-size:small; color:#000000; background-image:url(../features/makingof/images/paper.jpg); background-repeat:no-repeat; border:0px solid #000; width:347px; float:left; height:323px;}
#rednav {color:#cc0000; padding-left:10px; font-size:10pt; font-weight:bold; padding-top:20px;}
a.rednav:link {color:#cc0000; font-size:10pt; font-weight:bold; padding-top:20px;}
a.rednav:hover {color:#cc0000;  font-size:10pt; font-weight:bold; padding-top:20px;}
a.rednav:visited {color:#cc0000; font-size:10pt; font-weight:bold; padding-top:20px;}
.upper {font-size:10pt; margin-top:4px;}
.text {font-size:10pt;}
.prevnext {width:50%; float:right; text-align:right; font-size:10pt; border:0px solid #000;}
.pagecount {float:left; font-size:10pt; border:0px solid #000; font-size:8pt;}
.spotart {width:80%;text-align:right; padding-right:30px; border:0px solid #000;}


/* ====================================================================
MTIGWAKI STYLING
-------------------------------------------------------------------- */

div.mtigwakinav {background:#669966; color:#ffffff; padding:0px; background-image: url(../../char_pgs/mtigwaki/images/green_bg.gif); background-repeat:repeat; width: 100%; height:100%;}
div.mtigwaki { margin: 0px; padding: 10px; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}

/* ====================================================================
NEWSLETTER STYLING
-------------------------------------------------------------------- */

#neatstuff { border:0px solid #000; float:left; width:240px; height:413px; background-image:url(../newsletter/images/bg_neatstuff.gif); background-repeat:no-repeat; text-align:left;}

#signup {border:0px solid #000; float:left; width:505px; height:191px; background-image:url(../newsletter/images/bg_signup.gif); background-repeat:no-repeat; text-align:right;}

#subscribe {float:right; margin-right:37px; margin-top:10px; text-align:left;}

#maintext {border:0px solid #000; float:left; width:500px; height:222px; background-image:url(../newsletter/images/bg_purple.gif); background-repeat:repeat; text-align:left; padding-left:5px; line-height:150%}

#lowerleft {float:left; width:481px;}

#scoop {border:0px solid #000;  width:481px; height:147px; background-image:url(../newsletter/images/bg_scoop.gif); background-repeat:no-repeat; text-align:left;}
p.scoop {line-height:180%; padding-top:44px; font-size:10pt;}

#exclusives {border:0px solid #000; float:left; width:265px; height:472px; background-image:url(../newsletter/images/bg_exclusives.gif); background-repeat:no-repeat; text-align:left;}

p.exclusives {margin-top:110px; margin-left:30px; line-height:150%;}

.bullets {padding-bottom:6px; margin-left:5px;}

/* ====================================================================
FARLEY FOUNDATION STYLING
-------------------------------------------------------------------- */
#ffleft {width:275px; float:left; border-right:0px solid #000; margin-left:10px; padding:0px;}
#ffright  {width:430px; float:left; border-right:0px solid #000;}
#text {background-image:url(../features/ffoundation/images/bg.jpg); background-repeat:repeat; width:425px; }
.limericktext {font-size:small; padding-left:0px;}
#limericksleft {width:415px; float:left; padding:5px;}
#limerickborder {width:715px; border-top:2px solid #660099;}
#limericksright {width:295px; float:right; padding:5px; padding-left:0px;}

/* ====================================================================
ST PATRICKS DAY MEMORY GAME
-------------------------------------------------------------------- */
#patsgameboard {float:right; width:475px;}
#patssidebar {float:left; width:265px; height:474px; background-image:url(../fun/stpats/background.png); color:#fff; text-align:left;}
#patsinstructions {margin:50px 5px 5px 10px; color:#fff; font-size:12pt;}

/* ====================================================================
PUBLIC SERVICE STYLING
-------------------------------------------------------------------- */
#psleftcolumn {text-align:left; font-family: tahoma, arial, sans-serif; font-size:small; position:relative; width:445px; float:left; border-right:2px solid #000; margin-top:5px;}
#psff {background-color:#99cc66; width:417px; margin-top:20px; margin-bottom:20px; line-height:150%; padding:6px;}
#pshf {background-color:#ffcc99; float:left; width:190px; padding:6px; line-height:150%; margin-right:20px;  margin-bottom:20px;}
#psrr {background-color:#99ccff; float:left; width:190px; padding:6px; line-height:150%;}
#psrightcolumn {float:right; width:270px; margin-top:5px; margin-left:20px;}
#psintro {font-size:large; line-height:115%; font-family:serif; font-style:oblique; font-weight:bold; margin-top:20px;}
#pscc {background-color:#ffff99; padding:9px; line-height:170%; margin-top:22px; margin-bottom:20px;}
#pscs {background-color:#ffcccc; padding:9px; line-height:170%; margin-bottom:20px;}
#psftc {background-color:#ffff99; line-height:150%; margin-bottom:10px; margin-top:5px; padding:9px;}
#psmmi {background-color:#99ccff; line-height:150%; margin-bottom:10px; margin-top:5px; padding:9px;}
#psplan {background-color:#99cc66; line-height:150%; margin-bottom:10px; margin-top:5px; padding:9px;}
#pscuso {background-color:#ffcccc; line-height:150%; margin-bottom:10px; margin-top:5px; padding:9px;}


/* ====================================================================
HOSPITAL PAGE STYLING
-------------------------------------------------------------------- */
#nbghlogo {float:right; margin-left:6px;}
#nbghoutside {float:left;}
.nbghpullquote1 {float:right;
width:140px;
margin-top:10px;
margin-bottom:15px;
margin-left:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: right;
color:#005d8c;
}
.nbghpullquote2 {
float:left;
width:140px;
margin-right:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, Georgia;
line-height:24px;  
text-align: left;
font-size:12pt; 
margin-top:5px; 
margin-bottom:5px; 
color:#005d8c;
}
.nbghquoteauthor {font-style:italic; font-weight:normal; font-size:10pt;}
.nbghheader {font-size:11pt; font-weight:bold; margin-top:5px; margin-bottom:5px;}
.nbghheader2 {font-size:11pt; font-weight:bold; margin-top:15px; margin-bottom:5px;}
.coloringfloat {float:left; margin-right:3px;}
#nbghdonatebox {width:230px; float:right; margin-left:5px; margin-top:5px; margin-bottom:5px; border:1px dotted #cccccc; padding:5px;}

/* ====================================================================
Q and EH STYLING
-------------------------------------------------------------------- */
/*q_eh section*/

img.button { cursor: pointer; }

/*these can go after new section launched Oct. 2006*/
div.qehcenter { width:360px; margin: 0px; padding: 0px 0px 4px 0px; font-family:tahoma, verdana, arial, sans-serif; }
div.qehheader { margin: 0px; padding: 0px 0px 0px 0px; font-family:tahoma, verdana, arial, sans-serif;  color: #cc3300; font-weight:bold; text-transform: uppercase;}

/* ====================================================================
SHOP PAGE STYLING
-------------------------------------------------------------------- 

div.shoptitle { background:#ffcc33; text-align:center; font-weight:bold; padding:2px; margin-bottom:4px;} 
div.bigbox {width:480px; border:0px solid #000000; float:left;}
div.upperright {width:240px; height:180px; border:0px solid #000000; float:right; padding-left: 2px;}
div.columnone {float:left; width:240px; left:0px; margin-top:10px; margin-right:5px; border:0px;}
div.columntwo {width:235px; margin-top:10px; border:0px; float:left;}
div.columnthree {float:right; width:243px;  margin-top:10px; background-color:white;}

newsletter mainpage styling - added July 7 2006 - same layout as Shop page
div.bigbox {width:480px; border:0px solid #000000; float:left;}
div.upperright {width:240px; height:180px; border:0px solid #000000; float:right; padding-left: 2px;}
div.columnone {float:left; width:240px; left:0px; margin-top:10px; margin-right:5px; border:0px;}
div.columntwo {width:235px; margin-top:10px; border:0px; float:left;}
div.columnthree {float:right; width:243px;  margin-top:10px; background-color:white;}*/


/* ====================================================================
STUDIO TOUR STYLING
-------------------------------------------------------------------- */
/*this sets the picture behind the text in the Studio Tour sidebar 
.studiomap {padding: 0px; margin: 0px; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/studio_map.gif); background-repeat:no-repeat;  background-position:top, left; width:252px; height:412px;}


.studiopurple {padding: 0px; margin: 0px; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/purple_bg.gif); background-repeat:repeat; width:485px; height:411px;}

p.studiowhite {padding: 8px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif;  text-align:left; color:#ffffcc;}

div.studiotitle {background:#ffffff; color:#996699; font-size:12pt; padding:3px 3px 3px 3px;}
div.studioheader {background:#996699; color:#ffffff;  font-size:12pt; padding:3px; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/purplebg.gif); background-repeat:repeat; width: 100%;}
div.studioheaderright {background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/tealbg.gif); background-repeat:repeat; color:#ffffff; font-size:11pt; padding:3px; font-weight:bold;}

a.studiolinks:link {
background:transparent;
text-decoration:none; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:12pt; 
color:#000000; 
font-weight:bold;
}
a.studiolinks:active {color:#000000; text-decoration:none; }
a.studiolinks:visited {color:#993399; text-decoration:none; }
a.studiolinks:hover {color:#000000; text-decoration:none; }

p.studio {padding:0px 0px 7px 3px;}

div.studiorightcolumn {border:0px; width:245px; padding:0px 0px 0px 3px; text-align:left; float:right;}

div.studiocentercolumn {border:0px solid #000000; width:235px; padding:0px; float:left; font-family: tahoma, arial, sans-serif; text-align:center; font-weight:bold; padding:0px 0px 0px 3px;}

div.studioleftcolumn {border:0px; width:250px; padding:0px; float:left; text-align:center; font-weight:bold; font-family: tahoma, arial, sans-serif; background:transparent; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/gradient.gif); background-repeat:repeat-x; }*/


/* ====================================================================
ANIMATED SHOW STYLING
-------------------------------------------------------------------- */
#animatedshowbackground {background-image:url(http://www.fborfw.com/features/animatedshow/images/title.gif); background-repeat:no-repeat; height:253px; width:749px;}
#animatedintro {float:right; margin-top:150px; padding:3px; width:250px; line-height:150%;}
#animatedyoutube {float:left; margin-top:250px; width:471px; text-align:center; background-color:#99bbcc; padding-top:5px;}
#animatedepisodes {text-align:left; margin-left:25px; margin-top:5px;}
.animcolumns {float:left; width:200px; border:0px solid #000; margin-right:5px;}

/* ====================================================================
PODCASTS STYLING
-------------------------------------------------------------------- */
#podcastbg {width:750px; height:370px; background-image:url(http://www.fborfw.com/fun/podcasts/background.jpg); background-repeat:no-repeat;}
#youtubeframe {width:485px; float:left; margin-top:2px; margin-left:3px;}
#podcastinstructions {font-weight:bold; font-size:12pt; margin-left:10px;}
#podcastlist {float:left; width:360px; font-size:11pt; font-weight:bold; color:#734c99; line-height:150%; overflow:scroll; height:440px;}
#podcastcontact {float:left; width:320px; margin-top:10px; font-size:12pt; margin-left:25px;}
a.podcastlink:link {line-height:150%; color:#b20076;}
a.podcastlink:active {color:#8c002e;}
a.podcastlink:visited {color:#0074ac;}
a.podcastlink2:link {line-height:150%; color:#734c99;}
a.podcastlink2:active {color:#8c002e;}
a.podcastlink2:visited {color:#0074ac;}

/* ====================================================================
WHO's WHO STYLING - probably same in hybridwho area
-------------------------------------------------------------------- */
div.wholinks { 
width:150px;
margin: 0px 0px 2px 0px; 
padding: 1px 1px 1px 3px; 
font-family:tahoma, verdana, arial, sans-serif; 
color:#ffffff; 
background:#cc66cc; 
font-weight:bold;}

#charselect {width:200px; padding:4px; background-color:#cc99cc; float:left;}
#charlinkselect {width:530px; float:right; margin-left:5px;}
#bionavstyling {font-family:verdana, tahoma, sans-serif; font-size:10pt; background-color:#cc99cc; font-weight:bold; line-height:150%;}

/* ====================================================================
Fan Art Page - not currently live on site, removed Oct 2011
--------------------------------------------------------------------  */

#fanartgraphic {float:left; width:424px; height:190px;}
#fanarttext {font-size:14pt; padding-top:30px; line-height:150%;}
.frameleft {width:245px; border:1px solid #000; float:left; margin-bottom:10px;}
.framemiddle {width:245px; border:1px solid #000; float:left; margin-left:6px; margin-right:3px;  margin-bottom:10px;}
.frameright {width:245px; border:1px solid #000; float:right; margin-bottom:10px;}

/* ====================================================================
Satire, spoofs and tribute page
--------------------------------------------------------------------  */

#satiregraphic {float:left; width:424px; height:252px; margin-right:15px;}
#satiretext {font-size:10pt; padding-top:20px; line-height:120%; margin-left:15px; width:660px;}
.satireframeleft {width:300px; border:0px solid #000; float:left; margin-bottom:10px; text-align:center; padding-bottom:3px;}
.satireframemiddle {width:300px; border:0px solid #000; float:left; margin-left:70px; margin-bottom:10px; text-align:center; padding-bottom:3px;}
.satirethumb {margin-bottom:3px;}


/* ====================================================================
Elly's Coffee Talk STYLING
-------------------------------------------------------------------- */

#blogcontainer {width:745px; border:0px solid #000000;position:relative; background-color:transparent; text-align:center;}
#calendarbar {float:left; width:223px; margin:5px; text-align:center; padding:0px; font-family: tahoma,arial,sans-serif; font-size:x-small;}
#blogentries {background-color:transparent; width:497px; padding:4px;  float:right; color:#000; text-align:left;}
#blogintro {width:295px; float:left; color:#000; padding-top:5px;}
#bloglynnnote {width:490px; color:#664400; margin-top:5px; padding:3px; padding-bottom:5px; border-bottom: 1px dotted #664400; margin-bottom:10px; font-size:8pt;}
#spillyourbeans {width:182px; padding:0px; float:right; color:#000;}
.brewing {margin-bottom:5px; border-bottom:1px solid #999966;}
.lynncomment {font-style:italic; color:#663300;}
.name {margin-left:20px;}
.blogentrytitle {font-size:large; color:#993333;}
.beans {width:481px; background-image:url(http://www.fborfw.com/fun/blog/images/beanline.gif); height:19px; background-repeat:no-repeat; margin-top:10px; margin-bottom:10px;}

.todo {
background:#cc99cc; 
color:#000000; 
text-align:center; 
font-family:tahoma, arial, sans-serif; 
font-size:x-small;
margin-left:7px;
margin-bottom:2px;
padding:3px;
width: 200px;}

.blogcalendar {
		font-family:tahoma, arial, sans-serif;
		color:#fff;
		font-size:x-small;
		font-weight:bold;
  		background:#cc6633;
  		line-height:140%;
  		padding:2px;
        text-align:center;
		}
		
.blogcalendardays {
		font-family:tahoma, arial, sans-serif;
		color:#000;
		font-size:x-small;
		font-weight:normal;
  		background:#cc9966;
  		line-height:140%;
  		padding:2px;
        text-align:center;
		}


.blogcalendarhead {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:10pt; 
font-weight:bold;
}


/* ====================================================================
NEWS BLOG STYLING
-------------------------------------------------------------------- */

#sidebar {
width:245px; 
background-color:transparent;
float:left;
border-right:1px solid #006699;
border-bottom:1px solid #006699;
height:100%;
}

.newssidetitle {font-size:12pt; color:#006699; margin-top:30px; font-weight:bold; margin-bottom:5px;}

a.newsfeedlink {color:#006699;}
a.visited:newsfeedlink {color:#006699;}

#newsdiv {
background-color:transparent; 
width:460px; 
padding:4px; 
text-align:left; 
float:right; 
border:0px solid #000000;

}

#menu {
padding:4px; 
text-align:center; 
border:1px solid #000000;
}

.entry {
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}

.entrytitle {
font-weight:bold;
font-size:medium;
color: ##993366;
padding-bottom: 4px;
}

.entrydate {
font-weight:bold;
font-size:x-small;
font-style:italic;
color: #999999;
}

p.entryheader {
padding: 0px; 
margin-top: 20px; 
border:0px solid #000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
text-align:left; 
color:#000000;
}

/* ====================================================================
UCLICK DAILY CROSSWORD STYLING
-------------------------------------------------------------------- */
#crosswordcontainer {background-image:url(../fun/dailycrossword/background.jpg); width:741px; height:571px;}
#crosswordgame {float:right; width:600px; height:450px; margin-top:114px;}
#crosswordmoredates {color:#333; width:125px; font-size:10pt; font-weight:bold; float:left; margin-top:114px; margin-left:5px;}

/* ====================================================================
WORD ROUNDUP STYLING
-------------------------------------------------------------------- */
#roundupcontainer {background-image:url(../fun/roundup/background2.jpg); width:750px; height:578px;}
#roundupgame {float:left; width:600px; height:450px; margin-top:24px;}
#roundupmoredates {color:#b8860b; width:740px; margin-top:37px; font-size:14pt; backgound-color:#b8860b; font-weight:bold; margin-left:10px;}


/* ====================================================================
DIGITAL PHOTO ARCHIVE STYLING
-------------------------------------------------------------------- */

.photobox {width:225px; float:left; margin-top:10px; margin-right:10px; margin-left:5px; line-height:150%; height:800px; max-height:800px; overflow:auto; border:1px solid #ccc; padding:3px;}
.phototitle {font-size:10pt; font-weight:bold; color:#0099cc; margin-bottom:3px;}
.photoheader {font-size:11pt; font-weight:bold; color:#996699; margin-bottom:3px; margin-left:5px;}
.photoul li {margin-left:-15px;}
#photoiframe {width:700px; height:800px; float:right; margin-right:25px; border:2px solid #999999; margin-top:10px; background-color:#fff;}

/* ====================================================================
POSSIBLY OUTDATED ITEMS
-------------------------------------------------------------------- */

/*this sets header color for purple section of website */
.purpletitle {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; color:#996699; }

/*for Behind the Scenes area??*/
div.studiobox { margin: 0px; padding: 4px 4px 4px 4px; font-family:tahoma, verdana, arial, sans-serif; font-size:small; border: 1px solid #000000; background-color:#ffcc00; width: 95%; }
div.purpleheader { margin: 0px; padding: 0px ; color:#9966cc; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; border: 0px }
div.centertext { width:335px; margin: 0px; padding: 0px 0px 4px 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:small;}


/* Character Letters for old layout */
div.centertextletters { width:335px; margin: 0px; padding: 0px 0px 0px 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:small;  border: 0px solid #000000;}
div.archivenav { width:335px; margin: 4px; padding: 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:small;  border: 1px dashed #000000; background-color:#99cc99;}

/* Unknown */
div.title { margin: 0px; padding: 0px; text-align:left; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; color:#000000;}


/* ====================================================================
LIGHTBOX IMAGE GALLERY STYLES
-------------------------------------------------------------------- */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.fborfw.com/includefiles/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.fborfw.com/includefiles/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* ====================================================================
LAYOUT STYLING
-------------------------------------------------------------------- */

/*CSS Hack */

.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */

/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
#box-wrap
	{
	color : #ffffff;
	background: transparent;
	border: 0px;
	width:980px;
	max-width:985px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	}
	
#header
	{
	color: #000000;
	background: #ffffff;
	background-image:url(http://www.fborfw.com/images/logobg.gif);
	background-repeat:no-repeat;
	margin: 10px 0px 10px 0px;
	/* padding: 10px 10px 10px 5px;*/
	padding: 10px 0px 10px 0px;
	border: 0px ;
	width:980px;
	max-width:980px;
	overflow:hidden;
-moz-border-radius:10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}
	
#logo
	{
	color: #000000;
	background: transparent;
	margin-right: 0px;
	padding: 0px;
	border: 0px;
	float: left;
	width:240px;
	}		

/* new in wide-style pages only */
#uclickleaderboard
{
padding: 0px; 
text-align:right;
border: 0px solid #000000; 
width:730px;
float:right;
margin-top:5px;
margin-right:3px;
}


	
	/* experimentlly removed to float tabs next to logo
#bannerad
	{
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 30px 0px 4px 0px; /* 4 pixels top padding prior to removal of breadcrumb trail 
	border: 0px;
	}	
	*/
	

	
h1 { margin: 0px; }

h2
	{
	font-size: 1em;
	color: #ffffff;
	background-color: #000000;
	margin: 0px 0px 0.5em 0px;
	padding: 0.25em;
	} 


#footer
	{
	background-color:#ffffff; 
	margin-top:10px;
	margin-bottom:10px;
	padding:10px 0px 10px 0px; 
	font-family: tahoma, sans-serif; 
	font-size:8pt; 
	width:980px; 
	max-width: 980px;
	text-align:left;
	-moz-border-radius:10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}
	
/* ====================================================================
CONTENTS and COLUMNS LAYOUT
-------------------------------------------------------------------- */

#content-float
	{
	float: left;
	background-color:#fff;
	width: 980px;
	max-width: 980px;
	padding: 10px 0px 10px 0px;
	-moz-border-radius:10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}
	
#containerdiv {float:left; width:750px; margin-left:10px;}

/* don't know if these two are still in use */
#column-main
	{
	float: right;
	width: 980px;
	max-width: 980px;
	padding: 0px;
	}
	
#column-main-content
	{
	padding: 0px;
	border: 0px;
	color: #000000;
	background-color:#ffffff;
	}
	
/* ====================================================================
Sidebar for tower advertising and new content
-------------------------------------------------------------------- */
#sidebarcolumn
{
float: right;
width: 190px;
max-width: 190px;
padding: 0px;
margin-left:10px;
margin-top:2px;
background:#fff;
overflow:hidden;
text-align:center;
border:0px solid #000;
}

	
/*#columns-float
	{
	float: left;
	width: 750px;
	padding: 0px;
	}
*/
	

/* These are the left and right columns in two-column pages that don't have their own custom layouts - doubt these are still in use */

#column-left 
{ 
float: left;
width:255px;
padding: 0px;
}

#column-right
	{
	float: right;
	width: 490px;
	padding: 0px;
	}
	

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/

#box-wrap, #columns-float, #column-main,  h2
	{ p\osition: relative; }
/* */


/* ====================================================================
Hide the mobile-only content
-------------------------------------------------------------------- */
#mobilelogo {display:none;}
#mobilemenu {display:none;}