/* Children at Risk CSS Styles */
/* Designed by Adapt IT Inc.  http://www.adaptit.com/webdesign/ */
/* CAR Logo Colors:
blue:#00AEDB
yellow: #FFF315
red: #EE1356

*/


body 
{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

h1
{
    color:#00AEDB;
}

h2
{
    color:#EE1356;
}

h3
{
    color:#FFF315;
}

a:link {color: #0033FF}
a:visited {color: #0033FF}
a:hover {color: #FF00FF}
a:active {color: #0033FF}
    
/*2 pane Web columns with menu header */
/*   */

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: white;
height: 141px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn
{
    float: left;
    width: 200px; /*Width of left column*/
    margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
    background: #FFFFCC; /* Yellow: #FFF315; Red: #EE1356 */
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
vertical-align:middle;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}
#bottomlinks
{
	position: fixed;
	bottom: 0px;
	left: 0px; /*top:583px;*/
	width: 100%;
	height: 20px;
	z-index: 1;
	font-size: smaller;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
    background: #EE1356 url( 'images_blue/n1.gif' ) repeat-x;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a
{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 8px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: #FFFFFF;
    background: #00AEDB; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background:#000099; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* Adapt IT text display styles */
.mission 
{
	margin: 0;
	padding-left: 8px; /*offset of tabs relative to browser left edge*/
	font: bold 10px Verdana;
	list-style-type: none;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
}
.mission h2
{
    margin: 0px;
    font: bold 16px Verdana;
    padding: 0;
    border-bottom-color: #00AEDB;
    border-bottom-style: inset;
    text-align: left;
}
.mission ul
{ 
    margin-left: 0; 
    list-style-type: circle;
padding: 0;
margin-left: 0;
  list-style-image: url("/images/bullet.gif"); 
  }

.mission li
{
    /* We want the list indent to be very small */
    /*display: block;*/
     margin-left: 0; 
     
}
.main
{
    margin:0;
    font: normal 12px Verdana;
}
.main h2
{
    margin: 0px;
    font: bold 16px Verdana;
    padding: 0;
    border-bottom-color: #00AEDB;
    border-bottom-style: inset;
    text-align: left;
}
.main h1
{
    font: bold 18px Verdana;
    padding: 0;
    border-bottom-color: #00AEDB;
    border-bottom-style: inset;
    text-align: left;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* CSS Button */
a.boldbuttons{
background: transparent url('images/roundedge-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* POPUP for Map */
.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
}

.innerPopup
{
    background-color:#fff;
    color:Black;
}

.modalBackground 
{
     background-color:#000;
     filter:alpha(opacity=70);
     opacity:0.7;
}