/*
This contains visual styles that editors can use in Contribute. They'll 
be restricted from accessing the structure style sheet so they don't break
the layout, or try to assign an element an id or class that they shouldn't
*/

.normal {
    margin: 0;
    padding: 5px 10px;
    color: #333;
    font-size: 13px;
    line-height: 1.6em;
}

.bigBulletList {
    font-size: 2em;
    color: #0E6BAF;
    margin: 0 2em;
}
.bigBulletList .bigBulletListText {
    color: #333;
    font-size: 13px;
    line-height: 1.6em;
}

.moduleGreen {
    width: 266px;
    position: relative;
    margin: 15px 0 25px 0;
    padding: 5px 0 0 0;
    background-color: #B3C234;
    font-family: helvetica, arial, sans-serif;
}
.moduleGreen h2 {
    margin: 0;
    padding: 0 10px;
    font-size: 2em;
    color: #fff;
}
.moduleGreen a.more { 
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff; 
    font-family: helvetica, arial, sans-serif;
}
.moduleGreen a:hover.more { color: #0E6BAF; }

    
.blue,
a:link.blue,
a:visited.blue,
a:hover.blue,
a:active.blue {
    color: #0E6BAF;
} 
.green,
a:link.green,
a:visited.green,
a:hover.green,
a:active.green{
    color: #B3C234;
}

.lowerCase { text-transform: lowercase; }   
.upperCase { text-transform: uppercase; }

.fancy,
.quote,
.story { font-size: 1.4em; }

.small {
    font-size: .8em;
    color: #666;
}

.quote { 
	text-indent: 35px;
	background: transparent url(../images/quote_tl.gif) 10px 0 no-repeat; 
}
#newsletter .quote {
    text-indent: 0;
    background: none;
    border-bottom: 1px dotted #ececec;
}
.quote_br {
	vertical-align: middle;
	margin-left: 10px;
}
.quote_person { 
	text-align: right;
	color: #666;
	margin: 0 10px 0 0;
	padding: 0;
	border-bottom: 1px dotted #ececec;
}
#newsletter .quote_person {
    text-align: left;
    font-size: .8em; 
    border-bottom: none;
}
.quote.floatRight {
    margin: 0 0 0 1em;
}
.quote_person.floatRight {
    margin: 0 0 1em 1em;
}

.date { color: #999; }

.rowAlternate,
tr.rowAlternate td {
    background-color: #F0F3D6;
}

.borderTopLight { border-top: 4px solid #F0F3D6; }
.borderBottomLight { border-bottom: 4px solid #F0F3D6; }
.borderBottomLightSmall { border-bottom: 1px dotted #F0F3D6; }

.borderTopDark { border-top: 4px solid #B3C234; }
.borderBottomDark { border-bottom: 4px solid #B3C234; }

/* Not used..
.big:hover { background-color: #fff; border: 1px solid #B3C234; }
.big:hover a { color: #B3C234; }*/

.big a { color: #fff; text-decoration: none; display: block; text-align: center; padding: 10px 10px 5px 10px;}

.floatLeft { float: left; }
.floatRight { float: right; }
img.floatRight { margin: 0 0 10px 10px; }
img.floatLeft { margin: 0 10px 10px 0; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignBottom { vertical-align: bottom; }
.alignTop{ vertical-align: top; }
.width25 { width: 25%; }
.width50 { width: 50%; }
.width75 { width: 75%; }
.width100 { width: 100%; } 

.superScript { margin-top: -5em; }


table.gallery {
    width: 100%;
}
table.gallery td {
    width: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 1em 0;
    position: relative;
}
.galleryPhoto,
.contentImage {
	/*background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;*/
}
.galleryPhoto img,
.contentImage {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
    margin: 10px;
	padding: 4px;
} 
#newsletter img {
   background-color: #fff;
	border: 1px solid #a9a9a9;
    margin: 10px;
	padding: 4px;
} 
#newsletter table {
    border-top: 1px dotted #a9a9a9;
}   

a .contentImage {
    border: 1px solid #a9a9a9;
}      

.noBorder {
    /*empty*/
}
.contentImage.noBorder {
    border: none;
    padding: 0;
    margin: 0;
}

/*.contentImage.floatRight { margin-right: -10px; }
.contentImage.floatLeft { margin-left: -10px; } */

body#galleryPhoto {
    margin: 0;
    padding: 10px;
}
body#galleryPhoto table {
    width: 100%;
}
body#galleryPhoto table td {
    vertical-align: top;
    padding: .5em;
}
body#galleryPhoto table img {
    border: 10px solid #000;
}
body#galleryPhoto table td p,
body#galleryPhoto table td h3 {
    color: #fff;
}