/* stop right scroll bar appearing and pushing content left */
html { overflow-y: scroll; }

/* CSS Document */

.clear {clear:both}

/* solid color version */
body {
    font-family:Arial, Verdana, Helvetica;
    /* font-size:76%; */
    font-size:88%;
    color:#21007F;
    padding: 0;
    margin: 0;
    background-color:#336699;  /*//blue  */
    /* background-color:#E0E0E0;  /* main background color: gray */ */
}

/* shaded background version */
/*
body {
  background: url("../Images/bg-gradient.gif") repeat-x scroll 0 0 transparent;
  color: #21007F;
  font-family: Arial,Verdana,Helvetica,san-serif;
  font-size:88%;
  padding: 0;
  margin: 0;
}
*/

#topBar1 {
    background-color:#336699;
    width:960px;
    height:20px;
    margin:0 auto;  /* float center */
}

#topBar2 {
    background-color:#C8E06F;
    width:960px;
    height:8px;
    margin:0 auto;  /* float center */
}

#structure { 
    width:960px;
    margin: 20px auto 0px;
}

#wrapper { 
    background-color:#fff;
    text-align:left;
    width:960px;
    float:left;
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); */
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}


/* HEADER */

#logoBar { 
  width:960px;
  height:60px;
  background-color:#fff;
  margin: 0;
  padding: 0;
}

.logo { 
  width:310px;
  height:40px;
  float:left;
  margin: 0 0 0 20px;
  padding: 0;
}

.logo img { 
  border:0;
}


/* SOCIAL NAVIGATION */

#socialNav { 
  margin-right: 30px;
}

.sn {
  text-decoration:none;
  list-style:none;
}

ul.sn li {
  display: inline;
}


/* MAIN NAVIGATION */

#mainNav {
  width:960px;
  height:40px;
  /* background:#E9E8EE; */
  background:#21007F;
}

.mn {
  margin: 0 0 0 30px;
  text-decoration:none;
  list-style:none;
}

ul.mn li {
  display: inline;
}

div#loginBar {
  float:right;
  padding-right:30px;
}

div#loginBar a:visited { color:#DF0101;}
div#loginBar a:hover{ color:#DF0101; text-decoration:underline;}
div#loginBar a:visited:hover{ color:#DF0101;}

 
#menuBar {
  width:960px;
  height:3px;
  background:#21007F;  /* #336699 */
}


/* BREADCRUMB */

#breadcrumb {
  width:600px;
  padding-left: 30px;
  /* background-color:#fff; */
  /* float:left; */
}

/* CONTENT */

#content { 
  width:900px;
  padding: 10px 30px 18px 30px;
  margin: 0;
  background-color:#fff;
  float:left;
}

.left {
  float:left;
  /* padding:0 5px 5px 5px; */
  /* background-color:#EEEEEE; */
}

/* carousel */
#slides {
  float:right;
  background-color:#FFFFFF;
  width:438px;
  height:213px;
  border-style:none;
  /* padding-left:20px; */
  /* padding-top:5px; */
}

/* thought of the day */
.right {
  float:right;
  width:418px;
  padding:5px 0 12px 20px;
  background-color:#F7F7F7;
  /* background: url("../Images/bg-gradient.gif") repeat-x scroll 0 0 transparent; */  
  height:350px;
  margin-top:12px;
}

/* fear and greed indicator */
.right_extra1 {
  float:right;
  width:418px;
  /*padding:10px 0 10px 10px; */;
  padding: 10px;
  background-color:#F7F7F7;
  /* background: url("../Images/bg-gradient.gif") repeat-x scroll 0 0 transparent; */  
  height:280px;
  margin-top:12px;
}



#homeLeft { 
  float:left;
  background-color:#dcf0e0;
  padding: 0 0 0 0;
}

#homeRight { 
  width:400px;
  float:right;
}  

#contentLeft { 
  width:250px;
  float:left;
  padding: 0 0 0 0;
}

#contentMid { 
  width:440px;
  float:left;
  padding-right:40px;
}

#contentMid p { 
  font-size: 1.0em;
  line-height: 1.6em;
}

#contentLong {
        width:720px;
        float:left;
        padding-right:10px;
  margin-top: 20px;
}

#contentRight { 
  width:170px;
  float:left;
}  

.bodyImg { 
  margin-left:20px;
  border:0;
}



/* FOOTER */

/*
#footer {
  text-align:right;
  padding: 6px 30px 0 0;
  margin: 0;
  clear:both;
}
*/

#footer {
    text-align:right;
    /* background-color: #000000; */
    /* background-color: #CC0; */
    background-color: #21007F;
    clear: both;
    width: 100%;
}

#footer p {
  /* color:#8A827B; */
  color:#21007F;  /* colour is menu blue */
  font-size: 0.9em;
}

#colophon {
  padding:5px 15px 5px;
}

#site-info {
  color:#FFFFFF;
}


#meme {
  padding-left:30px;
  padding-bottom:10px;
}

.createdInfo {
  font-size:0.8em;
  /* text-align:right; */
  padding-left:30px;
  /* margin-left:30px; */
  margin-bottom:20px;
  /* padding:20px,20px,20px,20px; */
}

/* TIPS COUNTER */

.tipsCounter  {
    display: block;
    float: right;
    width: 120px;
    margin-right:28px;

    background: none repeat scroll 0 0 #FFF6BF;    /* #FFF6BF light yellow */
    border: 1px solid #FFD324;   /*#FFD324 yellow border */
    padding: 10px 0;
    text-align: center;
}
.tipsCounter h4, .tipsCounter span { color:#FF960C; }   /* #FF960C orange yellow */

.rounded {
    -moz-border-radius: 10px 10px 10px 10px;
}


/* SITEMAP */
div#sitemap {
  width:800px;
}

#sitemap ul {
  list-style-type:none;
  color:#DF0101;   # nice red
}

#sitemap ul ul {
  list-style-type:disc;
  text-indent:30px;
}

#sitemap ul ul ul {
  list-style-type:disc;
  text-indent:60px;
  color:#7DCF00;
}

#sitemap ul ul ul ul{
  list-style-type:disc;
  text-indent:90px;
  color:#7DCF00;
}

#sitemap ul ul ul ul ul{
  list-style-type:disc;
  text-indent:120px;
  color:#7DCF00;
}

#sitemap ul ul ul ul ul ul{
  list-style-type:disc;
  text-indent:150px;
  color:#7DCF00;
}


/* HOMEPAGE */

.homepageBoxed .boxedHeader { padding:5px 10px; position:relative; }

.homepageBoxed {
    width:448px;
    margin:0 0 8px 0px;
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    }

.homepageBoxed .homepageBoxedContent {
    padding:10px 0 0 0;
}

.homepageBoxedContentTwitter {
    padding:0;
}

.homepageBoxed img#CS {
    border-bottom:1px solid #CCCCCC;
    margin:0 0 -10px 0;
    }

.homepageBoxed .boxedHeader  {
  background:url(/images/boxed_header.jpg) repeat-x bottom;
  border-bottom:1px solid #CCCCCC;
  overflow:hidden;
}

.homepageBoxedContent p {
  font-size:12px;
  padding: 0 10px 10px 10px;
}

#twitterLogo h2 span {
    background: url("/images/home-twitter.gif") no-repeat scroll 0 0 transparent;
    margin-top: -7px;
    position: absolute;
    width: 100%;
    height:25px;
}

#twitterLogo h2 {
    width:107px;
    height:16px;
    position:relative;
    margin-top:0;
    padding-top:5px;
    color:#333333;
    font-size:1em;
}


/* BUTTON LINKS */

<!--
a.btn_blue  {
  background:transparent url(/images/btn_blueEnd.jpg) no-repeat scroll top right;
  color:#FFF;
  display:block;
  float:left;
  padding:0 22px 0 0;
  height:23px;
  text-decoration:none;
  }


a.btn_blue span {
  background:transparent url(/images/btn_blueBg.jpg) no-repeat;
  line-height:13px;
  padding:5px 0 5px 5px;
  display:block;
  }

a.btn_blue:hover {
  color:#000;
}

-->


/* PAGINATION */

div.pageLinks {
  float:right;
  /* text-align:center; */
}



/* INPUT FORM SEARCH */

.toolSearch {
    float: right;
    padding:4px 20px;
}

input[type="text"]#search, textarea {
    background-color: #DADADA;
    border-color: #999999 #DADADA #DADADA;
    border-right: 1px solid #DADADA;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

input[type="text"]#search:focus, textarea:focus {
    background-color: #fff; /* #FDFFEB; */
    border-color: #555555 #999999 #999999;
    border-right: 1px solid #999999;
    border-style: solid;
    border-width: 1px;
}


/* SEARCH RESULTS */

div#search {
  width:700px;
  padding-left:20px;
}

div#searchResults ul{
  background-color:#EEEEEE;
  padding-left:20px;
  list-style-type:none;
}

div#searchResults ul li{
  padding:10px 0;
}


/* CONTACT ME AND UPLOAD FILE FORM */

div.contactMeForm, div.uploadFileForm {
  font-size:0.9em;
  width:600px;
  padding: 10px 30px 20px 50px;
  background-color:#EEEEEE;
  line-height:20px
  /* border:3px solid #336699; */
}

input[type="text"].contactMe {
  width:180px;
}

textarea.contactMe {
  width:500px;
  height:160px;
  
}

input[type="submit"].contactMe, input[type="submit"].uploadFile {
  float:right;
  width:88px;
}

div.contactMeForm select {
  width:180px;
  height:22px;
}

select.uploadFile {
  width:120px;
  height:22px;  
}

/* LOGIN */
div#loginBox{
  width:400px;
  padding-left:230px;
  font-size:1.2em;
}

div#loginBox table {
  background-color:#EEEEEE;
  margin:30px 0 30px 0;
}

div#loginBox>:first-child {
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
}

div#loginBox input[type="checkbox"] {
  margin-top:15px;
  margin-left:112px;
}

div#loginBox label {
  padding-left:10px;
  padding-right:10px;
}

div#loginBox input[type="submit"] {
  margin:20px 15px 0 0;
  width:80px;
}

div#loginBox td {
  border:none;
}

div#loginBox table table tbody tr:first-child {
  font-size:1.3em;
  font-weight:500;
}

div#loginBox table table tbody span {
  padding-left:5px;
  color:red;
    
}


/* validation message */
span.contactMeValidation, span.uploadFileValidation {
  color:#DF0101;
  font-size:0.9em;
}

/* current datetime */
span.currentDateTime {
  float:right;
  font-size:0.9em;
  color:#999999;
  margin: -5px;
}

span#uploadFileLink {
  padding-left:30px;
}



















































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */