/***************************************************
AUTHOR: Brett Berardinis
WEBSITE: www.spagnolidesign.com
DATE: 2009.12.20

Outer Container:  1000px;
Inner Container:  980px;

***************************************************/

body 
{
	text-align: center;
	background: #bbcde2;  
	
}

#container {
	width: 1000px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;  
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Sans-Serif;
	background: #e9eff5;
}

#main 
{
	width: 980px; 
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;	
	background-color: #afa7a2;
	height: auto;
	text-align: left;
	font-size: 10px; 
	
}

#header 
{
	width: 980px; 
	height: 65px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;	
	background: #FFFFFF url(../images/headers/CCP-WhiteBanner.jpg) left no-repeat;
	text-align: left;
	font-size: 10px; 
	
}

#footerbottom 
{
	width: 980px; 
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;	
	background-color: #4d5270;
	height: 55px;
	text-align: left;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #e4e4e4;
	
}

#footerbottom a {
	color: #e3e3e6;
	font-size: 10px;
	font-weight: bold; 
	text-decoration: none; 
}

#footerbottom a:hover {
	color: #FF6666;
	background-color: #CCCCFF;
}

h1 {
  clear: both;
  padding: 5px 5px 5px 5px;
  margin: 10px 3px;
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-align: justify;
}


h2 {
  clear: both;
  padding: 5px 5px 5px 5px;
  margin: 10px 3px;
  font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Sans-Serif;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
  color: #353947;
}


h3 {
	clear: both;
	padding: 5px 5px 5px 5px;
	margin: 10px 3px;
	font-family:  "Trebuchet MS", Trebuchet, Tahoma, Arial, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #FCFCE8;
	text-align: justify;
}

h4 
{
	clear : both;
	padding: 5px 5px 5px 5px;
	margin: 10px 30px 3px 1px;
	font-family:  Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #40403E;
	text-align: justify;
}

h5 
{
	clear : both;
	display:inline;
	padding: 5px 5px 5px 5px;
	margin: 10px 3px;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #FFFFCC;
	text-align: justify;
}

a {
	color: #474762;
	font-size: 11px;
	font-weight: bold; 
	text-decoration: none; 
}

a:hover {
	color: #FF6666;
	background-color: #CCCCFF;
}


a:active {
    text-decoration: none;
    color: #999999;
}

.divblock1 

{
    width: 950px;
    background-color: #989999;    
    margin-left: 10px; 
    margin-top: 10px; 
    margin-bottom: 20px; 
    
}

.divblock2 

{
    width: 950px;
    background-color: #989999;   
    
}

/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

input,
textarea,
select {
  padding: 2px;
  font-size: 11px;
  color: #444;
  background: #EEE;
  border: 1px solid #444;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #9999CC;
  border: 1px solid #333333;
}

input.button {
  padding: 2px 5px;
  color: #555;
  background: #333333;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}

#container-dl 
{
	clear: both;
	width: 600px;
	margin:  0px auto;
    text-align: center; 
}

.tableleft
{
	margin-left: 10px; 
	width: 950px; 
} 

.commentbox{
	background: #212223;
	border: 1px solid #000000; 
	width: 580px;
	text-align: left; 
}

.commentinner{
background:  #333333; 
width: 560px;
padding: 5px;
margin: 5px;
color: #4A4A4A;
}

.commentboxsm{
border: 1px solid #000000; 
width: 550px;
text-align: left; 
}

.commentinnersm
{
width: 530px; 
padding: 5px;
margin: 5px;
}

.commentboxlt{
background: #767681;
border: 1px solid #000000; 
width: 650px;
text-align: left; 
}

.commentinnerlt{
background:  #b8bdc2; 
width: 630px;
padding: 5px;
margin: 5px;
color: #4A4A4A;
}

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

border: 1px solid #625e00;
hover - background-color: #ffe84f;
background-color: #f9ff91;
background: transparent url(../images/vertical25.gif) center right no-repeat;
background: #FAF496 url(../images/Menu.gif) left right no-repeat;
***************************************************/


#menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:left;  
	width: 800px;
	height: 25px;
	color: #FAF496;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: #FAF496 url(../images/MenuSD.gif) left no-repeat;

}

* html #menu ul{ /*IE only rule, reduce menu width*/
	width: 100%;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	float: left;
	color: #000000;
	height: 20px;
	padding: 5px 12px;
	text-decoration: none;
	border-right: 1px solid #333333;
	
}

#menu ul li a:visited{
	color: black;
}

#menu ul li a:hover{
	color: black;
	background-color: #9999CC;
	height: 15px;
}


 #MainMenu 
{
    height:33px;
    width: 978px; 
    background: #FFFFFF url("../images/bmid_110.gif");
    margin-bottom: 10px;
    margin-top: 5px;
    margin-left: 8px; 
    margin-right: 10px; 
    border-right: 1px solid #333333; 
    border-left: 1px solid #333333; 
}

#tab 
{
    margin:0;
    top:0;
}

#tab ul 
{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}

#tab li 
{
	display:inline;
    float:left;
    margin:0;
    padding:0;
}

#tab a 
{
    background: url("../images/bright_110.gif") no-repeat right top;
    margin:0;
    padding:0;
    text-decoration:none;
    border:0;
    display:block;
    float:left;
}

#tab a span 
{
    display:block;
    background:url("../images/bleft_110.gif") no-repeat left top;
    padding:0 25px 0 25px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11;
    color:#FFFFFF;
    font-weight:bold;
    line-height:33px;
}

#tab a:hover,#tab li.item_active a 
{
    background-position:right bottom;
    border-color:;
}

#tab a:hover span,#tab li.item_active a span 
{
    background-position:left bottom;
    color:#FFFFFF;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
}


/***************************************************
Footers
 ***************************************************/ 
#footer 
{
  width: 800px;
  height: 25px;
  border-top: 1px double #000000; 
  background-image: url(../images/Footer.jpg);
}