/* some browsers do not recognize margin-top correctly so set to 0 
      and in CSS code use padding instead */

/* Reset browser defaults */
* {margin: 0;
   padding: 0;
  }

/* ------------------------------------------- 
     Unique application defaults          
   ------------------------------------------- */
        
body { 
	color: #555555;    /* dark gray for default font*/
	background: #cecece url(images/bodyBg_grey.jpg) repeat; 
	margin: 0;
        font-style:normal; font-variant:normal; font-weight:normal; 
        font: 16px arial, verdana, sans-serif; 
	}
img {border: none;
   }

a:link, a:visited { 
	text-decoration: underline; 
	color: #7b7b7b; !important; /* Always use no matter if under higher color rule */
	font-size: 13px;
	font-weight: bold;
	}
a:hover { 
	text-decoration: none; 
	color: #750000; !important; /* Always use no matter if under higher color rule */
	}
a:active { 
	text-decoration: underline; 
	color: #7b7b7b;  !important; /* Always use no matter if under higher color rule */
	font-size: 13px;
	font-weight: bold;
	}

/* -------------------------------- */
/*  Selectors, Elements, Ids        */
/* -------------------------------- */
 
/* need width to use relative position, need relative vs absolute position to use margin auto to center */
/* 40 px added to 1024 width as handles 20px margins differently than WP Blog theme */
#container { 
	background:#ffffff repeat; 
	border-style:solid; border-width:10px; border-color:#FFFFFF; 
	margin: 20px auto;   
	position: relative;
	width: 1064px;       
        top: 0px;
	}

#content {
        padding: 45px 0px 0px 40px;
	min-height: 400px;
	overflow: auto;
	}

#header { 
        background: url('images/header.jpg') no-repeat;
        margin: 0 auto;
        width: 1064px;
        position: relative;
	height: 198px;  
	}
 
/* green - substitute for paragraph sometime to get single spacing, when break isn't applicable*/ 
h1 { 
	font: 20px  arial, verdana, sans-serif; 
	color: #750000; 
	padding: 0 0 12px 0;
	text-align: left;      
	}
h2 { 
	font: bold 14px arial, verdana, sans-serif; 
	line-height: 17px;
	padding: 4px 0 8px 0;
	color: #4d6d5e;
 
	}

/* crimson */ 
h3 { 
	font: bold 18px arial, verdana, sans-serif; 
	color: #750000; 
	padding: 0 0 17px 0;       
	}
	
 /* green */
h4 { 
	font: bold 15px arial, verdana, sans-serif; 
	padding: 0 0 17px 0;
	color: #4d6d5e;
	}

/* crimson */
h5 { 
	font: bold 15px arial, verdana, sans-serif; 
	padding: 0 0 17px 0;
	color: #750000;
	}
	
/* green */	
h6 { 
	font: bold 12px arial, verdana, sans-serif; 
	padding: 17px 0 0 0;
	color: #4d6d5e;
	}

/* part of facebook link */	
#facebook {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px; 
    line-height: 16px;
    font-variant: normal; 
    font-style: normal; 
    font-weight: normal; 
    color: #555555; 
    text-decoration: none;
    width: 120px;  
    height:130px;
    }	

/* silhouette in bathtub */	
#logo_5 { 
    background: url(images/logo_5.gif) no-repeat;
    position: absolute;
    bottom: 8px;
    right: 0px;
    left: 899px;
    height: 98px;
    width: 120px;
    z-index: 750
 	}
#footer { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal;
  	padding: 20px 0px 25px 0px;  
	margin: 0px auto; 
	width: 1024px;
	position: relative;
	color: #000000;
	clear: both;
	}
	
#footer #ftr1 {float: left; padding-left: 20px;}
#footer #ftr2 {float: right; padding-right: 200px}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#navigation_bg {
    background: #000000 repeat;
	margin: 0 auto;
	position: relative;
	width: 1048px;  
	top: 10px;
	height: 44px;  
	}

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#navigation {margin: 0 auto;
             position: relative;
             top: 0px;
             width: 1048px;
             padding: 13px 0px 14px 0px;
             }
             
#navigation ul {
          padding: 0px 0px 0px 0px;
             }

#navigation ul li {
          display: inline;
      }    
#navigation ul li a {
          text-decoration: none;
          padding: 15px 30px 16px 30px;
          color: #ffffff !important; /* Always use no matter if under higher color rule */
          font-size: 13px;
          font-weight: bold;
          }
#navigation ul li a:hover {
          text-decoration: none;
          background-color:#cecece; 
          color:#000000 !important; /* Always use no matter if under higher color rule */
          }
 
p { font: 14px arial, verdana, sans-serif; 
    color: #4d6d5e;
    line-height: 17px;
    margin-bottom: 14px;
	padding: 0 0 0 0; 
	}

#sidebar_ss a:link { 
	text-decoration: none; 
	color: #7b7b7b;
	font-size: 13px;
	}
	
#sidebar_ss a:visited { 
	text-decoration: none; 
	color: #7b7b7b;
	font-size: 13px;
	}

#sidebar_ss a:hover { 
	text-decoration: none; 
	color: #750000;
	}
	
#sidebar_ss a:active { 
	text-decoration: none; 
	color: #7b7b7b;
	font-size: 13px;
	}

#sidebar_ss a.selected { 
	text-decoration: none; 
	color: #b1b1b1 !important; /* Always use no matter if under higher color rule */
	}

/* cross-browser solution - looks same on all */
#sidebar_ss ul {								
    list-style-type:none;
    padding:  0 0 0 0;
    margin:0px;
    }          
    
#sidebar_ss li {
    background-image:url(https://rebeccaboschee.com/images/button_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 5px; 
    padding-left:20px;
    }  
    
/* must define 2nd sidebar because is id and must be unique on a page - can not use same one twice */
#sidebar_ss2 a:link { 
	text-decoration: none; 
	color: #7b7b7b;
	font-size: 13px;
	}
	
#sidebar_ss2 a:visited { 
	text-decoration: none; 
	color: #7b7b7b;
	font-size: 13px;
	}

#sidebar_ss2 a:hover { 
	text-decoration: none; 
	color: #750000;
	}
	
#sidebar_ss2 a:active { 
	text-decoration: none; 
	color: #7b7b7b;
	font-size: 13px;
	}

#sidebar_ss2 a.selected { 
	text-decoration: none; 
	color: #b1b1b1 !important; /* Always use no matter if under higher color rule */
	}

/* cross-browser solution - looks same on all */
#sidebar_ss2 ul {								
    list-style-type:none;
    padding:  0 0 0 0;
    margin:0px;
    }          
    
#sidebar_ss2 li {
    background-image:url(https://rebeccaboschee.com/images/button_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 5px; 
    padding-left:20px;
    }  
   
.pseudo_sidebar_ss 
          {color: #7b7b7b;
	       font-size: 13px;
	       font-weight: bold;
	       font-style: italic;
	      } 
	      
/* classess */
.black {color: #000000;}
.blue a:link {color: #000fff;}
.bold {font-weight: bold;} 
.books a:link, a:visited { 
	color:#4d6d5e; 
	}
.books a:hover { 
	color: #750000;
	}
.books a:active { 
	color: #4d6d5e
	}
.box {padding: 0px 20px 24px 0px;}
.box img.lft {float: left; clear: left; padding: 0px 16px 10px 16px;}
.box img.lft2 {float: left; clear: left; padding: 0px 16px 10px 32px;}
.box img.rt {float: left; clear: left; padding: 0px 0px 50px 16px;}
.box img.lft_top {float: left; clear: left; padding: 20px 16px 10px 32px;}
.box img.cntr {padding: 17px 0px 17px 100px;}
.box img.sb {float: left; clear: left; padding: 0px 0px 0px 70px;}
.boxex {padding: 10px 56px 10px 70px;}
.box48 {padding: 0px 0px 24px 20px;}
.box48 img.lft2 {float: left; clear: left; padding: 8px 20px 10px 5px;} 
.box48 img.rt {float: right; clear: right; padding: 16px 0px 0px 16px;}
.box73 {padding: 0px 36px 24px 36px;}
.box73 img.lft {float: left; clear: left; padding: 0px 12px 0px 0px;}
.box73 img.lft2 {float: left; clear: left; padding: 8px 16px 10px 0px;}
.box73 img.rt {float: right; clear: right; padding: 20px 10px 10px 16px;} 
.box73 img.rt2 {float: right; clear: right; padding: 8px 180px 0px 16px;} 
.box img.rt {float: right; clear: right; padding: 16px 0px 0px 16px;}
.box img.grp {float: left; display: inline; padding: 8px 16px 0px 0px;}
.break {display:block; clear:both;}
.bronze {color: #a67d39;}
.button {float: left; clear: left; padding: 4px 8px 2px 4px;}
.caps {text-transform: uppercase;}
.cntr {text-align: center;}
.clear {clear: both;}
/* used on bio, contact, shows pages */
.column {width: 48%; float: left;
        }
.column_95 {width: 95%; 
            float: left;
            padding: 0px 10px 10px 10px; 
            text-align: justify; 
        }
.colsml {width: 26%; 
         float: left;
        }
.colsml_b {width: 25%; 
         float: left;
         border-right-size; 5px;
         border-right-style: solid;
         border-right-color: #ececec;
         }
.collge {width: 73%; 
         float: right;
        }
.collge_b {width: 73%; 
         float: right;
         border-left-size; 5px;
         border-left-style: solid;
         border-left-color: #ececec;
         }
.emphasis {font-weight: bold; color: #4d6d5e;} 
.fontml {font-size: 18px;
          line-height: 20px;}
.font17 {font-size: 17px;}
.font13 {font-size: 13px;}
.gold {color: #ffd700;}
.grey {color: #7b7b7b;}
.green {color: #4d6d5e;}
.hline {width: 100%; size: 12px; color: #b9b9b9;} 
.indent {text-indent: 32px;}
.indent16 {text-indent: 16px;}
.indent10 {text-indent: 10px;}
.indent50 {text-indent: 50px;} 
.indent100 {text-indent: 100px;}
.inline {display: inline;}
.italic {font-style: italic;}
.justify {text-align: justify;}
.normal {font-weight: normal;}
.padbtm0 {padding-bottom: 0;}
.padbtm17 {padding-bottom: 17px;}
.padbtm34 {padding-bottom: 34px;}
.padbtm68 {padding-bottom: 68px;}
.padlft10 {padding-left: 10px;}
.padlft20 {padding-left: 20px;}
.padlft30 {padding-left: 30px;}
.padlft40 {padding-left: 40px;}
.padlft50 {padding-left: 50px;}
.padlft75 {padding-left: 75px;}
.padlft85 {padding-left: 85px;}
.padlft100 {padding-left: 100px;}
.padlft125 {padding-left: 125px;}
.padlft150 {padding-left: 150px;}
.padlft200 {padding-left: 200px;}
.padlft300 {padding-left: 300px;}
.padrt10 {padding-right: 10px;}
.padrt30 {padding-right: 30px;}
.padrt50 {padding-right: 50px;}
.padtop3  {padding-top: 3px;}
.padtop5  {padding-top: 5px;}
.padtop10  {padding-top: 10px;}
.padtop17 {padding-top: 17px;}
.padtop25 {padding-top: 25px;}
.padtop34 {padding-top: 34px;}
.padtop50 {padding-top: 50px;}
.padtop68 {padding-top: 68px;}
.padtop100 {padding-top: 100px;}
.padtop150 {padding-top: 150px;}
.rss {float: left; clear: left; padding: 0px 80px 10px 20px;}
.subcola {width: 55%; float: left; display:inline;}
.subcolb {width: 42%; float: right; display:inline;}
.subcol3 {width: 54%; float: left; display:inline;}
.subcol4 {width: 42%; float: right; display:inline;}
.subcol32 {width: 32%; float: left; display:inline;}
.uline {text-decoration: underline;}
.wee {font-size: 12px;}

/*--------------------------Contact form------------------------------*/

.formcol {width: 45%; float: left; padding: 0 20px 0 0;}
.formcol_rt {width: 45%; float: right; padding: 0 0 0 20px;}
.formcola {width: 25%; float: left; padding: 10px 20px 0 0;}
.formcol_rtb {width: 70%; float: right; padding: 0 0 0 0;}
.formcol_wd {width: 100%; float: left; padding: 0 0 0 0;}

.formbox
{
	min-height: 342px;
}

.formbox img.pad 
{
   padding: 30px 0 0 0;
}

.formbody
{
	width: 580px;
	padding: 0 0 0 10px;
}

.formbody textarea
{
	width: 560px;
	height: 150px;
}

.formmess
{
	width: 270px;
	padding: 20px 0px 0 0px;
	clear: both;
}

.formdemos
{
	width: 560px;
}

.formbutton
{
	float: left;
	padding: 20px 0 0 20px;
}

{
.formradio 
	white-space:nowrap;
	display:inline-block;
	line-height:2em;
	margin:.1em 0;
}

/*--------------------------Contest form------------------------------*/
.contestcol {width: 45%; float: left; padding: 0 0 0 0;}
.contestcol_rt {width: 45%; float: right; padding: 0 0 0 50px;}

.contestbox
{
	min-height: 342px;
}

.contestbody
{
	width: 580px;
	padding: 0 0 0 8px;
}

.contestbody textarea
{
	width: 560px;
	height: 150px;
}

.contestentry
{
	width: 270px;
	clear: both;
}

.contestdemos
{
	width: 560px;
}

.contestprivacy
{
	float: left;
	display: inline;
	padding: 0 0 0 0;
}