/*------|  T Y P E S T Y L E S   |------------------------------------------*/

p {font-size:1em;
line-height:135%;
margin-bottom:1em;
color:gray;
}

p strong{
color:#555;
}

blockquote{
margin-left:15px;
}

ul, li {
color:gray;
margin-bottom:1em;
line-height:135%;
}

li{
margin-left:20px;
margin-bottom:0;
}

.leadIn p{
font-size:1.3em;
}

h1,h2,h3 {
margin-bottom:.4em;
line-height:100%;
color:#64997D;
}

h1 {font-size:2.2em;}
h2 {font-size:1.9em;}
h3 {font-size:1.2em;}

h4 {
color:#4B7862;
font-size:1.1em;
float:left;
line-height:120%;
margin-right:.4em;
}

h5 {
color:#bbb;
font-size:1.3em;
font-weight:normal;
float:right;
width:40%;
border-left:1px dotted #ccc;
margin-left:10px;
padding-left:15px;
}

.sidebar h5{
border:none;
padding:0;
margin:0;
width:100%;
}

iframe {
border:none;
margin:20px -25px;
width:750px;
height:2680px;
overflow:hidden;
}

* html .divider{
width:510px;padding:0px;
height:1px;
}

.subhead{
color:gray;
float:none;
margin:-5px 0 30px 0;
}
*{
margin:0px;
padding:0px;
}

body{
font-size:75%;
text-align:center;
background:#e7efdb;
font-family:Trebuchet MS, Arial, Helvetica;
}
/*------|  Structure |-----------------------------------------------*/

#container{
text-align:left;
position:relative;
width:750px;
background:white;
margin:0 auto;
padding:0px 15px;
background: url(/siteImages/bodyBG.gif) repeat-y;
}

#banner{
height:115px;
margin:0 -15px 0;
overflow:hidden;
}

#content, #contentXL{
position:relative;
width:450px;
padding:25px;
float:left;
}

* html #content{
width:500px;
w\idth:450px;
}

#contentXL{
width:700px;
}

.sidebar {
background:#F0F5E9 url(/siteImages/whiteCornersBottom.gif) no-repeat bottom right;
float:right;clear:right;
width:200px;
margin:0 25px 20px 0;
padding:10px;
}

* html .sidebar{
width:220px;
w\idth:200px;
}

#footer{
height:40px;
margin:0 -8px;
clear:both;
background: url(/siteImages/footerBG.gif) no-repeat bottom center;
padding:0 8px 25px;
}

/*------|  Structure Content   |-----------------------------------------------*/
#banner h3 {
position:absolute;
z-index:100;
top:38px;left:65px;
letter-spacing:.23em;
color:#aaa;
font-size:14px;
font-weight:normal;
line-height:140%;
}

#banner h3 strong{
color:#64997D;
font-size:16px;
line-height:20px;
letter-spacing:.3em;
}

.sidebar h3 {
padding:5px 10px;color:white;font-size:1.2em;
background:#83AF9A url(/siteImages/whiteCorners.gif) no-repeat top right;
margin:-10px -10px 0;
}

.sidebarMisc{
float:right;clear:right;
width:220px;
margin:10px 25px 20px 0;
text-align:center;
padding:2px;
}

* html .sidebarMisc, * html .sidebar {margin-right:10px;}

#footerLiner{
width:720px;
border-top:1px solid #ddd;
clear:both;
padding:15px 15px 0;
font-size:11px;
background: url(/siteImages/gradDown.gif) repeat-x 0px 0px;
text-align:center;
}

* html #footerLiner{
width:750px;
w\idth:720px;
}

#footer a, .story a{color:#4B7862}
#footer a:hover, .story a:hover{color:#000}
#footer p{margin:0;}

#c2 {
margin:-5px 0 0 0;
float:right;clear:none;
width:125px;
height:25px;
}

#c2 a{
display:block;
width:125px;
height:25px;
}
#c2, #c2 a{
background: url(/siteImages/builtByC2.gif) no-repeat bottom right;
}

#c2:hover, #c2 a:hover{
background: url(/siteImages/builtByC2.gif) no-repeat top right;
}
/*------| S E A R C H |---------------------------------------*/
#search{
float:left;
height:19px;padding:5px 0 5px 25px;
border-right:1px solid #ddd;
}

#search input{
background:#fff;
border:1px #bbb inset;
width:130px;
float:left;clear:none;
margin:0;
}

#search a{
float:left;clear:none;
margin:0 15px 0 10px;
text-align:center;
width:16px;
height:16px;
background:#dde7d0 url(/siteImages/controlsWhiteSmall.gif);
background-position:64px 0px;
font-size:9px;
padding:0;border:none;
}

* html #search a {
margin-top:3px;
}

#search a:hover {
background-color:#9DC8B3;
background-position:64px 16px;
}

#search a:active {
background-color:white;
}

#searchHead{
margin-bottom:30px;
}

#searchCount{
position:absolute;
top:52px;left:25px;
}
/*------|  Story   |-----------------------------------------------------*/

.story {}

.story h3{ margin-top:15px;}

.button a, .sidebarMisc a{
font-size:11px;
clear:both;float:right;
color:#666;
text-decoration:none;
border:1px outset;
border-color:#f1f1f1 #c0c0c0 #c0c0c0 #f1f1f1; 
padding:2px 5px;
background: url(/siteImages/gradUp.gif) repeat-x bottom left;
margin:-10px 0 15px;
}

.sidebarMisc a{float:none}

.button a:hover, .sidebarMisc a:hover {
color:#555;
background:#e7efdb url(/./diversity/siteImages/gradUpGreen.gif) repeat-x bottom left;
}

/*------|  Details   |-----------------------------------------------------*/
.details, .detailsSmall{
background:#F0F5E9 url(/siteImages/whiteCornersBottom.gif) no-repeat bottom left;
float:right;clear:right;
width:30%;
font-size:11px;
margin:0 0 15px 15px;
padding:10px;
}

.detailsSmall{
float:left;
margin:0 10px 0 0;
padding:0;width:55px;height:50px;
text-align:center;
}

.detailsSmall h3{
margin-top:0px;
display:block;
background:#639E82;
color:white;
padding:3px 0;
font-size:.9em;

}

.detailsSmall h2{
margin:0;
font-size:2em;
margin:0 3px;
text-align:center;
}

.detailsSmall p{
font-size:1em;
margin-bottom:0;
}

.details p{
margin-bottom:5px;
}

.details h3{
margin-top:0px;
}

.details h4{
text-align:left;
margin:0;padding:0;
width:100%;
}

.details ul{
float:left;
list-style:none;
width:100%;
padding:0px;margin:0;
}

.details li{
margin:0 0 3px 0;
}

.details a{
margin:0;
float:left;
}

.details p a {
float:none;
}

.textlink a{
float:right;
margin:-5px 0 15px;
font-size:11px;
}

#logo{
float:right;clear:both;
width:100%;text-align:center;
}

#logo img{
float:none;
margin: auto;
}

/*------|  Columns   |-----------------------------------------------------*/

.left, .right, .middle {
float:left;clear:none;
}

.left {
clear:left;
border-right:1px solid #eee;
width:100%;
}

.right {
padding-left:20px;
clear:both;
border-left:1px solid #eee;
}

.right img, .middle img{
float:left;clear:none;
margin:15px 10px 3px 0px;}

.left img{
float:left;clear:none;
margin:15px 10px 3px 0;
}

.left p, .left a{
margin-right:15px;
}


.one img {
float:left;clear:none;
margin:0 10px 3px 0;
}

.one, .two, .three, .four{
clear:none; float:left;
border-top:1px solid #eee;
}

.one {width:100%;}
.two {width:50%;}
.three {width:33%;}
.four {width:25%;}

/*------|  E M A I L  F O R M   |------------------------------------------*/
#emailForm {
float:left;
clear:none;
width:100%;
color:gray;
}
fieldset{border:none;}

legend {display:none;}

label{
float:left;
clear:left;
padding-top:5px;
height:17px;
vertical-align:baseline;
display:block;
margin-top:10px;
}

#email, #name, #message, #receiver {
border:1px inset #ccc;
background:#f5f5f5;
margin-bottom:15px;
width:80%;float:right;
padding:0;clear:right;
}

#message {

}

#email, #phone, #name, #receiver {
height:15px;
}

input {
clear:both;float:right;
}

input {
font-size:1em;
font-size:10px;
color:#888;
text-decoration:none;
border:1px outset;
border-color:#f1f1f1 #c0c0c0 #c0c0c0 #f1f1f1; 
padding:2px 5px;
background: url(/siteImages/gradUp.gif) repeat-x bottom left;
margin:0 0 15px;
}

input:hover {
color:#555;
border-color:#fff4bf #eec835 #eec835 #fff4bf; 
background:#e7efdb url(/siteImages/gradUpGreen.gif) repeat-x bottom left;
}

.buttonList *{
list-style-type:none;
margin:0;padding:0;
font-size:11px;
}

.buttonList li{
float:right;
margin: 0 0 10px 10px;
}

.buttonList a{
color:#639e82;
}

.buttonList a:hover{
color:black;
}
#nav1{} 

.tabNav {
list-style:none;
position:absolute;
top:87px;right:15px;
z-index:100;
height:30px;
padding:0;
font-size:11px;
}

* html .tabNav{
/* commented backslash hack v2 \*/
right:25px;
/* end hack */
}   

.tabNav li {
float:left;
margin:0 0 0 -6px;
padding:0px;
line-height:100%;
}

.tabNav a {
display:block;
color:#888;
padding:11px 15px 6px 25px;
background: url(/siteImages/tabBG.png);
text-decoration:none;
text-align:center;

}

* html .tabNav a, * html .tabNav li {
float:none;
/* commented backslash hack v2 \*/
float:left;
background: url(/siteImages/tabBothBG.gif) 100px 0px;
/* end hack */
}

.tabNav a:hover {
color:#333;
}

* html .tabNav a:hover {
background: url(/siteImages/tabBothBG.gif) 100px 0px;
}


.tabNav .current li {
}

.tabNav .current a {
background: url(/siteImages/tabActiveBG.png);
}

* html .tabNav .current a, * html .tabNav .current li {
float:none;
/* commented backslash hack v2 \*/
background: url(/siteImages/tabBothBG.gif);
background-position: top left;
/* end hack */
}

.tabNav .current a:hover  {
color:black;

}

* html .tabNav .current a:hover, * html .tabNav .current li:hover  {
background-position: top left;
}

/*---------|  N A V I G A T I O N  2  |-----------------------*/
#nav2{
float:left;
clear:both;
width:750px;
height:30px;
border-top:1px solid #ddd;
background: url(/siteImages/gradUp.gif) repeat-x 100% 130%;
}

.navCategory ul{
list-style:none;
font-size:11px;
white-space:nowrap;
margin:0;
float:right;clear:none;
}

* html .navCategory ul{
margin-right:0px;
}

.navCategory li {
margin:0;float:left;
}

.navCategory a, .navCategory a:link{
margin:0;
padding:8px 12px 7px;
color:gray;
border-left:1px solid #e5e5e5;
text-decoration:none;
float:left;
}

.selected a{
background:white;
}

.navCategory a:hover{
color:#333;
background:#F0F5E9;
}

/*---------|  N A V I G A T I O N  3  |-----------------------*/
#nav3 {
clear:both;
background: url(/siteImages/gradDown.gif) repeat-x 0px -8px;
border-top:1px solid #ddd;
height:30px;width:100%;
margin:10px 0 0 0;
font-size:11px;
}

#nav3 .navCategory {
float:left;
list-style:none;
margin:0
}
#nav3 li {float:left;clear:none;}

#nav3 .navCategory a{
border:1px solid #e5e5e5;
border-width:0 1px 0 0;
}

li#edit{
float:right;clear:none;
}

#nav3 #edit a{
border-width:0 0 0 1px;
}

/*------| L I S T S   |---------------------------------------*/
dt {
font-size:1.3em;
margin:10px 0px 0px;
color:#64997d;
border-bottom:1px solid #ddd;
padding:3px 0;
font-weight:bold;}

dd {
display:block;
font-size:11px;
color:gray;
line-height:100%;
}

dd a{
display:block;
color:gray;
text-decoration:none;
padding:4px 10px;
margin:0px -10px;
}

dd a:hover{
color:#333;
background:#dde7d0;
}

.story dd a{
display:inline;
padding:0px;
margin:0;
font-weight:bold;
text-decoration:underline;
}

.story dd a:hover{
color:black;
background:none;
}

.story dd{
line-height:120%;
padding:5px 10px 5px;}

.story dd:hover{
background:#dde7d0;
}

.details dt{
margin:0px
}

.details dl{
float:left;
clear:both;
margin:0 0 5px 0;
width:100%;
}

.details dd {
margin:0;padding:0;
}

.details dd a{
margin:2px -10px -5px;
padding:5px 10px;
display:block;
width:100%;
}

.details dd a:hover{
background:#dde7d0;
}

/*------| B I G   C A L E N D A R    |---------------------------------------*/

.bigCal {
border-collapse:collapse;
text-align:center;
width:100%;
}

.bigCal a {
display:block;
background:#f9f9f9 url(/siteImages/grayCornersBottom.gif) no-repeat bottom left;
margin:10px 5px;padding:10px;
color:gray;
font-weight:normal;
font-size:10px;
text-decoration:none;
line-height:100%;
clear:both;
}

.bigCal th {

background:#83AF9A;
font-size:14px;
color:#fff;
border-bottom:1px solid white;
}

.bigCal th a {
font-size:30px;
color:#FFF;
margin:0px;
}

.bigCal td a:hover{
display:block;
background-color:#639E82;
color:white;
}

.bigCal th a:hover{
display:block;
background-color:#639E82;
color:white;
}

.bigCal td {
vertical-align:top;
width:14%;
color:#888;
text-align:center;
border:0px solid white;
border-width:0 1px 1px 0;
background:#f1f1f1 url(/siteImages/whiteCornersBottom.gif) no-repeat bottom left;
padding-top:4px;
height:70px;
}

.bigCal td:hover {
background-color:#eee;
}

.bigCal .permalink {
display:block;
margin-bottom:0.5em;
text-align:left;
line-height:100%;
}

.bigCal td.today {
color:#fff;
background:#e5e5e5 url(/siteImages/whiteCornersBottom.gif) no-repeat bottom left;
padding-top:4px;
}

.bigCal td.today div.date {
color:#FFF;
}

.bigCal td.invalidDay {
background-color:#f8f8f8;
}

.bigCal div.date {
text-align:right;
font-weight:bold;
color:#666;
}

.bigCal .hasarticle {
background-color:#eee;
}

.bigCal h4 { 
font-size:14px;
margin:1px 0 5px 5px;
text-align:right;
font-weight:bold;
color:#639E82
}
a.calBack {
background:#fa0;    
padding:0;margin:0;
background:#83AF9A url(/siteImages/whiteCorners.gif) no-repeat top left;
}

a.calFwd {
font-size:20px;
background:#83AF9A url(/siteImages/whiteCorners.gif) no-repeat top right;
padding:0;margin:0;
}

.calMonth {

padding:6px;
border:0px solid white;
border-width:0px 1px
}

.calDays th {
background:#639E82 url(/siteImages/whiteCornersBottom.gif) no-repeat bottom left; 
border:0px solid white; 
border-width:0px 1px 1px 0;
padding:6px;
}

/*------| S M A L L   C A L E N D A R    |---------------------------------------*/

#cal {
width:220px;
float:right;
margin:33px 25px 0 0;
}

* html #cal {margin-right:10px;}

.smallCal {
border-collapse:collapse;
text-align:center;
width:100%;
font-size:11px;
}

.smallCal a {
color:#888;
background:#CFE1D8 url(/siteImages/whiteCornersBottom.gif) no-repeat -1px 110%;
display:block;
text-decoration:none;
padding:5px 0;margin:-5px 0;
}

.smallCal th {
background:#83AF9A;
font-size:12px;
color:#fff;
border-bottom:1px solid white;
padding:0px;
}

.smallCal th a {
font-size:20px;
color:#FFF;
}

.smallCal td a:hover{
display:block;
background-color:#639E82;
color:white;
}

.smallCal th a:hover{
display:block;
background-color:#639E82;
color:white;
}

.smallCal td {
vertical-align:middle;
color:#888;
width:14%;
text-align:center;
border:0px solid white;
border-width:0 1px 1px 0;
background:#f1f1f1 url(/siteImages/whiteCornersBottom.gif) no-repeat -1px 110%;
padding:5px 0px;
}

.smallCal td:hover {
background-color:#e5e5e5;
}

.smallCal .permalink {
display:block;
margin-bottom:0.5em;
text-align:left;
line-height:100%;
}

.smallCal td.today {
color:gray;font-weight:bold;
background:#e5e5e5 url(/siteImages/whiteCornersBottom.gif) no-repeat -1px 110%;
padding-top:5px;
}

.smallCal td.today div.date {
color:#000;
}

.smallCal td.invalidDay {
background-color:#f5f5f5;
}

a.calBack {
font-size:14px;
padding:0;margin:0;
background:#83AF9A url(/siteImages/whiteCorners.gif) no-repeat top left;
}

a.calFwd {
font-size:14px;
background:#83AF9A url(/siteImages/whiteCorners.gif) no-repeat top right;
padding:0;margin:0;
}

.calDays th {
font-size:11px;
padding:2px 0;
border:0px solid white; 
border-width:0px 1px 1px 0;
background-color:#639E82;
}

/*-----------|  Gallery   | -------------------------*/
#jpopcap{
position:absolute;
top:326px;right:0;
width:300px;height:70px;
padding:10px 20px;
z-index:300;
background:white;
border:0px solid gray;
border-width:1px 0 0 1px;
font-size:11px;color:gray;
line-height:140%;
}

.rssThumbFloat a img{
float:left; 
clear:none;
border:1px solid #ddd;
margin:10px;
text-align:center;
padding:1px;
margin-right:0;
}

.rssThumbFloat a:hover img{
border:5px solid #ddd;
margin:6px;
margin-right:-4px;
}

.rssThumbs {
position:relative;
border-top:1px solid gray;
width:400px; height:90px;
overflow:auto;
margin:-1px -25px -25px;
float:left;clear:none;
background:white;
padding:0px;
}

* html .rssThumbs{
margin:-1px 0 -25px ;
}

#fullsize {
border:0px solid gray;
border-width:1px 0;
clear:both;float:left;
width:750px;
text-align: center;
margin:0px -25px 0px;
height:300px;
overflow:hidden;
float:left;clear:both;
}

* html #fullsize {
margin:0 -12px;
}

#fullsize img{
padding:0 15px 0 0px;
border-left: 1px solid gray;
background: url(/siteImages/gradRight.gif) repeat-y top right;
}

#desc {display:none}

/*-----------|  Live Archive | -------------------------*/
#livearchives{
}

#rssLiveArchive { 
}

#rssLiveArchive a{
text-decoration:none;
color:#777;font-size:11px;
font-weight:normal;
}

#rssLiveArchive ul { 
border-top:1px solid #ccc;
padding:0; 
list-style-type:none;
}

#rssLiveArchive ul li { 
padding:3px 8px; 
display:block;
margin:0 2px 2px 0;
background:#f5f5f5 url(/siteImages/whiteCornersBottom.gif) no-repeat bottom right;
}

#rssLiveArchive ul li:hover { 
background-color:#e5e5e5;}

#rssLiveArchive-year { 
float:left; 
width:15%;
margin:0; 
padding:0; 
}

#rssLiveArchive-year li {
font-weight:bold; 
}

#rssLiveArchive-month { 
float:left; 
width:25%;
margin:0; 
font-weight:bold;
}

#rssLiveArchive-month li { 
position:relative; }

#rssLiveArchive-post { 
float:left; 
width:60%; 
margin:0;
}

#rssLiveArchive-post li { 
position:relative; 
}

#rssLiveArchive ul li span {
font-weight:bold;
text-align:center; 
float:left; width:15px;
background:#dde7d0;
margin:-3px 10px 0 -8px;
padding:3px 6px;
color:#555; }

#rssLiveArchive ul li a {color:#555; }

* html #rssLiveArchive ul li span { top:-4px; }

#rssLiveArchive .selected { 
background-color:#e7efdb; }

#rssLiveArchive .selected:hover { 
background-color:#dde7d0; }