﻿/*  This is the pickin-on-CF style sheet created 5-29-07 by Pam Warren */
/* these are the colors from darkest
#001E87 Logo lettering and text
#042289
#09268B
#0D298D
#112D8F
#163191
#1A3593
#1E3995
#274099
#2B449B
#30489D
#344C9F
#3850A1
#3D53A3
#4157A6
#455BA8
#495FAA
#4E63AC
#5266AE
#566AB0
#5B6EB2
#5F72B4
#6376B6
#687AB8
#6C7DBA
#7081BC
#7585BE
#7989C0
#7D8DC2
#8290C4
#8694C6
#8A98C8
#8F9CCA
#93A0CC
#97A3CE Darkest background color
#9CA7D0
#A0ABD2
#A4AFD4
#A9B3D6
#ADB7D8
#B1BADA
#B6BEDC
#BAC2DE
#BEC6E0
#C2CAE3
#C7CDE5
#CBD1E7
#CFD5E9
#D4D9EB
#D8DDED
#DCE0EF
#E1E4F1
#E5E8F3 Lightest background color
#E9ECF5
#EEF0F7
#F6F7FB
#FBFBFD
to lightest
#FFFFFF black
#000000 White
#EDA3F8
#F5D6D6;
*/

/* body the whole thing */
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #001E87;
	font-size: .9em;
	line-height: 1.1em;
	background-color:#E5E8F3;
}

	
/* masthead on pages - includes the "pick" */
#mast {
	height: 101px;
	position: absolute;
/*	left:17%; */
	left:25%;
	top: 0%;
	width: 98%;
	padding: 0px;
	background-image: url(../images/logo1.png); 
	background-repeat: no-repeat; 
	}
/* old pick pick2.gif was 235 x 235  top 20 left 20 */	
#pick {
	background-image: url(../images/logopocf235.gif);
	background-repeat: no-repeat;
	position:absolute;
	top:2px;
	left:2px;
	width:235px;
	Height:229px;
}
/* container, holds left container and contentholder */
#container {
	position: absolute;
	top: 233px;
	left: 2%;
	width:94%;
	padding: 10px;
	}

/* Left Container to hold Left and the FB */
#lcontainer{	float:left;
	top: 150px;	width:12%;
	}

/* Left, for the menu*/
#left {
	 Width: 95%;
	 text-align:center;
	 margin-top: 0%;
	 margin-bottom: 0%;
	 z-index: 2;
	 border: 2px solid #001E87;
	 padding-top: 1em;
	 padding-left: 0px;
	 padding-right: 0px;
	 font: 1.1em bold;
}

#fb{
	position: relative;	left:7%;
	}

/* link styles within left */
#left a {
	background-color:#001e87; 
	color:#ffffff;
	text-decoration: none;
	display: block;
	padding: 5px;
	text-align: center;
	font-size: 1em;
	border: 2px solid #000;
	border-collapse: collapse;
	margin-left: 1em;
	margin-right: 1em;
}

#left a:visited {
	color: #EDA3F8;
	text-decoration: none;
	border: 2px solid #001e87;
	font-size: 1em;
}

#left a:hover {
	color: #ffffff;
	font:1em bold;
	text-decoration: none;
	border: 2px solid #000;
	font-weight: bold;
}
a.nav img{
	border: 0px #ffffff solid;
	padding: 3px;
}
/* content, for the main stuff */

#content {
	position: relative;
	/*Left:20%; */
	z-index: 1;	
/*	width: 60%; */
	Width: 100%;
	font-size: 1em;
	color: #2e5a6b;
/*	margin-right: 3em;
	margin-left: 3em;
	padding-left: 3em;
	padding-right: 3em; */
	padding-bottom: 3em;
	line-height: 1.5em;
}
/* contentholder, holds content and footer */
#contentholder{
	position: absolute;
	left:15%;
	/*	width: 60%; */
	Width: 65%;
	border: 2px solid #001e87;
	font-size: 1em;
	color: #2e5a6b;
	margin-right: 3em;
	margin-left: 3em;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 3em;
	line-height: 1.5em;}


#content img{
border: 0px #ffffff solid;
/* position: relative;
float: left; */
margin: 3em;
text-align:center;
clear:right;
}

a.#content img{
border: 0px #ffffff solid;
position: relative;
float: left;
margin: 3em;
}



/* Content text Styles */
.style_band{
	text-align:center;
	font-size: 1.5em;
	line-height:1.6em;
	
}
.style_left {
	text-align: left;
padding-left:2em;
}
.style_right {
	text-align: right;
}
.style_center {
	text-align: center;
}
.style_bold {
	font-weight: bold;
}

.style_italic {
	font-style: italic;
}
.style_justify{
text-align: justify;
}

.style_center_italic {
	font-style: italic;
	text-align:center;}


.style_bold-italic{
	font-size: 1.1em;
	font-weight: bolder;
	font-style: italic;
}
.style_center_bold {
		text-align:center;
		font-weight:bold;}


/* styles and links for menu at the top of content */

#topm{	 
	 position: relative; 
	/* float: left; 	 */
	 width: 100%;
	 text-align:center;
	 margin-top: 0%;
	 margin-bottom: 0%;
	 border: 0px solid #001E87;
	 padding-top: 1em;
	 padding-left: 0px;
	 padding-right: 0px;
	 font: .8em bold;}
#topm a {
	background-color:#001e87; 
	color:#ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 5px;
	text-align: center;
	border: 2px solid #000;
	border-collapse: collapse;
	margin-left: 1em;
	margin-right: 1em;
}

#topm a:visited {
	color: #EDA3F8;
	text-decoration: none;
	border: 2px solid #001e87;
	font-size: 1em;
}

#topm a:hover {
	color: #ffffff;
	font:1em bold;
	text-decoration: none;
	border: 2px solid #000;
	font-weight: bold;
}
a.topmen img{
	border: 0px #ffffff solid;
	padding: 3px;
}

/* footer, it's the footer! */
#footer {
	position: relative;
	text-align: center;
	z-index:3;
	font-size: .8em;
	clear: both;
	width: 100%;
	padding: 0px;
	border: 0px solid #2E5A6B;
/*	border: 2px solid #001E87; */
}

/* Footer Styles */
#footer p {
	margin-top: 2px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
#footer a {
	font: bold 1em Verdana, Helvetica, Arial, sans-serif;
	text-decoration: underline;
	}
	
#footer img {
    border: 0;
	padding-left:20px;
	padding-right:20px;
	}
 #footer a:visited {
	color: #EDA3F8;
	text-decoration: underline;
	}

#footer a:hover {
	text-decoration: underline;
	font: bold 1em Verdana, Helvetica, Arial, sans-serif;
	}

}
	
/* Table Styles schedule */	    
table {
border: 0px solid #FFFFFF;
border-collapse: collapse;
width: 90%;
margin-left:2%;
margin-right:2%;
font-size: 1em;
text-align: left;
}

tr{
height:1.2em;
}

td{
border: 0px solid #FFFFFF;
border-collapse: collapse;
padding-left:1em;
text-align:left;
}

td.left{
width:25%;
border: 0px solid #FFFFFF;
border-collapse: collapse;
padding-left:1em;
text-align:left;
}

td.heading {
border: 0px solid #FFFFFF;
background-color:#001E87;
color: #FFFFFF;
border-collapse: collapse;
font-size: 1.1em;
font-weight: bold;
text-align: center;
width:100%;
}

table img class="var" {
border: 0px solid #2E5A6B;
}


.pic_left {   
float: left;   
padding: 1em;   
margin: 0;   
}     

.pic_right {
   float: right;   
   padding: 1em;   
   margin: 0;   
   }
.p_right{
float: right;
padding: 1em;
margin:0;}

.p_left{
float: left;
padding: 1em;
margin:0;}
#box-1l{ 
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-1r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-2l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-2r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-3l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-3r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-4l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-4r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-5l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-5r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
}

#box-6l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-6r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-7l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;
}

#box-7r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-8l{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

#box-8r{
width:95%;
padding:1em;
border-style: double;
border-color:#001E87;
margin-bottom:1em;
text-align: center;}

