/* Start of CMSMS style sheet 'abc' */
/*

-----------------------------------------------------

Always Believe in Children CSS Document
Author: Shane Gardner

-----------------------------------------------------

*/



/* reset author Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography */

h1 {

font-size:18px;
font-weight: bold;
color:#cc3300;
margin:0 0 10px 0;

}


h2 {

font-size:14px;
font-weight: bold;
color:#333;
margin:0 0 10px 0;


}

h2 a{

font-size:14px;
font-weight: bold;
color:#333;
margin:0 0 10px 0;
text-decoration:none;


}

h3 {

font-size:14px;
font-weight: bold;
color:#333;
margin:0 0 10px 0;



}


p {
padding: 0 0 10px 0;
line-height:1.5em;

}



li {
margin-left:20px;

}

ol li{

list-style:none;
margin-left:0 !important;
padding-bottom:10px;
}


.redtext14 {
font-size:14px;
font-weight: bold;
color:#cc3300;
}


/* utilities*/


.spacer {

padding: 20px 0 0 0;

}

.more-details {
background: url(images/information.png) no-repeat 0;
padding:10px 0 10px 15px;

}

.more-details a{
display:block;
color:#333 !important;
width:200px;
padding:5px;
}

.more-details a:hover{
color:#000;


}

.process-row{

float:left;
width:100%;
clear:both;
padding:5px 0 5px 0;


}


/* --------- Form ---------- */



.formRow {clear:both; text-align:left; padding:4px; vertical-align:middle; overflow:hidden;  line-height:25px;}

.formButtonPad {clear:both; margin-left:63px;}

#allforms {
               
margin:10px 0 10px 0;
			

}

#allforms ul{
	
}


#allforms li{
	
margin:5px 0 5px 0;
list-style:none;


}

#allforms input {
font-weight:bold;
border:solid 1px #CCC;
height:25px;
width:225px;
margin:2px 0 5px 0 ;
padding:5px;


}

#allforms textarea {
border:solid 1px #CCC;
height:25px;
width:300px;
height:225px;
margin:2px 0 5px 0 ;
padding:5px;

}

#allforms .required select{
background:#fff799;
border:solid 1px #CCC;
height:30px;
width:225px;
margin:2px 0 5px 0 ;
padding:5px;


}

#allforms .submit {
margin:10px 0 0 0;
width:71px;
height:27px;
border:0;

}





.text {
font-weight:bold;
padding:15px 0 0 0;

}

.required input{
background:#fff;
padding:5px 0  0 5px;
font-weight:bold;

}


.error {
color:#990000;
background-color:#ffdddd;
padding:5px;
border: solid 1px #990000;


}

.error li{
list-style:none;


}

.success {
color:#009933;
background-color:#CFFE9C;
padding:5px;
border: solid 1px #009933;


}

.submit {
margin:10px 0 0 0;
width:71px;
height:27px;
border:0;

}



	/* Sample FormBuilder CSS base */
	#detailed-form form {margin-top:0}
	#detailed-form form form, td, th, li { font-size: 100%}
	#detailed-form form form div {margin-bottom:0}
	#detailed-form form fieldset div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	#detailed-form form fieldset div div {
		margin-top:0.5em;
		margin-left:1em
	}
	#detailed-form form fieldset {
		margin-bottom:1em;
		border:1px solid #CCC;
		padding:0.5em
	}
	#detailed-form form fieldset label {
		width:auto;
	}
	#detailed-form form legend {
		color:#FFF;
		background:#379aff;
		font-size:1.2em;
font-weight:bold;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #CCC
	}
	#detailed-form form textarea {
		margin: 0.5em 0;
		width:98%;
		height: 6em


	}

#detailed-form form input{
border: solid 1px #CCC;
}





	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em;}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	#detailed-form .submit {margin:0.5em 0  0 15px; }





/* layout */

body {
	color:#333333;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background: #2a64b6 url(images/abc-background.gif) repeat-x;
}


#wrap {
	width:780px;
	margin:0 auto 0 auto;
	text-align: left;
	overflow: hidden;

}



.top-info {
padding:12px 0px 10px 0px;
float:left;
width:780px;
clear:both;
background: url(images/flower.png) no-repeat  10px;

}

.phone {
font-size:12px;
font-weight:bold;
text-align:left;
padding:0 0 0 45px;
color:#333;




}




/* Primary Navigation */


#primary-navigation-container {


margin-top: 44px;


}

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;

}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 

   border-bottom: 1px solid #C0C0C0;
   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
 background-color: #FFF;

}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
font-size:14px;
font-weight:bold; 
display: block; 
   margin: 0px; 
   padding: 5px 5px; 
   text-decoration: none; 
   color: #006699;

}
#primary-nav li a { 
  
   border-left: 1px solid #b4c1d8;
padding: 16px 19px; 

}

#primary-nav li a:hover { 
  
  background-color: #FFF;
 color:#333;
}


#primary-nav li li a { 

   border: 1px solid #C0C0C0;
 padding: 5px 10px;
font-size:12px;

}

#primary-nav li li a:hover { 

color:#333;

}	
#primary-nav li, #primary-nav li.menuparent{ 

}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive a{ 
   background-color: #FFF; color:#333 !important; 

}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat;



}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #FFF;

}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 

}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 

}
#primary-nav li li a { 
   height: 1%; 

}


/**
Content Container
**/

#content-container {
	width:780px;
	float:left;
	clear:both;
	background: #FFFFFF url(images/blue-line.gif) repeat-y 519px;

}

#content-container-left-sidebar {
	width:780px;
	float:left;
	clear:both;
	background: #FFFFFF url(images/blue-line.gif) repeat-y 220px;

}

#content-container-no-sidebar {
	width:780px;
	float:left;
	clear:both;
background: #FFFFFF;

}

/**
Header Styles
**/
#header {
	width:780px;
	float:left;

	clear:both;
	background:  url(images/header.jpg) no-repeat #0e408d;
border-bottom: 2px solid #b4c1d8 ;
	
}

.learn-more-button {
	width: 111px;
	float: left;
	clear: both;
	padding: 0 0 8px 548px;
	margin-top: 159px;
}




/**
Content Styles
**/

.content {
	width:480px;
	float: left;
        padding:20px;
}


.content a{
font-weight: bold;
color:#cc3300;
text-decoration:none;
}

.content a:hover{

color:#990000;
text-decoration:none;

}


.content-no-sidebar {
	width:700px;
	float: left;
        padding:20px;
}


.content-no-sidebar a{
font-weight: bold;
color:#cc3300;
text-decoration:none;
}

.content-no-sidebar a:hover{

color:#990000;
text-decoration:none;

}


.sidebar {
	float:left;
	width:240px;
	padding: 10px;
}


.sidebar-left {
	float:left;
	width:200px;
	padding: 10px;
}



.row {
	float:left;
	width:780px;
	border-bottom: 1px solid #b4c1d8;
	clear: both;
	position: relative;
}

.row2 {
	float:left;
	width:780px;
	border-bottom: 1px solid #b4c1d8;
	background: url(images/blue-line.gif) repeat-y 258px;



	clear: both;
	position: relative;
}



.box {
	width:220px;
	float:left;
        padding:10px 20px;

}

.box2 {
	width:240px;
	float:left;
        padding:10px;
}

.box-video {
	width:240px;
	float:left;
        padding:10px;
}

.box-video h2{

font-size:16px;
font-weight: bold;
color:#0681ff;
margin:0 0 10px 0;
text-decoration:none;


}





.box h2 {

font-size:16px;
font-weight: bold;
color:#0681ff;
margin:0 0 10px 0;

}

.box a {

font-weight: bold;
color:#333;
text-decoration:none;

}


.box a:hover {

font-weight: bold;
color:#333;
text-decoration:none;

}



#footer {

        color:#FFF;
        width:780px;
	float:left;
	clear:both;
	background: url(images/footer-back.gif) repeat-x;
        padding:10px;

}


#footer h2 {

	color: #FFFFFF;
	font-size: 14px;
        font-weight: bold;
margin:0 0 0 20px;


}

#footer a {
color:#FFF;
text-decoration:none;


}

#footer a:hover {
color:#CCC;
text-decoration:none;


}


#footer ul {
margin:0 0 10px 0;

}

#footer li {
list-style:none;

}

.footer-name {
float:left;
width: 300px;
margin:20px 0 0 0;
padding:0 0 50px 0;

}

.abc-care-logo {
float:right;
width:235px;
margin:30px 30px 0 0;

}



/* End of 'abc' */