/*
.--------------------------------------------------------.
|  Software: Volunteer Management                        |
|   Version: 2.1.2                                       |
|   Contact: admin@precisioncolor.com                    |
|      Info: http://www.precisioncolor.com               |
| -------------------------------------------------------|
|    Author: Mike Noonan (project admininistrator)       |
| Copyright (c) 2008, Precision Color Graphics.          |
| All Rights Reserved.                                   |
.--------------------------------------------------------.

/**
 * NOTE: Designed for use with PHP version 5 and up
 * @package Volunteer Management
 * @author Mike Noonan
 */

body
{
	background: #CCC;
	font: 9pt/15pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 920px;
}

/*colors the home page text 60% black*/
.home {
	color: #505255;
}

#bodyPan
{
	height: 100%;
	text-align: left;
	padding: 25px 0 0;
}

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

/*This floats the image for the small 30 logo right for all pages*/
#specials
{
	float: right;
	margin: 0 10px 10px 10px;
	width: 200px;
}

/*This floats the image for the big 30 logo left*/
#thirty
{
	float: left;
	margin: 0 20px 250px 0px;
	width: 400px;
}

/*wrapper for the login area*/
#wrap_user
{
	width: 200px;
	float: right;
	padding: 0px 12px 12px 0px;
}

/*floats right the user info for the login area*/
#user_info
{
	padding: 0 10px 0px 10px;
	text-align: left;
	border: 1px solid #C53012;
}

/*Sets the border to none for images that are also links*/
img { border: none; }

.email ul {
  list-style: square url(images/email.gif); /* wide image for the bullet */
  margin: .5em .5em 0 25px;  /* bullet image is in left margin */
  padding-left: 0;
}
.email ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .5em; /* a little spacing between list items */
}

A:link
{
	color: #C53012;
	text-decoration: underline;
}

A:hover
{
	color: #00A3E4;
	text-decoration: overline;
}

A:active
{
	color: #C53012;
	text-decoration: underline;
}

A:active:hover
{
	color: #00A3E4;
	text-decoration: overline;
}

A:visited
{
	color: #C53012;
	text-decoration: underline;
}

A:visited:hover
{
	color: #00A3E4;
	text-decoration: overline;
}

h4
{
	font-size: 10pt;
}

h3
{
	font-size: 11pt;
}

h2
{
	font-size: 11pt;
	font-weight: bold;
	border-top: 1px solid #C53012;
}

hr {
    height:1px;
    background:#C53012;
   }

/*The nav bar for the site shell*/
#nav
{
	font-family: 'Futura','Arial Narrow', Helvetica, sans-serif;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #056efd;
	margin-top: -10px;
}

#nav a:link {color: #056efd;}
#nav a:visited {color: #056efd;}
#nav a:hover {color: #056efd;}

#title
{
	font-family: 'Futura','Arial Narrow', Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

#head
{
	width: 900px;
	/*border-bottom: 1px solid #C53012;*/
	/*padding-left: 10px;*/
	text-align: center;
}

#bodyLeftPan
{
	width: 145px;
	float: left;
	padding: 12px 12px 12px 0px;
}

#bodyRightPan
{
	width: 713px;
	padding: 12px 12px 12px 12px;
	margin-left: 155px;
	border-left: #C53012 1px solid;
	min-height: 500px;
}

/*The nav bar for the login area*/
#navlist
{
	padding: 0 1px 1px 0;
	font: bold 11px Verdana, sans-serif;
	text-align: left;
}

#navlist li
{
	list-style: none;
	margin: 0;
	border-bottom: #C53012 1px solid;
}

#navlist li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	text-decoration: none;
}

#navlist li a:link { color: #C53012; }
#navlist li a:visited { color: #C53012; }

#navlist li a:hover
{
	border-color: #C53012;
	color: #000000;
	background: #F88E20;
}

/*footer info*/
#footermainPan
{
	clear: both;
	padding: 10px 0 0;
	text-align: center;
}

#footer
{
	font-size: 75%;
	font-weight: bold;
	width: 900px;
	color: #C53012;
	top: 23px;
	left: 40px;
	/*border-top: 1px solid #C53012;*/
}

/*display any php errors red*/
.error { color: red; }

.bold
{
	text-decoration: underline;
	font-weight: bold;
}

#form_body fieldset ul
{
	margin: 0;
	padding: 0px;
}

#form_body fieldset ul li
{
	list-style: none;
	margin-bottom: 7px;
	text-align: left;
}

#form_body fieldset ul li label
{
	width: 150px;
	float: left;
}

#form_body fieldset ul li input { width: 300px; }

/*nice rounded corners*/
.wrapper{display:block}
.wrapper *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.wrapper1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  background:#f2f2f2}
.wrapper2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
  background:#f5f5f5}
.wrapper3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;}
.wrapper4{
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1}
.wrapper5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.wrapperfg{
  background:#ffffff
  width: 900px;
	margin: 0 auto;
	background: #ffffff;
	padding: 10px;
 }

.wrapper{display:block}
.wrapper *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.wrapper1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  background:#f2f2f2}
.wrapper2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
  background:#f5f5f5}
.wrapper3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;}
.wrapper4{
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1}
.wrapper5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.wrapperfg{
  background:#ffffff}