.juimage{
border: #ccc 1px solid;
padding: 2px;
}
.nothumbnail,
.noimage{
border: none;
}
.juleft{
float: left;
margin: 0 6px 6px 0;
}
.juright{
float: right;
margin: 0 0 10px 10px;
}


/* Blue Style 001 */
/* Copyright 2007 Casey Lee for Joomlashack.com */


/* main background color, header background, and default text color */
body#page_bg {
background-image: url(http://www.socialistparty.net/images/bg%20img.png), url(../images/bg_wide.png);
background-repeat: repeat, repeat-y;
background-position: center top;
	background-color: #dddada;
	color: #323030;
}


/* default font */
html, body, form {
	font: 12px/150%  arial, verdana, sans-serif, Georgia, "Times New Roman", Times, serif;
}
fieldset {
	font: 12px/150% arial, verdana, arial,sans-serif, Georgia, "Times New Roman", Times, serif;
	padding: 5px 0;
}


/*Top Nav Link Color*/

#header-top li a {
	color: #C9CFD3;
}
#header-top li a:hover {
	color: #fff;
}



/*Header (TEXT) */
#header-text h1, #header-text h1 a {
	color: #f7f7f7;
	font: normal 45px/45px  Bookman, Bookman Old Style, Georgia, "Times New Roman", Times, serif;
	letter-spacing: -3px;
	background: url(http://www.socialistparty.net/images/header.jpg) no-repeat left top;
	height: 90px;
}
/*Header (GRAPHIC) */
/*Adjust the height below - Proceed with caution or use "text" based logo from config*/
/*Notes: If your logo extends the default size (67px) the page.png must be re-exported as well */
/*It is recommended to use the Fireworks source */

#header-graphic {
	background: url(http://www.socialistparty.net/images/header.jpg) no-repeat left top;
	height: 90px;
}

/* Defines the clickable hotspot area of the logo */
/* You can temporarily uncomment the red border to see your zone */
#header-graphic h1 a {
	height: 175px;
	width: 965px;
	/*border: 1px solid red;*/
	cursor: pointer;
}


/* Headings Typography */

h1 {
	font-size: 22px;line-height:1em;
	color: #333;
}

h2 {
	font-size: 20px;
	color: #797f83;
}

h3 {
	font-size: 20px;
	color: #3d3d3d;
}

h4 {
	font-size: 16px;
	color: #3d3d3d;
}
h5 {font: bold 1.2em/1.5em Arial, Helvetica, sans-serif;margin:0;padding: 0 4px;color: #3d3d3d;}
h6 {font: bold 20px Helvetica, sans-serif;margin:0;padding: 0 4px;color: white;}
/* Default Link Styles */
a {
	color: #5E6F75;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a.lof-title {
color: black;
margin-bottom: 15px;
font: normal 22px verdana, arial;
}

/* Because serifs don't look all that great. Remove this if you change to a sans-serif font */

b, strong {
	font: bold .95em Arial, Helvetica, Geneva, sans-serif;
}

/* Left and Right Column Typography */

#leftcol h1, #rightcol h1 {
	font-size: 18px;
	line-height: 125%;
}

#leftcol h2, #rightcol h2 {
	font-size: 16px;
	line-height: 125%;
}
#leftcol h4, #rightcol h4 {
	font-size: 14px;
	line-height: 125%;
}

#leftcol .inside,
#rightcol .inside {
	font-size: 12px;
	line-height: 135%;
}

#leftcol a.contentpagetitle,
#rightcol a.contentpagetitle,
#rightcol td.contentheading,
#leftcol td.contentheading {
	font-size: 16px;
	line-height: 16px;
}
/* Bottom stroke */
table#main {
	border-bottom: 1px solid #ccc;
}

/* Teaser Background */

#teaser-wrapper {
	<!--background: url(../images/teaser_bg.png) repeat-x center top;-->
	background-color:#E0E7EB;
}
/* Secondary (inner) Teaser Background */
#teaser {background: url(../images/teaser.jpg) repeat-x center top;
	
}
/* Teaser (icon position) Typography */

#teaser h3 {
	color: #3d3d3d;
	font-size: 28px;
	line-height: 32px;
}
#teaser p {
	color: #3d3d3d;
	font-size: 18px;
	line-height: 20px;
}
#teaser a {
}
/* @group Module Headings */




/* Style 1 - S1/Default */

div.moduletablepromo h3, div.moduletableFeed h3, div.moduletable h3, div.moduletableS1 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #3d3d3d url(../images/moduleheading1.png) no-repeat left bottom;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 2 - S2 */

div.moduletableS2 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #558a97 url(../images/moduleheading2.png) no-repeat left bottom;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}
/* Style 3 - S3 */

div.moduletableS3 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #ccc url(../images/moduleheading3.png) no-repeat left bottom;
	color: #333;
	line-height: 165%;
	word-spacing: .25em;
}
/* Style 4 - S4 */

div.moduletableS4 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #c0ccd3 url(../images/moduleheading4.png) no-repeat left bottom;
	color: #333;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 5 - S5 */

div.moduletableS5 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #558a97 url(../images/moduleheading5.png) no-repeat left bottom;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style small - small */

div.moduletablesmall h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #3d3d3d url(../images/moduleheading1.png) no-repeat left bottom;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}

div.moduletablesmall p {
	font-size: 11px;
line-height: 140%;
	word-spacing: .25em;
	padding-bottom: 5px;
}

div.moduletablesmall .juimage{
border: #ccc 1px solid;
padding: 2px;
}
div.moduletablesmall .nothumbnail,
.noimage{
border: none;
}
div.moduletablesmall .juleft{
float: right;
margin: 0 0 10px 0px;
width:195px
}
div.moduletablesmall .juright{
float: right;
margin: 0 0 10px 10px;
}


/* Style 6 -bdr */


div.moduletable-bdr {
	background: #f4f4f4;
	border: 1px solid #ccc;
}

/* Style 7 -nopad */

div.moduletable-nopad h3 {
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
	line-height: 165%;
}

/*Footer*/

#footer {
	color: #ccc;
	background: #000 url(../images/footer_bg.png) repeat-x center top;
	border-bottom: 5px solid #ccc;
}
#footer a {
	color: #9ca2aa;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
}
#footer a, #footer p, #footer div, #footer a {
}
#footer .moduletable h3 {
	font-family: Georgia, Garamond, "Times New Roman";
}
/* @end */

/*Author Text*/
span.small,.createdate, .createdby {
	font: normal small-caps 11px/10px verdana, arial;
	color: #999999;
	text-transform: uppercase;
}
/*Last Updated Text*/
.modifydate {
	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
}
/* Content Headings */

a.contentpagetitle {
	text-decoration: none;
	color: black;
}

a.contentpagetitle:hover {
	color: #cc0000;
	text-decoration: none;
}

td.contentheading {
	color: black;
}

.contentheading {
	color: black;
	font: 20px/20px  verdana, arial, Bookman, Bookman Old Style, Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

.componentheading {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
}

.componentheading1 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
text-transform: capitalize;
}
/*Read more...*/
a.readon {
	font: bold 12px/20px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #747a7e;
}

a.readon:hover {
	color: #84949c;
	text-decoration:none;
}
/*Buttons*/

input.button {
	border: 1px outset #666;
	background: #3d3d3d;
	color: #fff;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}
/* Category Tables */

td.sectiontableheader {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #797f83;
	font-weight: bold;
}

td tr.sectiontableentry1 td,
td.sectiontableentry1 {
	background: #fefefe;
	border-bottom: 1px solid #f0f0f0;
}

td tr.sectiontableentry2 td,
td.sectiontableentry2 {
	background: #f6f6f6;
	border-bottom: 1px solid #f2f2f2;
}

.sectiontableentry1 a,
.sectiontableentry2 a {
	text-decoration: none;
}
.zonline4 {color:#fff;}
.zonline4 a {color:#fff;}
.tool-tip {
   float: left;
   background: #f6f2c3;
   border: 1px solid #dddddb;
   padding: 5px;
   max-width: 200px;
}
.tool-title {
   padding: 0;
   margin: 0;
   font-size: 11px;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}
.tool-text {
   font-size: 11px;
   margin: 0;
}
#content img {padding:5px;}
