/*
-------------------
CLEAR XHTML
-------------------
*/

html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em { 
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	font-style: normal; 
	list-style: none; 
	border: 0; 
	text-decoration: none; 
	outline: none; 
	/* jcl added 02.14.2008 */	
}
html,body
{
/*	position: relative;
*/
}

a span { cursor: pointer; }

.aural 
{
	
	position: absolute;	
	left: -700em;
	
}

.aural_es
{
	position: absolute; 
	left: -700em;
}

body { 
	width: 1024px;
	margin: 0 auto;
/*	color: #7f7f7d;*/
	color: #666; 
	font: normal 0.7em/1.1em Verdana, Helvetica, sans-serif;
/*	font: normal 10px Verdana, Helvetica, sans-serif;*/
}


#handy-menu { 
	position: absolute; 
	left: -50em; 
}

#handy-menu a:focus { 
	position: absolute; 
	left: 25em; top: 0; 
	padding: 0.5em; 
	border: 1px solid #531600;
	color: #265b81; 
	background: #e99a12;
	white-space: nowrap; 
	font-size: 2em;
	font-weight: bold; 
}


/*
-------------------
MAIN ELEMENTS
-------------------
*/

#wrapper 
{ 
	width: 1024px; 
	/* jcl added 02.14.2008 */
/*	position: relative;
*/	
	
}

.subpage {
	display: block;
	width: 1024px;
	min-height: 700px;
	padding: 0 0 20px;
	overflow: hidden;
}


#top {
	position: relative;
	width: 1024px;
	height: 294px;

	}

h1 {
	/*position: relative; */ /* jcl removed to fix ie issue */
	width: 222px;
	float: left;
	margin: 62px 0 0 0;
	
}

h1 img { 
	display: block;
	width: 207px;
	margin-left: 9px;
	padding: 105px 0 0 0;
	height: 0;
	background: url(/images/logo-period.png) no-repeat 15px 0;
	overflow: hidden;
}


h1 small.aural {  
	display: block;
	left: 210px;
/*	top: -40px;*/
	top: 30px;
	width: 375px;
	height: 96px;
}

h1 small.aural_es {  
	display: block;
	left: 210px;
	/*top: -30px;*/
	top: 40px;
	width: 375px;
	height: 82px;	
}


h1 small.aural span { display: block; text-indent: -100em; }

h1 small.aural_es span { display: block; text-indent: -100em; }


#content { 
	position: relative; 
	width: 721px;
	float: right;
	min-height: 55em;
	clear: both;
	margin: -140px 49px 0 0;
	padding: 0 15px 15px 5px;
}

#content a:hover { text-decoration: underline; }

/*
-------------------
TOP ELEMENTS
-------------------
*/

#navigation_en,#navigation_es { 
	width: 749px;
	float: left;
	padding: 1px;
	margin: 0 10px 0 0;
	border: 1px solid #fff;
	background: #868686;
	
	
	
}

#navigation_en li {
	height: 24px;
	line-height: 15px;
	float: left;
	padding: 0;
	text-align: center;
	background: #B1B1B1 url(/images/bg-nav-li.png) no-repeat 100% 50%;
}

#navigation_es li {
	height: 24px; /* controls the height of the box */
	line-height: 15px; /* originally 15 */
	float: left;
	padding: 0;
	text-align: center;
	background: #B1B1B1 url(/images/bg-nav-li.png) no-repeat 100% 50%;		
}

#navigation_en li a { display: block; height: 15px; padding: 5px 6px 4px; color: #474747; font-size: 0.9em; }
#navigation_es li a 
{ 
	display: block; 
	height: 15px;
	padding: 5px 6px 4px; 
	color: #474747; 
	font-size: 0.9em;
}

#navigation_en li#n1 a { width: 159px;}
#navigation_en li#n2 a { width: 86px; }
#navigation_en li#n3 a { width: 86px; }
#navigation_en li#n4 a { width: 80px; }
#navigation_en li#n5 a { width: 80px; }
#navigation_en li#n6 a { width: 86px; }
#navigation_en li#n7 a { width: 100px; }

#navigation_es li#n1 a { width: 159px; /*height:24px;*/}
#navigation_es li#n2 a { width: 86px; }
#navigation_es li#n3 a { width: 86px; }
#navigation_es li#n4 a { width: 80px; }

#navigation_es li#n5 a { width: 80px; }
#navigation_es li#n6 a { width: 86px; }
#navigation_es li#n7 a { width: 100px; }

#navigation_en li#n1.active a { background: url(/images/bg-tab-nav-p1-active.png) no-repeat 0 100%; }
#navigation_en li#n2.active a,
#navigation_en li#n3.active a { background: url(/images/bg-tab-nav-p3-active.png) no-repeat 0 100%; }
#navigation_en li#n4.active a,
#navigation_en li#n5.active a { background: url(/images/bg-tab-nav-p4-active.png) no-repeat 0 100%; }
#navigation_en li#n6.active a { background: url(/images/bg-tab-nav-p3-active.png) no-repeat 0 100%; }
#navigation_en li#n7.active a { background: url(/images/bg-tab-nav-p7-active.png) no-repeat 0 100%; }

#navigation_es li#n1.active a { background: url(/images/bg-tab-nav-p1-active.png) no-repeat 0 100%; }
#navigation_es li#n2.active a,
#navigation_es li#n3.active a { background: url(/images/bg-tab-nav-p3-active.png) no-repeat 0 100%; }
#navigation_es li#n4.active a,
#navigation_es li#n5.active a { background: url(/images/bg-tab-nav-p4-active.png) no-repeat 0 100%; }
#navigation_es li#n6.active a { background: url(/images/bg-tab-nav-p3-active.png) no-repeat 0 100%; }
#navigation_es li#n7.active a { background: url(/images/bg-tab-nav-p7-active.png) no-repeat 0 100%; }

#navigation_es li#n1 a span{
	font-size: 0.9em;
	margin-left: -10px;
	margin-right: -10px;
}

#navigation_es li#n1.active{
	font-size: 1.1em;
	line-height: 10px;
}

#navigation_en li.active,#navigation_es li.active  
{ 
	position: relative;	/* jcl fixes it, but we need to revisit styling of selected state */
	/* ORIGINAL VALUE: margin: -1px -6px -12px; */
	
	margin: -1px -6px -12px;
	background: none; 
	text-align: center;	
	display:block;
	
	}

#navigation_en li.active a
{ 
	height: 27px; 
	padding: 6px 6px 3px; 
	cursor: pointer; 
}
#navigation_es li.active a 
{
	padding: 6px 6px 3px; 
	height: 27px; 
	cursor: pointer; 
}
#navigation_en li.active a span,#navigation_es li.active a span { color: #590909; font-weight: bold; }

/*jcl added */
#navigation_en li a:hover, #navigation_es li a:hover { color: #ffffff }

#navigation_en li#n7.active,#navigation_es li#n7.active { margin: -1px -6px -12px -6px; background-image: none; }
#navigation_en li#n7,#navigation_es li#n7 { background-image: none; }


#global-links { 
	float: right;
	margin: 35px 49px 10px 0;
}

#global-links li {
	line-height: 10px;
	float: left;
	padding: 0 5px;
}

#global-links li.list-child { 
	padding: 0 0 0 6px;
	background-image: none !important; 
	}

#global-links li a { 
	display: block;
	margin: -2px 0 2px;
	color: #f3a330;
	}

#search { 
	width: 356px;
	float: right;
	clear: right;
	margin: 0 49px 0 0;
	background: url(/images/bg-search-input.png) no-repeat 0 0;
	}

#search legend { display: none; }

#search .text {
	width: 280px;
	float: left;
	padding: 2px 3px;
	border: none;
	color: #90908f;
	background: none;
	font-size: 0.9em;
}

#search .image 
{ 
	width: 61px; 
	height: 0; 
	float: right; 
	padding: 17px 0 0;
	overflow: hidden;	
}

#search .image_es
{ 
	width: 61px; 
	height: 0; 
	float: right; 
	padding: 17px 0 0;
	overflow: hidden;	
}

/*
-------------------
LEFT NAVIGATION
-------------------
*/


#left-nav {
/*	position: relative;*/
	width: 205px;
	float: left;
	margin: -60px 0 0 15px;
	
	}
	
#left-nav #map { 
	display: block;
	margin: 0 0 55px;
	padding: 0 0 0 9px;
	color: #eddf58;	
	height: 20px;
	}

#period-menu 
{
	width: 192px;
	font-size:11px;
}

#period-menu li{
	border-bottom: 1px solid;
}

#period-menu li span{
	display: block;
	padding: 6px 9px;
	font-weight: bold;
	border-style: solid; 
	border-width: 0;
}

#period-menu li a 
{
	display: block;
	padding: 6px 9px;
	font-weight: bold;
	border-style: solid; 
	border-width: 0 1px;
}



#period-menu li.active a { background-position: 0 40% !important; }

div.subpage #left-nav br {
	line-height: 3em;
}

div.subpage #left-nav li a br {
	line-height: 1.1em;
}


#spec-info { margin: -30px 0 0; }
#spec-info .first-child { width: 130px; }

#spec-info li { 
	padding: 0 0 10px 15px;
	color: #5f5f5f;
	background: url(/images/icon-disc.png) no-repeat 0 3px;
}

#side-promos li 
{
	line-height: 1.2em; 
	margin: 10px 15px 17px 14px;
}

#side-promos h4 a 
{ 
	display: block;
	padding: 60px 0 0; 
	font: bold 1.1em Verdana, Helvetica, sans-serif; 
}

#side-promos li a.more 
{
	display: block;
	padding: 0 0 0 10px;
	font-weight: bold;
	text-transform: lowercase;
}

/*
#side-promos #promo-3 a.more { background: transparent no-repeat 0 80%; }
#side-promos #promo-3 h4 a 
{
	 background: transparent no-repeat 0 0;
	 font-size: 1.1em; 
}
*/

#side-promos #promo-3 a:hover
{
	color: #ffffff; 
}



/*
-------------------
HOMEPAGE CONTENT
-------------------
*/

#overview, #overview_es {
	height: 185px;
	padding: 30px 10px 10px 271px;
	/*
	font: bold 1em/1.4em Verdana, Helvetica, sans-serif; 
	*/
	
	font: bold 1em/1.4em Verdana, Helvetica, sans-serif;
	
	}
	

#overview strong,#overview_es strong { 
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: -300em;
	}

#overview h2, #overview_es h2 {
	height: 35px;
	margin: 5px 0;
	overflow: hidden;
	text-indent: -300em;
}

#overview p, #overview_es p 
{
	 font: bold 1em/1.4em Verdana, Helvetica, sans-serif; 
/*	  font: bold 10pt Verdana, Helvetica, sans-serif;*/
}

#overview .more, #overview_es .more { 
	display: block;
	height: 30px;
	width: 155px;
	margin: 3px 0;
	text-indent: -9999em;
	background: url(/images/read_overview_up.png) no-repeat;
}

#overview_es .more {
	background: url(/images/read_overview_up_es.png) no-repeat;
}

#overview .more:hover {
	background: url(/images/read_overview_over.png) no-repeat;
}

#overview_es .more:hover {
	background: url(/images/read_overview_over_es.png) no-repeat;
	 }


#info {
	height: 40px;
	line-height: 2em;
	clear: both;
	margin: 10px 0;
	padding: 9px 0 0;
	background: url(/images/bg-info.png) repeat-x 0 0;
}

#info .hd {
	width: 181px;
	height: 19px;
	float: left;
	margin: 3px 0 0;
	overflow: hidden;
	text-indent: -100em;
		
}

#info .hd_es {
	width: 226px;
	height: 19px;
	float: left;
	margin: 3px 0 0;
	overflow: hidden;
	text-indent: -100em;
		
}

#info p { 
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	background: url(/images/bg-line.png) repeat-y 0 0;
	font: bold 1em/2em Verdana, Helvetica, sans-serif; 
}

#info .more { 
	padding: 0 0 0 11px;
	font-weight: bold;
}

#content h2.featured {
	font: 1.7em Georgia, 'Times New Roman', serif;
}

#timeline { clear: both; }

#timeline li { 
	min-height: 127px;
	clear: both;
	padding: 15px 10px 5px 0;
	border-bottom: 1px solid #e0e0e0;
	font: bold 1em/1.4em Verdana, Helvetica, sans-serif; 
	
}

#timeline li p  { 
	width: 427px;
	float: right;
/*	font: normal 10pt Verdana, Helvetica, sans-serif;*/ 
	}
	
#timeline li h3  { 
	width: 427px;
	float: right; 
	margin: 5px 0 0;
	font: bold 1.7em Georgia, 'Times New Roman', serif; 
	}
	
#timeline li h3 a {
	width: 427px;
	height: 26px;
	overflow: hidden;
}

#timeline li .img {
	float: left;
	margin: -35px 0 0;
}

#timeline li .img img {
	padding: 1px;
	border: 1px solid #ccc;
}

#timeline li a.more {
	padding: 0 0 0 10px;
	font-weight: bold;
	}


/*
-------------------
SUBPAGES CONTENT
-------------------
*/

.story h1 { 
	position: absolute; 
	left: -500px;
}

.story h1 small.aural { left: 710px; }

.story #story-shortcuts {
	position: relative;
	width: 207px;
	float: left;
	margin: 70px 0 0 15px;
	display: inline;
}

.story #story-shortcuts li { 
	position: absolute;
	background: url(/images/bg-story-shortcut-label.png) no-repeat 100% 0;
}

.story #story-shortcuts #story-1 { left: 5px; top: 5px; }
.story #story-shortcuts #story-2 { left: 50px; top: 35px; }
.story #story-shortcuts #story-3 { left: 60px; top: 75px; }

.story #story-shortcuts li a { 
	position: relative;
	right: 2px;
	display: block;
	background: url(/images/bg-story-shortcut-label.png) no-repeat 0 0;
}


.story #story-shortcuts li a span { 
	display: block;
	line-height: 15px;
	padding: 0 5px 10px;
	color: #79282a;
	background: url(/images/bg-story-shortcut.png) no-repeat 50% 100%;
}

#header strong {
	display: block;
	color: #8f2d2d;
	font-weight: normal;
}

#header h2 {
	width: 690px;  /* was 268,390 */
	height: 30px;
	color: #5b0a0b;
	font: normal 2em Georgia, 'Times New Roman', serif; 	
}

#header p {
	color: #686553;
	font-weight: bold;
}


/* jcl - removed - styled the lead in text for the content */
p.lead 
{
	/* 
	color: #6a685b;
	font-weight: bold;
	*/
}



.text-col {
	width: 340px;
	float: right;
	padding: 0.5em 0;
}

.two-col
{
	width: 100%;
	float: right;
	padding: 0.5em 0;
	
}
.text-col p, .two-col p {
	line-height: 1.4em;
	margin: 0 0 1.2em;
	font-size: 1.1em;
	
/*	font-size: 10pt;*/
}
/* jcl added */
.text-col h3, .two-col h3
{
	font: bold 1.3em Georgia, 'Times New Roman', serif;
}

.img-col 
{
	float: left;
	padding: 1px 1px 0;
	border: 1px solid #ccc;


}

.img-col img {
	display: block;
	margin: 0 0 1px;
}

.two-col .leftcol
{
	
	float:left;
}

.two-col
{	
	line-height: 1.4em;
	margin: 0 0 1.2em;
	/*font-size: 1.1em;*/
	/*font: normal 0.7em/1.1em Verdana, Helvetica, sans-serif;*/
	font-family:Verdana, Helvetica, sans-serif;
}

.two-col img 
{
	display: block;
	margin: 0 0; 1px;
	padding-right:15px;	
	float:left;
	
}
.two-col .right
{
	display: block;
	margin: 0 0; 1px;
	padding-left:10px;	
	float:right;	
}

/* used for captions */
.two-col .leftcol h4
{	clear:both;
	font: normal 1.0em Georgia, 'Times New Roman', serif;
	padding-top:2px;
	width:inherit;	
	padding-bottom:3px;	
}
.two-col .rightcol
{
	margin-left:10px;	
	/*border:1px green solid;*/
}

.two-col .leftcol
{
	display:block;
	margin-left:10px;
	float:left;
	/*border:1px red solid;*/	
}

a.next-page { 
	line-height: 21px;
	clear: both;
	float: right;
	margin: 5px 0;
	padding: 0 0 0 20px;
	color: #6e1d14;
	white-space: nowrap;
	font-family: Georgia, sans-serif;
}
#content a.next-page:hover { text-decoration: none; }


.pagination {
	clear: both;
	margin: 5px 0;
	border: solid #ccc;
	border-width: 1px 0;
	overflow: hidden;
	height: 1%;
}

.pagination li {
	line-height: 17px;
	float: left;
	border-right: 1px solid #ccc;
}

.pagination li em {
	display: block;
	padding: 0 10px;
}

.pagination li a {
	display: block;
	width: 17px;
	color: #952524;
	text-align: center;
}

#content .pagination li a:hover { text-decoration: none;  }

.pagination li.active a {
	color: #fff;
	background: #952524;
}

/*
-------------------
USER STORIES CONTENT
-------------------
*/

#search-storie fieldset legend 
{ 
	display: none;
	
} 

#search-storie fieldset { 
	margin: 7px 0;
	padding: 7px;
	border: solid #e0dfdd;
	border-width: 1px 0;
	background: #faf9f8  url(/images/bg-search-storie-input.png) no-repeat 5px 7px;
}

#search-storie fieldset .text {
	position: relative; 
	top: -4px;
	width: 235px;
	padding: 0;
	border: 0;
	color: #989898;
	background: none;
	font-size: 0.9em;
}

#user-list {
	width: 717px;
	overflow: hidden;
}	

#user-list li {
	width: 351px;
	float: left;
	margin: 0 1px 1px 0;
}

#user-list li a {
	display: block;
	width: 275px;
	padding: 25px 0 0 90px;
	background: #eae6de;
	overflow: hidden;
}

#user-list li a:hover { 
	background: #e9e3b9; 
	text-decoration: none;
}

#user-list li a img { 
	float: left; 
	margin: -25px 15px 0 -90px; 
}

#user-list li a strong {
	display: block;
	color: #5b0a0b;
	font-size: 1.2em;
	font-weight: bold;
}

#user-list li a span {
	display: block;
	margin: 5px 0 0;
	color: #952524;
	font-size: 1em;
	font-weight: bold;
}

#story-name {
	width: 510px;
	line-height: 1em;
	float: left;
	margin: 10px 0;
	color: #5b0a0b;
	font-size: 2em;
	font-weight: bold;
}

#story-author {
	float: left;
	margin: 0 17px 15px 0;
	padding: 2px;
	border: 1px solid #ccc;
}

#story-data {
	width: 510px;
	float: left;
	margin: 0 0 15px;
}

#story-data li {
	line-height: 1.6em;
	color: #952524;
	font-size: 1.1em;
	font-weight: bold;	
}

div.story-content p 
{	
	line-height: 1.4em;
	margin-bottom: 1em;
	font-size: 1.2em;  
	/*font-size:10pt; */
}

.story-content p strong, .story-content p b
{
	font-weight: bold;
}

.story-content p em, .story-content p i
{
	font-style: italic;
}


div.story-content img
{
	padding: 2px;
	border: 1px solid #ccc;
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

div.story-content embed, div.story-content object
{
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}


.custom-text-left { 
	width: 520px;
	float: left;
}

.story-photo-left 
{ 
	clear:both;
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
}

#story-author {
	float: left;
	margin: 0 17px 15px 0;
	padding: 2px;
	border: 1px solid #ccc;
}


/*
-------------------
LINKS CONTENT
-------------------
*/

h3.links {
	margin: 15px 0 10px;
	padding: 11px 0 0;
	color: #65191a;
	font-size: 1em;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

dl.links { line-height: 1.4em; }
dl.links dt { color: #686553; }
dl.links dd { margin: 0 0 10px; }
dl.links a { color: #a2403f; }

/*
-------------------
SIDE PROMOS 
-------------------
*/

#side-promos li 
{
	line-height: 1.2em; 
	margin: 0 0 17px 0px;
	width: 192px;
/*	border:1px green solid; */
}

#side-promos h4 a 
{ 
	display: block;
	padding: 60px 0 0; 
	font: bold 1.1em Verdana, Helvetica, sans-serif; 
}

#side-promos li a.more 
{
	display: block;
	padding: 0 0 0 10px;
	font-weight: bold;
	text-transform: lowercase;
}

#side-promos #promo-1 p 
{
	 color: #ddb7a5; 
}
#side-promos #promo-1 a { color: #eb5b38; }
#side-promos #promo-1 a.more { background: url(/images/icon-promo-1.png) no-repeat 0 80%; }
#side-promos #promo-1 h4 a { background: url(/images/img-promo-1.jpg) no-repeat 0 0; }
	

#side-promos #promo-2 p { color: #ba622f; }
#side-promos #promo-2 a { color: #e37216; }
#side-promos #promo-2 a.more { background: url(/images/icon-promo-2.png) no-repeat 0 80%; }
#side-promos #promo-2 h4 a { background: url(/images/img-promo-2.jpg) no-repeat 0 0; }

/* 
#side-promos #promo-3 p { color: #ba5d29; }
#side-promos #promo-3 a { color: #dea943; }


#side-promos #promo-3 a.more { background: url(/images/icon-promo-3.png) no-repeat 0 80%; }

*/

#side-promos #promo-3 h4 a {
	background-repeat: no-repeat;
}


/* JCL added */
#side-promos2 li 
{
	line-height: 1.2em; 
	margin: 10px 0 17px 0px;
/*	border:1px green solid; */
}

#side-promos2 h4 a 
{ 
	display: block;
	padding: 60px 0 0; 
	font: bold 1.1em Verdana, Helvetica, sans-serif; 
}

#side-promos2 li a.more 
{
	display: block;
	padding: 0 0 0 10px;
	font-weight: bold;
	text-transform: lowercase;
}

#side-promos2 #promo-1 p 
{
	 color: #666; 
}
#side-promos2 #promo-1 a { color: #666; }
#side-promos2 #promo-1 a.more { background: url(/images/icon-promo-1.png) no-repeat 0 80%; }
#side-promos2 #promo-1 h4 a { background: url(/images/img-promo-1.jpg) no-repeat 0 0; }
	
#search-results
{
	padding: 30px 10px 10px;
	font: bold 1.2em/1.4em Verdana, Helvetica, sans-serif;	
	
}

#search-results li
{
 	padding-bottom:10px;
}


/*
-------------------
STORY PREVIEW
-------------------
*/	

body#preview {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}	

body#preview div#content {
	margin: 0;
	padding: 10px;
	float: none;
	height: 100%;
	width: 100%;
	line-height: 1.2em;
	font-size: 1.1em;
	position: relative;
}

body#preview .submit{
	position: absolute;
	bottom: 15px;
}

*+html body#preview .submit {bottom: 5px;}

body#preview div#content #previewdata
{
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 10px;
	height: 95%;
	width: 94%;
	overflow: auto;
}

*+html body#preview div#content #previewdata {
	width: 98%;
	height: 93%;
	
}


#previewdata p{
	margin: 0;
	padding: 0;
}

#previewstory-name
{
	color: #5b0a0b;
	font-size: 2em;
	line-height: 2em;
	font-weight: bold;
}

#previewstory-data, #previewstory-tags
{	
	margin: 10px 0;
}

#previewstory-data {

}


#previewstory-data li, #previewstory-tags li {
	line-height: 1.9em;
	color: #952524;
	font-size: 1.1em;
	font-weight: bold;
}

#previewstory-tags li {
	float: left;
	line-height: 1.6em;
	padding-right: 4px;
}

#previewstory-tags li.title {
	font-size: 1.0em;
	font-weight: normal;
	color: #666666;
	display: block;
	float: none;
}

#preview-image
{
	float: left;
	margin-right:10px	
}

#preview p {}

#preview p strong, #preview p b, div.story-content p strong, div.story-content p b, #preview strong
{
	font-weight: bold;
}

#preview p em, #preview p i, div.story-content p em, div.story-content p i, #preview em
{
	font-style: italic;
}

#preview p img
{
	padding: 2px;
	border: 1px solid #ccc;
	margin-top:10px;
	margin-bottom:10px;
	float: left;
	margin-right: 10px;
}

#preview embed, #preview object 
{
	margin-top:10px;
	margin-bottom:10px;
	float: left;
	margin-right: 10px;
}


#preview p img.left
{
	float: left;
	margin-right: 10px;
}

#preview p img.right
{
	float: right;
	margin-left: 10px;
}

#preview input.submit {
	padding: 0 12px;
	color: #fff;
	background: #9161af url(../images/icon-raquo.png) no-repeat 2px 4px;
	border: 1px solid;
	border-color: #ac7acb #653d7e #653d7e #ac7acb; 
	font-weight: bold;
	font-size: 1em;
	margin: 0px 10px 10px 10px;
}