body {
font-family : arial;
background-color: #D4D7B5;
font-size : 12px;
margin-left : 0px;
margin-top : 1%;
margin-right : 0;}


td {font-size : 12px;}

A.nav:link { text-decoration: none; color:#327A3C; font-weight: bold; font-size : 13px;}
A.nav:visited { text-decoration: none; color:#327A3C; font-weight: bold; font-size : 13px;}
A.nav:active { text-decoration: none; color:#327A3C; font-weight: bold; font-size : 13px;}
A.nav:hover { text-decoration: none; color:yellow; font-weight: bolder; font-size : 13px;}

A.navon:link { text-decoration: none; color:yellow; font-weight: bold; font-size : 13px;}
A.navon:visited { text-decoration: none; color:yellow; font-weight: bold; font-size : 13px;}
A.navon:active { text-decoration: none; color:yellow; font-weight: bold; font-size : 13px;}
A.navon:hover { text-decoration: none; color:yellow; font-weight: bolder; font-size : 13px;}


A:link {text-decoration : underline; color:rgb(6,74,181); font-weight: bold;}
A:visited {text-decoration : underline; color:rgb(6,74,181); font-weight: bold;}
A:active {text-decoration : underline; color:rgb(6,74,181); font-weight: bold;}
A:hover {text-decoration : none; color:rgb(131,153,214); font-weight: bold;}


div.timetalenthead A {text-decoration : none; color:red; font-weight: bold;}

p.A {font-size : 16px;}
p.B {font-size : 11px;}
p.C {font-size : 10px;}
p.D {font-size: 14px;
     font-weight: bold;}
p.E {font-size: 16px;
     font-weight: bold;}
p.F {font-size : 11px;}
p.G {font-size : 13px;}
h1 {font-size : 16px;}
h2 {font-size : 14px;}

hr.menu {margin:0px 20px 0px 0px;
 	color=black;
	padding:0px;
	size=1;
	width=50%;
}

td.menu {
	margin:0px; 
	valign: top;
	font-size: 20px;
	color: yellow;
	font-weight: bold;}


td.header {
	margin:0px; background-image:url('images/header1.gif');
	background-repeat: repeat;
	valign: top;
	}

td.x {
	margin:0px; background-image:url('images/header1.gif');
	background-repeat: repeat;
	valign: top;
	}

#wrapper, #leftcolum, #middlecolumn, #copyright { 
margin:0 auto;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 775px;
	}

#calendar {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	display:block;
	}


#header {
	margin:0px; 
	background-image:url('images/header1.gif');
	background-repeat: no-repeat;
	width: 775px;
	height: 123px;
	valign: top;
	text-align: center;
	}

#contactinfo {
	float: right;
	background-image:url('images/contact_info.gif');
	background-repeat: no-repeat;
	width: 192px;
	height: 64px;
	valign: top;
	margin: 5px 5px 22px 0;
	}

#wrapper {
float: left;	
background-image:url('images/background.gif');
	background-repeat: repeat-y;
	width: 775px;
	display: inline-block;

	}


#leftcolumn {
	float: left;
	width: 230px;
	valign: top;
	}

#spacercolumn {
	float: left;
	width: 120px;
	valign: top;
	}


#middlecolumn {
	float: left;
	width: 545px;
	height: 100%;
	valign: top;

	}


DIV.borderbottom {
float: left;
width: 775px;
height:18px;
background-image: url(images/border_bottom.gif);
background-repeat: no-repeat;
margin: -5px 0 10px 0;

}

#copyright {
text-align: center;
font-size: 10px; 
margin: 0;
}

DIV.reflection {
width: 61px;
height:53px;
background-image: url(images/reflection.gif);
background-repeat: no-repeat;
margin: 0 0px 20px 55px;
float: left;
}



td.Y {
	margin:0px; background-image:url('images/side_back.gif');
	background-repeat: repeat-y;
	valign: top;
	}

td.org {
	margin:0px; background-image:url('images/org_back.gif');
	background-repeat: repeat-y;
	valign: top;
	}

td.org342 {
	margin:0px; background-image:url('images/back_342.gif');
	background-repeat: repeat-y;
	valign: top;
	}

td.talenthead {
	padding:15px 2px 2px 5px; 
	background-color: #cfcfcf;
	valign: top;
	}

td.talenthead a{
	color: green;
	text-decoration: none;
	font-size: 15px;
	}



H1 {font-size: 14pt; font-family: arial; font-style: bold; color: #327A3C}
H2 {font-size: 12pt; font-family: arial; font-style: bold; color: #000000}
H3 {font-size: 10pt; font-family: arial; font-style: bold; color: #000099}
H4 {font-size: 8pt; font-family: arial; font-style: bolder; color: #808080}
H5 {font-size: 16pt; font-family: ,arial; font-style: italic; color: #000099}
H6 {font-size: 8pt; font-family: arial; font-weight: light}

p.quote {
width: 390px;
font-style:italic;
color:green;
font-weight:bold;
padding:7;
}

td.scripheader {text-align: center;font-size: 12pt; font-family: verdana,arial; background-color: #327A3C; color:white}

A.scriplink:link { text-decoration: none; color:white; font-weight: bold; font-size : 17px;}
A.scriplink:visited { text-decoration: none; color:white; font-weight: bold; font-size : 17px;}
A.scriplink:active { text-decoration: none; color:white; font-weight: bold; font-size : 17px;}
A.scriplink:hover { text-decoration: none; color:yellow; font-weight: bolder; font-size : 17px;}

.expander
{ 
margin: 30px 5px 15px 5px; 
border: #3c5a86 1px dashed;
width: 180; 
padding:5px; 
font-size: 12px; 
font-weight: bolder; 
background-color: #d1e0ef; 
} 




DIV.leftboxtop {width: 201px; height: 30px;
background-image: url(images/side_menu.gif);
background-repeat: no-repeat; }

DIV.leftboxtext {width: 201px; height: 30px;
font-size: 13px;
color:black;
text-align: center;
font-weight: bolder;
padding: 7px 0px 7px 0px;
}

DIV.leftboxtextsmall {width: 201px; height: 30px;
font-size: 10px;
color:black;
text-align: center;
font-weight: bolder;
padding: 7px 0px 7px 0px;
}

DIV.leftboxcopy {
background-image: url(images/side_back.jpg);
font-size: 12px;
background-repeat: repeat-y;
width: 191px;
padding: 20px 5px 10px 5px;

}

DIV.leftboxbot {width: 201px; height:8px;
background-image: url(images/side_bottom.jpg);
background-repeat: no-repeat;
}



DIV.midboxtop {width: 399px; height: 30px;
background-image: url(images/org_menu.gif);
background-repeat: no-repeat; }

DIV.midboxtext {width: 399px; height: 30px;
font-size: 13px;
color:white;
text-align: center;
font-weight: bolder;
padding: 7px 0px 7px 0px;
}

DIV.midboxcopy {
background-image: url(images/middlebox_background.jpg);
font-size: 12px;
background-repeat: repeat-y;
width: 369px;
padding: 20px 15px 25px 15px;
}

DIV.midboxbot {
width: 399px; height:8px;
background-image: url(images/middlebox_bottom.jpg);
background-repeat: no-repeat;
}

DIV.midboxbotcolor {
width: 399px; height:8px;
background-image: url(images/middlebox_bottom_colored.jpg);
background-repeat: no-repeat;
}

DIV.orgboxcopy {
background-image: url(images/middlebox_background.jpg);
font-size: 12px;
background-repeat: repeat-y;
width: 399px;
padding: 20px 25px 25px 25px;
text-align: justified;
}


DIV.midbigboxtop {width: 480px; height: 30px;
background-image: url(images/middlebigboxtop.gif);
background-repeat: no-repeat; }

DIV.midbigboxtext {width: 480px; height: 30px;
font-size: 13px;
color:white;
text-align: center;
font-weight: bolder;
padding: 7px 0px 7px 0px;
}

DIV.midbigboxcopy {
background-image: url(images/middlebigbox_background.jpg);
font-size: 12px;
background-repeat: repeat-y;
width: 450px;
padding: 20px 15px 25px 15px;
}

DIV.midbigboxbot {
width: 480px; height:8px;
background-image: url(images/middlebigbox_bottom.jpg);
background-repeat: no-repeat;
}



#timetalent {
background-color: green;
padding: 20px,5px,10px,5px;
color: white;
font-weight: bolder;
font-size: 15px; }

#timetalent a {color: white;
text-decoration: none; }

DIV.timetalenthead {width: 750px;
font-weight: bold;
padding: 10px; }

DIV.timetalentdetail {width: 730px;
padding: 0px, 20px, 15px, 40px; }


#faithalert {
font-size: 13px;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: green;
background-color: yellow;
padding: 10px;
width: 400px;
margin: 30px 0 30px 0px;
}


#onlinereg {
font-size: 13px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: gray;
background-color: #C0FFC0;
padding: 10px;
width: 250px;
margin: 30px 0 30px 0px;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->



/* ----- WEBFORM STYLIZATION ------ */



.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:500px;
padding:14px;
padding-bottom: 50px;
}


/* ----------- stylized ----------- */

#stylized {
border:solid 2px #006600;
background: #FFFFCC;
}

#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #006600;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}