#articleTeaser
{
	width:530px;
	margin-bottom:10px;
	/*border: solid 1px black;*/
}
#articleTeaser H2 { margin:5px 0 0 0;  font-size:18px;}
#articleTeaser H3 { margin:5px 0 0 0;  font-size:13px;color:#652F90;}
#articleTeaser a { margin-bottom:5px;  color:#652F90; font-weight:bold;}
#articleTeaser p{ margin-bottom:5px; padding:10px;}

#articleTeaser a img {  margin-left:70px;}

/* poll */
.poll{ background-color:#e77029;}

#poll
{  
	height:auto;

	background-color:#d9e0ff;
	
	
	font-weight:bold; font-size:15px;
	 
}

#poll h3{ color:#000000;  font-weight:bold; margin-top:15px; font-size:15px;}
#poll input[type="image"]{ margin-left:100px; margin-bottom:20px;}
#pollradio { margin-top:20px;}
.poll-result { background-color:#FFFFFF;}	
	
#roleModelTeaser
{
	height:100%;
	width:350px;
	 
}

/*role model*/
#roleModelTeaser{ height:auto;}
#roleModelTeaser div.large{background-color:#ffffff;}
#roleModelTeaser div.large table{width:350px;background-color: #d9e0ff; }

#roleModelTeaser div.small{background-color:#0066cc; height:300px}
#roleModelTeaser div.small a{color:#ffffff;font-weight:bold;  font-size:15px}
#roleModelTeaser div.small li{margin-bottom:3px;}
#roleModelTeaser div.small p{padding-left:20px}
#roleModelTeaser div.medblue{ background-color: #d9e0ff; }
#roleModelTeaser div.medblue img{ clear:left; float:left; margin-right:5px;}
#roleModelTeaser div.medblue table tr td{ padding:5px;}

#roleModelTeaser h3{ margin:0 0 0 0; padding:0 0 0 0; font-size:25px; font-weight:bold; display:block;}

/*blog teaser */
#blogteaser table.mainBt{	width: 530px; }
#blogteaser table tr td { vertical-align:top;  font-size:13px; background-color:#ffffff;}
#blogteaser table tr td.bimg{width:100px;}
#blogteaser table tr td p{ margin:0;}
#blogteaser table tr td h3{ display:block; padding:0; margin:0;}
#blogteaser table tr td span {font-size:11px; margin:0 3px 0 0;}

.btpurpleBck{background:url(../images/layout/blogs/purple.gif); }
.btRed {background:url(../images/layout/blogs/red.gif); }
.btGreen{background:url(../images/layout/blogs/green.gif); }
.btYellow{background:url(../images/layout/blogs/yellow.gif); }
.btDefault{background-color:#ffffff;}
	
#womenshistoryteaser{ height:auto; padding-bottom:10px;}
#womenshistoryteaser img{ margin-bottom:5px; clear:left; float:left; margin-right:5px;}
#womenshistoryteaser  table tr td{background-color:#d9e0ff; }
#womenshistoryteaser #wbody
{
	 background-color:#d9e0ff; height:auto;
	 padding-top:20px; padding-left:10px;  padding-bottom:20px;
	 width:340px;
}
	 
#womenshistoryteaser a{color:#652F90; font-weight:bold; }


#wbody h4{}
#wbody p{ margin:0; padding:0;}


#comicTeaser
{
	width:175px;
	height:185px;	
	/*border: solid 1px black;*/
}
/*comics*/
#comic { padding-bottom:20px}
#comic table{background-color: #bedabd;}
#comic img{border:none;}


#comicTeaser img{border:none;width:175px; height:150px}
#comicTeaser h2{margin:0 0 0 0;padding:0 0 0 0;font-size:17px;}

#comic-layout table{background-color:#c3ddb5; width:550px}
#comic-layout h1{color:#68ab47;}
#comic-layout img.x300{width:300px;height:300px;}
#comic-layout img.next{width:80px;height:27px;}
#comic-layout h3{margin:0 0 0 0; padding:0 0 0 0;}

#video object.small{ width:100px; height:100px;}
#video embed.small{ width:100px; height:100px;}
#viewUserVideo h3{ padding:0 0 0 0; margin:0 0 0 0;}

#viewUserVideo h2{ padding:0 0 0 0; margin:0 0 0 0; width:auto; text-align:left}
/*pwoer words*/
#powerwords{background-color: #FEE0E0; width:535px; }
#powerwords h3{  margin:0px;}
#powerwords p { font-size:90%; margin:3px 0 5px 7px;}
#powerwords span{ font-weight:bold; font-size:80%;}
#pwTeaserBody{width: 317px; height: 260px; background-color: #FEE0E0; margin-top: 5px;
        padding: 5px}
#powerwords a {display:block; margin-top:5px;}

/************ for the comic character descriptions ************/
	
#characterImages img 
{
	margin:0 20px 10px 0;	
	cursor:pointer;	
}
.des 
{
	background-color:#edecbc;
	border:2px solid #999;	
	width:450px;		
	-moz-border-radius:4px;
	padding:0 20px;
	position:absolute;
	left:300px;
	top:350px;
}

.des .arrow 
{
	width:34px;
	height:34px;
	background:transparent url(../images/arrows.png) repeat scroll 0 -33px;	
	margin-left:-54px;
	font-size:1px;
	position:relative;
	
}



.commentbox{}
.commentbox li
{
	width: auto;
	border-bottom: dashed 1px #d3d3d3;
	
}
.commentbox li p{ margin:3px;}

#rotator{width:869px;}
#rotator.rotatepanel{}

/**********************************/

#scroll {
	position:relative;
	height:270px;
	overflow:hidden;
	/*border:solid 1px black;*/
	width:869px;
	padding:3px;
	margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
}

#scroll table {width:860px}
#scroll table tr td{ vertical-align:top; }
#scroll table tr td.rtrtd1{ width:600px;height:215px;  padding:0;}
#scroll table tr td.rtrtd1 p{ margin:0; padding:0;}

#scroll table tr td.rtrtd2{ width:200px;height:215px;padding:0;  text-align:right }
#scroll table tr td.rtrtd2 p{ margin:0; padding:0;}

#tools {
	width:9999em;
	position:absolute;
	height:215px;
	
}

.tool {
	float:left;
	width:896px;
	height:215px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.details {
	background-color:#fff;
	/*color:#666;*/
	float:left;
	font-size:20px;
	margin:0;	
	width:525px;
	height:200px;
}
#thumbs {
	/*background:url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat;*/
	background:url(../images/layout/rotator/rotatorbar.gif) no-repeat;
	height:50px;
	position:absolute;
	top:228px;
	width:869px;
	left:-8px;
	margin-left:12px;
}

.t a {
	/*background:transparent url(../images/layout/rotator/rotatorbar.gif) no-repeat scroll -21px -90px;*/
	margin-left:11px;
	display:block;
	width:20px;
	float:left;
	height:40px;
	cursor:pointer;
	
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:593px;
	_margin-left:304px;
}

/* CSS sprite for the navigation */
#prevArrow {  position:absolute; left:495px; margin:0; }
#prevText{  position:absolute; left:530px; margin:0; width:70px; }
#nextArrow {  position:absolute; left:835px; margin:0; }
#nextText{  position:absolute; left:788px; margin:0; width:35px; }



#t0 		  { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position:-325px -90px; }
#t1:hover 	{ background-position:-325px -180px; }
#t1:active	{ background-position:-325px -270px; }
#t1.active	{ background-position:-325px 0 !important; }

#t2			{margin-left:17px;  background-position:-435px -90px; }
#t2:hover 	{ background-position:-435px -180px; }
#t2:active	{ background-position:-435px -270px; }
#t2.active	{ background-position:-435px 0 !important; }

#t3			{ background-position:-545px -90px; }
#t3:hover 	{ background-position:-545px -180px; }
#t3:active	{ background-position:-545px -270px; }
#t3.active	{ background-position:-545px 0 !important; }

#t4			{ margin-left:15px; background-position:-655px -90px; }
#t4:hover 	{ background-position:-655px -180px; }
#t4:active	{ background-position:-655px -270px; }
#t4.active	{ background-position:-655px 0 !important; }



/**********************************/
#messageBoardControl
{
	background-color: #ffff99; width:350px;
}
#messageBoardControl h3{ margin:0 0 0 5px; padding:0;}
#messageBoardControl ul{ list-style:none; margin:0; padding:10px 0 10px 15px;}
#messageBoardControl ul li { margin-bottom:3px;	}
#messageBoardControl table{ width:220px;}

#favorites{ background-color: #FEE0E0; height: auto;width:350px;}

.vote-login-msg{ background-color:#ffffff; width:200px; height:25px; margin:0; padding:0; }

.updatestatus{ cursor:pointer;}
.updatestatus td{ vertical-align:bottom; width:140px; }
.updatestatus table tr td:hover
{
	background-color: #f5f5f5;
}
.updatestatus div.modal{width: 680px; height: 450px; overflow: auto;
        background-color: #ffffff;}
        
.imgDataList{width:650px;}

#recentcontent table {  width:280px; }
#recentcontent table tr td img { height:25px; width:25px; border:none;}
#recentcontent table tr td span{ font-weight:bold;}
#recentcontent h2
{
	width:auto;
	margin:0;
	padding:0;
	
}

#resources{background-color: #FEE0E0;  padding-bottom:20px; width:536px;}


#divWordList ul li a { }


#tellAFriend h3{ margin:0;}
#tellAFriend p{margin:0;}

#ProfileInterestView h1 {margin:0; padding:0;}
#ProfileInterestView h2 {margin:0; padding:0; font-size:20px; display:inline;}
#ProfileInterestView table.btwTBL tr td img{ display:block;}
#ProfileInterestView table tr td.tdbar{border-bottom:dashed 2px #FF078F;border-bottom-width:3px}


/********SCROLLING IMAGE GALLERY **********/


/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:650px;
	margin:15px 0 15px 15px;
	padding:15px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable2 {

	/* required settings */
	position:relative;
	/*overflow:hidden;*/
	width: 650px;
	/*height:120px;*/
	margin:15px 0 15px 15px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}
.photoHighlight
{}	

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items {
	/* this cannot be too large 
	width:20000em;
	position:absolute;
	clear:both;*/
}


/* single scrollable item */
.scrollable2 input[type="image"] {
	/*
	float:left;
	margin:20px 5px 20px 21px;
*/
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.photoHighlight img {

	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	margin-right:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


/* active item */
.scrollable2 .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/*****************************/

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}



.ul-poems
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.ul-poems li
{
	margin: 0 0 10 0;
}

#taglist h2{ margin:20px 0 0 0; padding:0;}
.lbl-tag{ margin:0; padding:0; width:auto;  display:inline;}

#searchMainLinks a { margin:0 5px 0 0;}
#searchMainLinks { margin:0 0 20px 0;}