/* --------------------------base layout --------------------------*/

body,html           
 { 
color:#292929;
 font-size: 85%; 
font-family: verdana, arial, "bitstream vera sans", sans-serif;
 text-decoration: none; background-color: #900;  
 text-align: center; margin: 0; padding: 0; 
 }
 
td.maincontent img{margin:5px;}

hr {
border:0;
width:100%;
color:#ABABAB;
background-color:#ABABAB;
height:1px;
}

table.mainbox
{ 
width:960px; 
background-color: #fff; 
margin:0 auto 20px; 
border-bottom: 8px solid #000; 
}

td.topimage
{ background-image: url(topimage.jpg); background-repeat: no-repeat; background-position: right 0; width: 960px; height: 39px; margin: 0 auto; padding: 0; }

td.header      
 { 
background-color: #fff; 
background-image: url(header_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
margin-bottom: 8px; 
height: 170px; 
border-bottom: 8px solid black ;
border-right: 8px solid #000; 
border-left: 8px solid #000; 
}

div#headerimage      
 { 
background-image: url(womenimage.jpg); 
background-repeat: no-repeat; 
background-position: right bottom;
height: 170px; 
width:650px;
float: right
}

div#logo  
{ width: 200px; float: left ; padding-top: 15px; padding-left: 20px; }

td.leftsidebar  
{ 
background-color: #ef4a3a; 
margin: 0; 
padding: 0; 
vertical-align: top;
width:170px;
border-left: 8px solid #000; 
}

div.leftbar_heading  
 { 
color: #fff; 
background-color: #000; 
margin: 0; 
padding: 5pt ;
}

div.memberlogin   
{ 
text-align: left;
margin: 0; 
padding: 10px; 
margin:0;
vertical-align: top ;
}

td.memberlogin ,table.memberlogin, form   
{ 
padding:0px; 
margin:0px;
}

a.memberlogin
{
font-size:90%;
margin:5px 0;
display:block;
}

td.maincontent       
 { 
line-height:160%;
margin: 0; 
padding: 20px; 
vertical-align: top; 
text-align: left;
border-left: 8px solid #000 ;
border-right: 8px solid #000; 
}

td.rightsidebar      
 { 
text-align: left; 
vertical-align: top; 
padding:0;
width:200px;
border-right: 8px solid #000; 
 }

td.rightsidebar img
{
border:0;
}

td.leftsidebar a
{
color:#fff;
}

td.leftsidebar a:hover
{
color:#fff;
}
 
div#rightsidebar_text,div#leftsidebar_text    
{ 
padding:10px;
margin:0;
text-align: left;
}

div#rightsidebar_rotate    
{ 
padding:10px;
margin:0;
text-align: center;
height:80px;
}

div#rightsidebar_text div.Calendar
{
margin:0;
padding:0;
}

td.rightsidebar h2,td.leftsidebar h2
{
text-align:left;
color:#fff;
background-image:none;
border:0;
background-color:#000;
font-size: 100%; 
font-weight: bold; 
padding:5px;
margin:0;
}

div#rightsidebar_text div.Calendar h2
{
color:#ef4a3a;
background-color:#fff;
padding:5px 0;
margin:0;
}

div#rightsidebar_text div.Calendar h4
{
font-size:90%;
padding:0;
margin:0;
}

div#rightsidebar_text img,div#leftsidebar_text img    
{ 
margin:5px;
}

div#rightsidebar_rotate div.ImageRotateHolder
{
margin:0 auto;
padding:0;
text-align:left;
}

div#rightsidebar_rotate div.ImageRotateHolder img
{
display:inline;
}

div#rightsidebar_text div.Calendar p,div#rightsidebar_text div.Calendar h2 table
{
display:none;
}

div#rightsidebar_text div.Calendar h3
{display:none;}

td.maincontent li 
{
white-space: normal; 
list-style-type: none; 
list-style-image: url(list_button.gif);
}
 
 /*headings*/
h1 
{ color: #ef4a3a; font-size: 170% }

h2
{ 
color: #ef4a3a; 
font-size: 150%; 
background-image: url(film.gif); 
background-repeat: no-repeat; 
background-position: left center; 
padding-top: 10px; 
padding-bottom: 10px;
padding-left: 20px;
border-top: 1px dotted #ababab;
}

h3    { color: #ef4a3a;font-size: 120%; margin-top: 3px; margin-bottom: 3px ;}

/*link*/

a { 
color: #4e6f99;
text-decoration: underline;
 }

a:hover  
{ 
color: #292929; 
text-decoration: none;
}

/*menu */

td.menu         { 
text-decoration: none; 
text-align: left; 
border-top: 1px solid #000;
}

td.menu a         { 
color: #000; 
text-decoration: none; 
padding: 5px;
display: block; 
}

td.menu a:hover,td.menu #thispage        { 
color: #000; 
text-decoration: none; 
background-image:none;
background: #fff; 
}

span.submenu a          
{ 
color: #000; 
background-color: #EA867C;
text-decoration: none; 
display: block; 
text-align: left; 
background-image: url(submenu_a.gif);
background-repeat: no-repeat; 
background-position: 5px center; 
padding: 5px 5px 5px 20px; 
margin:0; 
border-top:1px solid #000;
}

span.submenu a:hover, span.submenu #thispage,#toppage
{ 
background-image: none;
color: #000; 
display: block; 
background-color: #fff;
}

span.pmenu
{
margin-bottom:10px;
display:block;
}

span.hmenu a,span.hmenu #toppage
{
display:inline;
}

/*footermenu*/

td.footermenu       
 { 
color: #fff; 
font-size: 90%; 
background-color: #fff; 
text-align: left; 
margin: 0; 
padding: 10px; 
border-top: 8px solid black;
border-right: 8px solid #000; 
border-left: 8px solid #000; 
 }

/*footer*/

td.footer       
 { 
color: #fff; 
font-size: 90%; 
background-color: #000; 
text-align: left; 
margin: 0; 
padding: 10px; 
border-top: 8px solid black;
 }

td.footer a   
{ 
color: #ef4a3a ;
}

td.footer a:hover  
{
color: #fff;
}

/* -------------------------List.Chart.Table ------------------------*/
td.chart    
{ 
line-height: 130%; 
background-color:#DADADA ;
padding: 8px; 
border-bottom: 1px solid #fff ;
border-right: 1px solid #fff ;
}
 
td#chart_heading 
{ 
color: #fff;
font-size: 110%; 
font-weight: bold; 
line-height: 110%; 
background-color: #6F89BF; 
text-align: center; 
padding: 7px; 
border-right: 1px solid #fff ;
border-bottom: 1px solid #fff ;
}

#price_box 
{ 
color: #6F89BF; 
font-size: 120%; 
font-weight: bold; 
line-height: 110%; 
background-color: #fff; 
text-align: left; 
padding: 7px; border: 
solid 1px #6F89BF; 
margin-top: 10px;
}

table.chart
{
width:100%;
}

table.Report th { 
color: #292929;
font-weight: bold; 
background-color: #ccc; 
padding: 5px; 
}

table.Report td { 
border-bottom: 1px solid #ccc ;
padding: 5px; 
}

div #s1 {
height: 100px;
}

table.WebDirectory
{
text-align:left;
width:100%;
}

table.WebDirectory td
{
text-align:left;
padding:10px;
line-height:140%;
width:33%;
}

table.WebDirectory td b
{
font-size:110%;
padding:5px 0;
}


/* --------------------------Calendar --------------------------*/

div.Calendar h2 td { 
padding: 5px;
}

.result
{
background-color: white;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
padding-top: 9px;
padding-right: 0px;
padding-bottom: 9px;
padding-left: 9px;
height: 90px;
margin-bottom: 5px;
}

.result p { padding-left: 10px; }

.result .image
{
float: left;
padding-top: 0px;
padding-right: 9px;
padding-bottom: 0px;
padding-left: 0px;
text-align: left;
width: 100px;
}

table.Calendar 
 { 
padding-top: 12px; 
margin-left:10px;
width: 170px ;
}

table.Calendar th {
color:#fff;
background-color:#ef4a3a;
text-align:center;
padding:3px;
}

div.Calendar  { padding: 0 5px 0 10px; }

td.CalendarEvent a,td.CalendarEvent a:visited 
{
text-decoration:none;
background-color: #fff; 
color: #ef4a3a;
}

div.Calendar dd a
{ 
font-weight: bold; 
}

div.Zine h2,div.Calendar h2
{ 
color: #ef4a3a;
border:0;
text-decoration:none;
font-size: 120%; 
font-weight: bold; 
}

table.info td img,table.Calendar td {
padding:5px;
}

td.CalendarToday,td.CalendarEvent {
background-color:#fff;
text-align: center ;
}

div.Calendar h4 { 
font-weight: bold;
}

div.Calendar h1
{ 
color: #ef4a3a; 
font-size: 120%; 
background-image: url(film.gif); 
background-repeat: no-repeat; 
background-position: left center; 
padding-top: 10px; 
padding-bottom: 10px;
padding-left: 20px;
}

/* --------------------------Zine --------------------------*/

div.ZineTeaser a
{
font-weight: bold; 
color: #ef4a3a; 
text-decoration: underline; 
margin:2px;
}

div.ZineTeaser a:hover
{
color:#292929;
text-decoration: none;
}

.ZineArticle .ZineHeader {
    padding-top:0px;
    font-weight:bold;
    font-size:140%;
}

div.ZineTitle h2
{
color: #ef4a3a;
font-size: 120%;
background-image: url(film.gif);
background-repeat: no-repeat;
background-position: center left ;
padding-left: 20px;
}

div.ZineComment div.ZineTitle { 
color: #292929;
background-image: none;
background-color: #ccc;
}

.ZineHeader h2 {
    padding: 0px 5px 5px 10px;
    background-image: none;
}

.ZineArticle .ZineAbout {
   padding-top:5px;
   padding-bottom:10px;
   font-style:italic;
}

.ZineSummary {
    padding:0px 5px 0px 5px;
    font-style:italic;
}
.ZineBody pre {
    padding:10px;
    border:1px dashed #666688;
 background-color:#FDD4D4;
}
.ZineArticle div.ZineImage {
    float:right;
    padding:20px;
    margin-left:10px;
    background-color:#FDD4D4;
}
.ZineArticle .ZineFooter {
    padding-top:0px;
    padding-bottom:0px;
    color:#999;
    font-style:italic;
}
.ZineArticle .ZineAttachment {
    padding:10px;
    margin-top:10px;
    background-color:#FDD4D4; 
}

table.ZineImage {
    margin-bottom:10pt;
}
div.ZineImage table.ZineImage {
    margin-bottom:0pt;
}

.ZineQuote
{
margin-left: 5px;
margin-right: 50px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 30pt;
color: #666666;
display: block;
border-color: #ccc;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
background-color: #fdeeee;
background-image: url(quote.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 3px 3px;
}
/*** 
 ***  INDEXES
 ***/

.ZineIndex {
    margin-top:15px;
}
.ZineItem {
    padding-bottom:10pt;
}
.ZineItem .ZineAbstract {
    font-style:normal;
}
a.ZineLink {
    text-decoration:underline;
}

/* creates a sequence of buttons for paged indexes */
.ZinePagedIndex a {
    padding-left:4px; 
    padding-right:4px; 
    padding-top:2px; 
    padding-bottom:2px; 
    border:1px solid #666699;
    color:#292929;
    font-weight:normal;
    text-decoration:none;
}
.ZinePagedIndex a.ZinePagedIndexCurrent {
    background-color:#FDD4D4;
    border:1px solid #666699;
}
.ZinePagedIndex a:hover {
    background-color:#FDD4D4;
    border:1px solid #666699;
}

table.ZineIndex td.ZineThumb {
    /* typically used for photoblog galleries */
    background-color:#FDD4D4;
    padding:20px;
}

/* table indexes are used in semithreaded and table indexes */
table.ZineIndex { 
        border:1px #949599 solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
        width:100%;
}

table.ZineIndex td { 
        border-top:1px #949599 dotted; 
        border-bottom:1px #949599 dotted; 
        border-left:1px #949599 solid; 
        border-right:1px #949599 solid; 
        margin:0px; 
        padding:5px; 
}

table.ZineIndex th { 
color: #fff;
font-weight: bold; 
background-color: #949599; 
padding: 3px;
border: none;
}

/*** 
 ***  COMMENTS
 ***/

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    padding:4px;
    background-color:#ddd; 
    border:1px solid #666699; 
    font-weight:bold;
    font-size:110%;
    display:block;
}
.ZineComment .ZineAboutBody {
    /* The background is used to simulate a 2-column table-like layout.
       A more elegant way to do this is to set display:table-cell for 
       .ZineAbout and .ZineBody, but that only works in recent Gecko
       browsers.  This alternative is more of a hack, but works in most
       recent browsers. It also gives an acceptable appearance if the
       background image fails to load.  */ 
    background: url(/_Modules/Zine/commentbg.gif) repeat-y 0% 0%;
    border-left:1px solid #666699;
    border-right:1px solid #666699;
    min-height: 100px;
}
.ZineComment .ZineAbout {
    padding:10px;
    float:left;
    width:80px;
    color:#666;
line-height:120%;
}
.ZineComment .ZineBody {
    padding:10px;
    margin-left:100px;
}
.ZineComment .ZineFooter {
    padding:4px;
    background-color:#ffffff;
    border:1px solid #666699; 
    display:block;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    display:block;
    background-color:#FDD4D4; 
}

/*** 
 ***  TOOLBARS
 ***/

/* show tools in a small, grey font so they don't steal too much attention */
table.ZineTools td {
    text-align:center;
}
table.ZineTools td a {
    font-weight:normal;
    color:#666;
    text-decoration:none;
}
table.ZineTools td a:hover {
    text-decoration:underline;
}

/* kludge because table.ZineIndex td adds cell borders */
table.Report table.ZineTools td { border:0px solid white; }
table.ZineIndex table.ZineTools td { border:0px solid white; }


/*** 
 ***  ATTACHMENTS
 ***/




table.ZineAttachmentForm {
    /* put attachment upload fields in a box */
    background-color:#FDD4D4;
    border:1px solid #666699;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
}

div.ZineAttachment {

}
.ZineAttachment table {
    /* lines up attachments left-to-right */
    display:inline;
}


/* ------------------------- Gallery --------------------------*/

td.Gallery
{
background-color: #fff;
padding:4px;
font-size: 90%; 
line-height: 9pt; 
border: 1px solid #fff ;
vertical-align: middle;
height:121px;
}

div.rightsidebar td.Gallery
{
padding:0px;
font-size: 90%;
height: 80px;
text-align:center;
}

div.Gallery
{
vertical-align: middle;
text-align:center;
}

/* --------------------------links --------------------------*/

div.WebDir_wrap hr
{
display:none;
}

span.WebDirName a
{
font-size:110%;
font-weight:bold;
}

span.WebDirDescription
{
display:block;
margin:10px;
line-height:130%;
}

span.WebDirNotify
{
display:block;
border-bottom: 1px solid #ccc ;
padding-bottom:7px;
}

span.WebDirNotify form
{
margin:0;
padding:0;
}