/*
Website for Reflections Care Club
http://www.???.com/

dark blue		#020a49 
medium blue		#0f1891
lighter blue	#a2a9f9
off-white		#fffde1
*/

/* ------- RESET ------- */
*  					{margin: 0; padding: 0;}
html,body  			{height: 100%;}
body  				{background: #a2a9f9 url(../images/body-bg.jpg) repeat-x; font-family: verdana, helvetica, sans-serif; font-size: 0.75em; color: #333; line-height: 1.4em; text-align: justify;}
p  					{margin: 8px 0;}
ul  				{list-style: square outside; margin: 10px 0;}
a  					{color: #0f1891; outline: none;}
a:visited, a:hover  {color: #6972e8;}
a img  				{border: none; outline: none;}

/* ------- UTILITY ------- */
.floatleft  		{float: left;}
.floatright  		{float: right;}
.textcenter 		{text-align: center;}
.textright  		{text-align: right;}
.clear  			{clear: both;}
.displaynone  		{display: none;}
.imgcenter			{display: block; margin: 0 auto;}

hr.main-content		{background: #ddd; border: 0; height: 1px; clear: both; margin: 20px 0;}

/* ------- FONT / BULLETS ------- */
h1  				{color: #0f1891; font-family: georgia; font-size: 2.1em; margin: 20px 0 16px 0; padding: 0 0 8px 0; border-bottom: 1px solid #a2a9f9; text-align: left;}
h1.welcome			{color: #0f1891; font-family: georgia; font-size: 2em; margin: 20px 0; padding: 0; font-weight: normal; text-align: left; border: none; line-height: 2em;}
h2  				{color: #0f1891; font-family: georgia; font-size: 1.5em; margin: 15px 0; padding: 0 0 7px 0; border-bottom: 1px solid #ccc; text-align: left;}
h3  				{color: #0f1891; font-family: georgia; font-size: 1.4em; margin: 12
px 0; text-align: left; font-style: italic;}

span.red			{color: #cb1800;}


/* ------- IMAGES ------- */
img.border 			{background: #fff; padding: 3px; border: 1px solid #ddd;}
img.floatleft  		{float: left; margin: 0 10px 5px 0;}
img.floatright  		{float: right; margin: 0 0 5px 10px;}
img.small-icon			{margin-bottom: -2px;}

/* ------- STRUCTURE ------- */
#container  		{background: url(../images/container-bg.jpg) repeat-y; width: 980px; margin: 0 auto;}
#header  			{text-align: right; background: url(../images/header.jpg) no-repeat; width: 980px; height: 220px; margin: 0 auto; position: relative;}
#banner  			{background: url(../images/banner.jpg) no-repeat; width: 980px; height: 60px; margin-bottom: 10px;}
#sidebar  			{float: left; width: 230px; margin-left: 10px; margin-bottom: 50px; font-family: georgia;}
#main-content  		{float: right; width: 660px; margin: 0 30px 50px 0; min-height: 550px; height: auto !important; height: 550px;}
.small-content-left	{float: left; width: 315px; background: url(../images/small-content-bg.jpg) no-repeat;}
.small-content-right	{float: right; width: 315px; background: url(../images/small-content-bg.jpg) no-repeat;}
.small-content-inner	{width: 285px; margin: 15px auto;}
.list				{margin: 20px 0 0 30px;}
.service-list		{margin: 20px 0 0 30px;font-size: 1.1em;}
.list-left			{float: left; width: 250px; margin: 0 20px 0 65px;}
.list-right			{float: left; width: 250px; margin: 0;}
#footer  			{background: url(../images/footer-bg.jpg) no-repeat; width: 980px; height: 80px; font-size: 0.8em;color: #fff; position: relative;}

/* ------- SIDEBAR ------- */
.sidebar-inner  	{width: 190px; margin: 0 auto; background: #fff; font-size: 1.2em; line-height: 1.5em;}

/* ------- FOOTER ------- */
#footer-left  		{position: absolute; bottom: 5px; left: 20px;}
#footer-right  		{position: absolute; bottom: 5px; right: 20px;}
#footer a  			{color: #fff; text-decoration: none;}
#footer a:hover  	{text-decoration: underline;}

/* ------- NAVIGATION ------- */
#nav  			{width: 230px; font-family: georgia; font-size: 16px; background: #fff;}
#nav li			{list-style: none;}
#nav a 			{height: 30px; text-decoration: none; display: block; padding: 5px 0 0 20px; color: #333;}
#nav a:hover		{color: #6972e8;}
#nav li#current a 	{width: 230px; background: url(../images/sidebar/nav-bg.gif) no-repeat top left; font-style: italic; color: #0f1891;}

/* ------- HOME ------- */
ul.mission-statement {margin-left: 25px; list-style: none;}
ul.mission-statement li {margin-bottom: 15px; padding-left: 30px;}
ul.mission-statement li.one {background: url(../images/icons/button1.gif) no-repeat;}
ul.mission-statement li.two {background: url(../images/icons/button2.gif) no-repeat;}
ul.mission-statement li.three {background: url(../images/icons/button3.gif) no-repeat;}
ul.mission-statement li.four	{background: url(../images/icons/button4.gif) no-repeat;}

/* ------- ABOUT US ------- */
ul.about-sub		{list-style: circle;}
ul.about-sub li		{margin: 7px 0;}
.bio				{width: 100%; background: #eee;}

/* ------- ACTIVITIES ------- */
.activities-list-left		{float: left; width: 310px; margin: 5px 20px 10px 10px; text-align: left;}
.activities-list-right		{float: left; width: 315px; text-align: left; margin: 5px 0;}

/* ------- DIRECTIONS ------- */
iframe			{background: #fff; padding: 3px 3px 3px 3px; border: 1px solid #ddd;}

/* ------- ENROLL NOW ------- */
ul.enroll 			{margin: 25px 0 25px 25px; list-style: none;}
ul.enroll li 		{margin-bottom: 15px; padding-left: 30px; line-height: 20px;}
ul.enroll li.one	{background: url(../images/icons/button1.gif) no-repeat;}
ul.enroll li.two	{background: url(../images/icons/button2.gif) no-repeat;}
ul.enroll li.three	{background: url(../images/icons/button3.gif) no-repeat;}
ul.forms			{list-style: none; font-weight: bold;}

/* ------- FACILITY PHOTOS ------- */

/* ------- INFO REQUEST ------- */
.info-request-form	{width: 660px;}
.single-field 		{margin: 15px 0;}
.single-field label	{float: left; text-align: right; width: 100px; margin-right: 15px; font-style: italic;}
p.req-field			{text-align: right; color: #cb1800; font-style: italic;}
.search-button		{margin-left: 115px;}

/* ------- SERVICES ------- */
ul.services			{list-style: circle; margin-left: 60px;}

/* ------- VOLUNTEERS ------- */