html,body{
margin:0;
padding:0;
margin-top:5px;
background-color:#b8e488;
}
* {
margin: 0;
padding: 0;
}
img{
border:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

body{
font-family: "Helvetica Neue", Arial, sans-serif;
font-size:13px
}

/*
h1,h2,h3{font: normal normal 200% Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
*/

h1{
font-size:17px;
}

h2{
font-size:15px;
}

h3{
font-size:14px;
}
h4{
font-size:13px;
}

div#content{
position:relative;
width:790px;
margin:0px auto 10px;
padding:10px 0px 10px 0px;
text-align:left;
background-color:#0099cc;
/*
border:3px dashed #000000;
*/
}

div#breadcrumbs{
/* width:998px; */
margin:0px 0px 0px 0px;
padding:0px 5px 5px 5px;
color:#FFFF66;
font-size:13px;
}

div#breadcrumbs a{
text-decoration: none; 
color:#FFFF66;
}

div#breadcrumbs a:visited {
text-decoration:none; 
color:#FFFF66;
}

div#breadcrumbs a:active {
text-decoration:none; 
color:#FFFF66;
}

div#breadcrumbs a:hover {
text-decoration:underline; 
color:#FFFF66;
}

div#leftLinks{
display:inline;
float:left;
width: 200px;
padding:0px;
margin:0px 10px 10px 10px;
background-color:#0099cc;

}

div#leftLinks ul{
width:200px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#0099cc;
/*
border:1px solid #33599c;
*/
}

div#leftLinks li{
margin:7px 0px 0px 0px;
text-align:right;
}

div#leftLinks a{font-size:14px;text-decoration: none; color:#ffffff;font-weight:bold;}
div#leftLinks a:visited {text-decoration: none; color:#ffffff;font-weight:bold;}
div#leftLinks a:active {text-decoration: none; color: #ffffff;font-weight:bold;}
div#leftLinks a:hover {text-decoration: underline; color:#ffffff;font-weight:bold;}


div#leftLinks p{margin:5px 0 10px;padding: 0 10px;}

#pageContent{
display:inline;
float:right;
margin:0px 10px 0px 0px;
padding:10px 10px 10px 10px;
width:535px;
background-color:#f8fcfc;
}

#pageContent ul, #pageContent ol{

margin:0px 0px 10px 20px;
padding:0px 0px 0px 20px;
}
#pageContent li{
margin-bottom:5px;
margin-right:5px;
}
#pageContent p{
line-height:1.6em;

padding:10px;
margin:0px 10px 0px 0px;
}

#pageContent h2{
color:#003366;
}


div#rightLinks{
float:right;
width:188px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

div#rightLinks ul{
width:186px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#ffffff;
border:1px solid #33599c;
}

div#rightLinks li{
margin:5px 0px 0px 5px;
}

div#rightLinks a{text-decoration: none; color:#000033;}
div#rightLinks a:visited {text-decoration: none; color:#000033;}
div#rightLinks a:active {text-decoration: none; color: #000033;}
div#rightLinks a:hover {text-decoration: none; color:#FF0000;}

div.boxTop{
background-color:#6da9e8;
color:#000033;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
font-weight:bold;
}
div.boxTop a{
width:100%;
display:block;
}
div.boxTop a:link {text-decoration: none; color:#000033;}
div.boxTop a:visited {text-decoration: none; color:#000033;}
div.boxTop a:active {text-decoration: none; color: #000033;}
div.boxTop a:hover {text-decoration: none; color:#000033;}

h1.boxTop{
background-color:#f8fcfc;
color:#CC3333;
margin:0px;
padding: 10px 0 3px;
text-align:center;
display:block;
width:535px;
}
h1.boxTop2{
background-color:#f8fcfc;
color:#CC3333;
margin:0px;
padding: 10px 0 3px;
text-align:center;
display:block;
width: 332px;
}

/* this sets the border for the bottom of a 'topped' box */
.boxBottom{
margin-bottom:5px;
padding:0px 10px 10px;
background-color:#ffffff;
}

.boxBottom2{
margin-bottom:5px;
padding:0px 10px 10px;
background-color:#ffffff;
width: 330px;
}


div#footer{
width:770px;
margin:0px 0px 10px 10px;
padding: 6px 0px;
background-color: #33599c;
color: #FFF;
text-align:center;
}

div#footer ul{list-style-type:none;margin:0;padding:0;}
div#footer li{display:inline;margin:0px 15px;}
div#footer a:link {text-decoration: none; color:#ffffff;background-color: #33599c;}
div#footer a:visited {text-decoration: none;color:#ffffff;background-color: #33599c;}
div#footer a:active {text-decoration: none;color: #ffffff;background-color: #33599c;}
div#footer a:hover {text-decoration: underline;color:#ffffff;background-color: #33599c;}




div#aboveheaderImageAdspace001{
padding:10px;
}

div#aboveHeaderH1Adspace001{
Margin:0px 0px 15px 15px;
float:right;
}

div#leftNavFooterAdspace001{
margin:0px 0px 0px 0px;
}

div#belowFooterAdspace001{
margin-top:10px;
}

/*  this next is used for the table cells on the homepage  */
p.homepageTableCell{
text-align:center;
width:95px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border:1px solid #67223b;
}

p.homepageTableCell a{
text-decoration:none;
display:block;width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

p.homepageTableCell span.boxTitle{
color:#476A23;
font-weight:bold;
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


p.homepageTableCell img{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:75px;
height:50px;
border:1px solid #5d8139;
}

/* Styling for blog starts here */

/* this first one controls the box and it's cotnents for display of a blog entry on the home page or soem other page */

div#homePageBlogDisplay{
float:right;
width:250px;
border:1px solid #013479;
margin:10px 0px 10px 10px;
padding:5px;
background-color:#F8F8F8;
} /* e4e7ec - light grey */
div#homePageBlogDisplay h2{
font-size:16px;
color:#bf1e2e;
margin-bottom:5px;
text-align:center;
}

div#homePageBlogDisplay .serendipity_entry_body{
font-size:12px;
line-height:1.3em;
padding:3px;
}

div#homePageBlogDisplay .serendipity_entry{
padding:0px;
}
div#homePageBlogDisplay .serendipity_title{
font-size:12px;
}

/*  blogPageHeaderAd shows up at the tops of any blog page */
#blogPageHeaderAd{
margin:0px auto;
text-align:center;
}

#blogPageHeaderAd a:link {font-weight:bold;font-size:16px;text-decoration: underline; color:#ffffff;}

/*  blogPostFooterAd shows up below all the comments of each blog post */
.blogPostFooterAd{
width:100%;
margin:10px 0px 0px 0px;
padding: 6px 0px;
background-color: #33599c;
color: #FFF;
text-align:center;
}
div.blogPostFooterAd a:link {font-weight:bold;font-size:16px;text-decoration: underline; color:#ffffff;}
/* This shows up at the very bottom of all the the entries - not per entry, but bottom of entries container */
#blogPageFooterAd {
margin:0px auto;
text-align:center;
}




.serendipitySideBarContent input {
    width: 150px;
}

#mainpane {
    
    margin:0px 10px 10px 0px;
    width: 98%;
    border-top: 0px;
    background-color: #FFFFFF;
    
}

#serendipityRightSideBar {
    width: 170px;
    border-left: 1px dashed #000000;
    padding: 10px;
    vertical-align: top;
}

#serendipityLeftSideBar {
    width: 100%;
    padding: 10px;
    vertical-align: top;
	text-align:right;
}


a.homelink1,
a.homelink1:hover,
a.homelink1:link,
a.homelink1:visited,
#serendipity_banner h1 {
    color: #003388;
    font-size : 16px;
    
    padding-top: 10px;
    margin: 0px;
    text-decoration: none;
}

a.homelink2,
a.homelink2:hover,
a.homelink2:link,
a.homelink2:visited,
#serendipity_banner h2 {
    color: #003388;
    
    font-size: 14px;
    margin: 0px;
    text-decoration: none;
}

.serendipity_title {

    font-size: 14px;
    font-weight: bold;
    color: #333333;
    padding-left: 5px;
    border-bottom: 1px solid #33599c;
}

.serendipity_title a:link,
.serendipity_title a:visited {
   text-decoration: none;
   border: 0;
   color: #000000;
}

.serendipity_title a:hover {
   color: #FF0000;
}

.serendipity_entry {

    color: #000000;
    font-size: 13px;
    font-weight: normal;
    padding: 10px;
    width: 100%;
margin-bottom:20px;

}

.serendipity_entry_body{
line-height:1.8em;
padding:10px;
}
.serendipity_entry_body_folded,
.serendipity_entry_body_unfolded,
.serendipity_entry_extended {
    /* Inner blocks of .serendipity_entry, can be used for further customization */
}

.serendipity_entry_date {
    margin: auto;
}

.serendipity_date {
    margin: 0;
    margin-right:10px;
    text-align: right;
}

.serendipity_commentsTitle {

    font-size: small;
    font-weight: bold;
    margin-top: 0px;
	margin-bottom:5px;
    color: #333333;
    padding-left: 5px;
    border-bottom: 1px solid #33599c;
}

div.serendipity_entryFooter {

    font-size: x-small;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 4px;
    clear: both;
	border-bottom: 1px solid #33599c;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

td.serendipity_commentsLabel {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select,
td.serendipity_commentsValue textarea {
    font-size: 12px;
    padding: 2px;
    width: 400px;
}


.serendipity_commentForm {
    font-size: 13px;
    color: #404040;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}
.serendipity_comment {
    font-size: 13px;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    color: #404040;
    padding: 3px;
    background-color: #FFFFFF;
    overflow: auto;
}

.serendipity_comment_source {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 3px;
}


table.serendipity_calendar td {
    font-size:11px;
    padding: 3px;
}
table.serendipity_calendar a {
    color: #FF0000;
    font-weight: bold;
    text-decoration:none;
}

table.serendipity_calendar a:hover {
    text-decoration: none;
}

td.serendipity_weekDayName {
    font-size:11px;
    font-weight:bold;
}
td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}

div.serendipityPlug {
    padding-left: 10px;
}

div.serendipityPlug a {
    text-decoration: none;
    border: 0px;
}

/* Container for each item on the side bar */
div.serendipitySideBarItem {
   
    margin-bottom: 10px;
    font-size: 12px;
    font-weight:normal;
	/*
    border-bottom: 1px solid #33599c;
	*/
}

/* title of an individual item */
.serendipitySideBarTitle {
    margin: 0;

    color: #000000;
    font-size: 12px;
    font-weight:bold;
    padding-left:2px;
    padding-bottom:2px;
}

.serendipityImageButton {
    cursor: pointer;
}
.serendipity_entry p {
    margin-top: 0px;
    padding-bottom: 0px;
}

/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #DDDDDD;
    background-color: #EFEFEF;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

.serendipity_comments {
margin-left:10px;
width: 90%;
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

.serendipity_entry_author_self {
}

.serendipity_comment_author_self .serendipity_comment_source {
    background-color: #EEEEFF;
}

input, textarea, select {
    margin-bottom:5px;
}

/* styling for email contact form start here */
/* mailingForm is the id of the iframe that holds the form */
#mailingForm{
margin-left:10px;
}

/*the html and body tags can have margins and styles different fro main page 
html#contactFormHtml{
background-color:#ffffff;
}

body#contactFormBody{
/* this broken link allows the background color of the iframe to be differnt from the main page 
background: url(http://www.chicagosgirlonthego.com/images/dummyImageToChangeBackground.jpg) ; 
background-color:#ffffff;
} */

div#contactFormRequiredText{
float:right;
margin-right:10px;
font-size:0.85em;
color:#ff0000;
}

/* this is the asterisk before the word 'Required' */
div#contactFormRequiredText span#theAsterisk{
color:#ff0000;
}

/* this is the asterisk after the input box */
span.requiredField{
color:#ff0000;
}

form#emailContactForm{
padding:0px 0px 0px 10px;
margin:0px 10px 0px 0px;
}

form#emailContactForm legend{
color:#00305E;
background-color:#ffffff;
font-weight:bold;
font-size:15px;
}

form#emailContactForm input{
margin:0px 0px 5px 0px;
}

form#emailContactForm label{
color:#000000;
font-weight:bold;
font-size:14px;
}

form#emailContactForm fieldset{
padding:10px;
padding-left:25px;
border:1px solid #cccccc;
background-color:white;
}

form#emailContactForm textarea{
padding:10px;
}

.alertBox{
font-size:0.85em;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 20px;
}
.alertbox ul{
list-style-type:none;
}
.alertBox li{
color:#ff0000;
padding-top:3px;
padding-bottom:3px;
}
/* styling for email contact form end here */