/*------------------------------------------------------------------------*/
/*   When Creditors are Predators stylesheet                              */
/*                                                                        */
/*------------------------------------------------------------------------*/

/*========================================================================*/
/*  Validate me here: http://jigsaw.w3.org/css-validator/                 */
/*========================================================================*/


* {
margin-top: 0px;
}

body {
		margin-top: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #B3C1A2; /* Color = Sage */
	 } 


/*------------------------------------------------------------------------*/
/* For Div Tags                                                           */
/*------------------------------------------------------------------------*/

#wrapper {
width: 760px;
background-color: #FFFFFF; 
margin: 0 auto;
}

#header {
float: left;
width: 547px;
height: 105px;
padding: 5px 0px 5px 3px;
background-color: #F1F1E7; /* Color = Light Sage */
}

#search {
float: right;
width: 200px;
height: 105px;
padding: 5px 0px 5px 10px;
background-color: #F1F1E7; /* Color = Light Sage */
} 

.topnavbar {
clear: both;
width: 760px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-align: center;
font-size: 85%;
background-color: #CCD2B0; /* Color = Moss */
}

ul.topnavbar a {
text-decoration: none;
font-weight: bold;
color: #666699;
}

ul.topnavbar a:hover {
text-decoration: none;
color: #89B05E;
}

ul.topnavbar li {
display: inline;
padding: 0px 13px 0px 13px;
}

#main {
float: left;
width: 515px; 
background-color: #FFFFFF;
padding: 5px 0px 15px 10px;
}

#main p {
margin: 10px 0px 15px 0px;
font-size: 10pt;
}

#main ul {
font-size: 10pt;
}

#sidebar {
float: right; 
width: 210px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 85%;
}

.sidenavbar {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 16px;
}

ul.sidenavbar li {
padding: 7px 0px 15px 0px;
display: block;
}

ul.sidenavbar a {
text-decoration: none;
font-weight: bold;
color: #666699;
}

ul.sidenavbar a:hover {
text-decoration: none;
color: #89B05E; 
} 

#footer {
width: 750px;
clear: both;
padding: 15px 10px 15px 0px;
background-color: #FFFFFF;
}

#footer img {
padding: 0px 0px 0px 10px;
float: left;
}

.footertext {
font-size: 75%;
text-align: right;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

.subfooter {
font-size: 60%;
text-align: right;
padding: 0px 0px 0px 0px; 
} 

/*------------------------------------------------------------------------*/
/*   Paragraph Styles                                                     */
/*                                                                        */
/*----------------------------------------------------------------------- */
p {
margin-top: 0; 
} 

h1 {
font-size: 14pt;
font-weight: bold;
color: #89B05E;
}

h2 {
font-size: 10pt;
font-weight: bold;
color: #000000;
}

/*----------------------------------------------------------------*/
/*Quiz Styles                                             		  */
/*----------------------------------------------------------------*/
.quizanswer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}

ul.quizanswer a {
text-decoration: underline;
color: #666699;
}

ul.quizanswer a:hover {
text-decoration: none;
color: #89B05E;
}

ul.quizanswer li {
display: inline;
padding: 0px 20px 0px 20px;
}

.quizanswerVertical {
margin: -5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}

ul.quizanswerVertical a {
text-decoration: underline;
color: #666699;
}

ul.quizanswerVertical a:hover {
text-decoration: none;
color: #89B05E;
}

ul.quizanswerVertical li {
list-style: none;
padding: 0px 20px 3px 20px;
}

/*----------------------------------------------------------------*/
/*Pseudo-class links                                              */
/*----------------------------------------------------------------*/
/* Note: can apply a class to these :                             */
/* a.SomeName:link { color: #FFFFCC; }                            */
/* or just .SomeName:link {color: #FFFFCC; };                     */
/*                                                                */
/* Then apply like this:                                          */
/*  <a href="http://missourifamilies.org/xxxx" class="SomeName">  */
/*----------------------------------------------------------------*/
a:link {
font-weight: normal; 
text-decoration: underline; 
color: #666699; /* light blue */
} 

a:visited {
font-weight: normal; 
text-decoration: underline; 
color : #31849B; /* blue/grey */

} 

a:hover {
text-decoration: underline; 
color: #5F497A;  /* Purple */
}

a:active {
text-decoration: underline; 
color: #5F497A;  /* Purple */
}