@charset "utf-8";


body  {       
        /*background-color: #BB6F19; */
        background-color: #630;
  	margin: 0; /*zero the margin and padding of body element to account for diff browser defaults */
	padding: 0;
	text-align: center; /* centers container in IE5browsers. The text then set to the left align default in #container*/
	color: #000000;
}




#container { 
	width: 950px;  /* using 20px less than full 800px width allows browser chrome and avoids a horiz scroll bar */
        /*background: #FFFFFF;*/
    
	/* the auto margins (in conjunction with a width) center the page */
        margin: 0 auto; 
        border: 30px solid #630; 
	text-align: left; 
        background-color: #ffdd99;

} 


#preload img {
        height: 0; width: 0; border-width: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -30;
}



/*-------------------------------------------------*/
/*   Header */
/*-------------------------------------------------*/

#header { 
	background-color: #A1774D;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	background-position:right;
	height: 120px;
	width: 945px;
	margin: 0;
	padding: 0px;
	border-color: #630; 
        border-style: solid;
	border-top-width: 10px;
	border-left-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 10px;
} 


#header_name {
     padding-top: 40px;
     padding-left: 150px;
     padding-right: 50px;
     max-height: 50px;
     max-width: 200px;
}


h1 {
	FONT-WEIGHT: bold; 
	text-decoration: underline; 	
	FONT-SIZE: 18pt; 
	COLOR: #000; 
        margin-top: 30px;
}


h2 {
	FONT-WEIGHT: bold; 
	text-decoration: underline; 	
	FONT-SIZE: 14pt; 
	COLOR: #000; 
        margin-top: 30px;
}


h3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 
	COLOR: #000; 
        margin-top: 30px;
}



b1 {
        FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	COLOR: #000;
}


.subheader {
	position: relative;
        top: 10px;
        left: 20px;
 }


/*-------------------------------------------------*/
/* navigation */
/*-------------------------------------------------*/


#navigation {
        background-color: #663300;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 50px;
}

#navigation img {
        padding: 3px;
        border-style: none;
        margin-left: 15px;
}


#navigation a:link, a:active, a:visited, a:hover { 
        text-decoration: none;
        border-style:    none;
}

#navigation  a:active { 
        border-style: none;
}

/*-------------------------------------------------*/
/*   Main Content */
/*-------------------------------------------------*/

#mainContent { 
	margin: 0; 
	padding: 0 20px; 
} 

/*-----------------------*/
#centralbox {
   width: 920px; 
   height: 50%; 
 }

#centralbox_res {
   width: 680px; 
   height: 50%; 
 }

#centralbox p {
  margin-bottom: 15px;
  margin-right: 25px;
  margin-left:  15px;
  FONT-SIZE: 12pt; 
  font-family:  Verdana, Arial, Helvetica,sans-serif;
  font-weight: 400;
  color: #000;
  text-align: justify;
}

#centralbox_res p {
  margin-bottom: 15px;
  margin-right: 15px;
  FONT-SIZE: 12pt; 
  font-family:  Verdana, Arial, Helvetica,sans-serif;
  font-weight: 400;
  color: #000;
  text-align: justify;
}



#centralbox h1 {
  text-decoration: underline;
}

#centralbox a:link { 
  color : darkblue;
}

/*-----------------------*/

#outsmart_cover {
     padding-top: 0px;
     padding-left: 30px;
     padding-right: 10px;
     max-height: 450px;
     max-width: 350px;
     float: left;
    
 }

#outsmart_cover_sm {
     padding-left: 30px;
      border-width:  0px;
     border-style:  none;
     max-height: 300px;
     max-width: 195px;
 }


#outsmart_intro_p1 {
     padding-top: 25px;
         
}

#outsmart_buylink  {
     margin-top:  10px;
     padding-left: 25px;
     font-weight:  bold;
}


.reviews {
    margin-left: 50px;
    margin-right: 100px;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#FFDD80;
    color: #000000;
}



/*--------------------*/
.mini_divider {
     padding-left: 400px;
}


/*--------------------------------------------*/
/* creativity resource main directory page    */
/*--------------------------------------------*/


#res_csd_left {
        float:        left;
        width:        400px;
}



#res_csd_left img {
        border-style: none;
        border-size:  0px;
        margin-right: 10px;
        margin-top:   0px;
 
 }


/--------------------*/

#res_csd_right {
        border-style: none;
        padding-left:  50px;
}


#res_csd_right p, h1 {
        color:       #663300;
}

/*--------------------------------------*/
/* creativity resource subpages page    */
/*--------------------------------------*/


#res_sidebar {
	float: right; 
	width: 180px; 
        padding-left: 10px;
	margin: 15px;
        border-left-color: #663300;
        border-left-width: 10px;
        border-left-style: solid;
}

#res_sidebar img {
        padding: 3px;
        border-style: none;
        margin-right: 30px;
        margin-top:   0px;
  	}


#res_sidebar a:active, a:hover, a:visited, a:link { 
        text-decoration : underline;
        font-weight: normal;
        color: #000000;
 }



#res_sidebar  a:hover { 
       background-color: #FBDE2A;
 }


/*--------------------*/


#res_csd_toc p {
    font-size: 11pt;
    color: #000000;
}


#res_csd_toc b {
    font-size: 11pt;
    color: #663300;
    font-weight: bold;
}


/*-----------------*/

#res_csd_body p	{
    font-size:	     12pt;
    margin-right:    60px;
}


#res_csd_body h1, h2 {
    font-size:	     14 pt;
    color: #663300;
}



#res_csd_body a:link, a:active { 
    text-decoration: none;
    color:           #000000;
    font-weight:     bolder;
}


#res_csd_body a:hover { 
    text-decoration:  none;
    color:            #000000;
    font-weight:      bolder;
    background-color: #FBDE2A;
}


#res_csd_body a:visited {
    text-decoration: none;
    color:           #48677C;
    font-weight:     bolder;

}

/*-------------------*/

.res_csd_matrix  {
     font-size:    12pt;
     font-family:  Verdana, Arial, Helvetica,sans-serif;
     font-weight:  400;
}


.res_csd_matrix td {
     padding-bottom:  20px;
}

.res_csd_matrix img {
     text-decoration: none;
     border-style: none none solid none;
     border-width: 3px;
     border-color: #FFDD99;
}

.res_csd_matrix a:visited, a:link,  a:active {
     border-style:  none none solid none;
     border-width: 3px;
     border-color: #FFDD99;
}


.res_csd_matrix a:hover {
     border-style:  none none solid none;
     border-width: 3px;
     border-color: #663300;
}


/*-----------------*/


.res_csd_matrix_divider {
     border-top:        15px #663300 solid;
     margin-left:      -20px;
     width:           40%;
}


/*-----------------*/

#res_csd_cover {
 
    border-collapse: collapse; 
    border:          0px;
    color:           #FFDD99;
    border-color:    #FFDD99;
    border-style:    hidden;
    margin-top:      -5px;
    margin-left:     -10px;
    text-decoration: none;
}



/*-------------------------------------------------*/
/*   Miscellaneous */
/*-------------------------------------------------*/
#bookcoupon {
       color:            #FFDD99;
       border-color:     #FFDD99;
}



/*-------------------------------------------------*/
/*   Footer */
/*-------------------------------------------------*/
#footer { 
	background-image:url(images/footer.jpg);
	background-repeat: no-repeat;
	background-color: #996;
	background-position:right;
	height: 35px;
	width: 950px;
	margin: 0;
	padding: 0px;
	border-color: #630; 
        border-style: solid;
	border-top-width: 5px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	font-weight: Normal;
        FONT-SIZE: 12pt; 
        font-family:  Verdana, Arial, Helvetica,sans-serif;
 } 


#footer p {

/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	margin: 0; 

/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding: 10px 0; 
}


#addthisbutton {
        margin-top: 50px;
        margin-left: 30px;
}


/* ----------------------------------------*/
/* Float Classes */
/*-----------------------------------------*/
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fltrt { 
	float: right;
	margin-left:   8px;
        margin-bottom: 6px;
        margin-top:    6px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right:  8px;
        margin-bottom: 6px;
        margin-top:    6px;
    
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearleft {
    clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.clearright { 
    clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
       
/*-------------------------------------------*/