/* ORC - style_main.css */
a
	{
	text-decoration: none;
	}

body	/* This is the main background */
	{
	text-align: center;
	background-image: url(../images/blue_gradient_background.gif);
	background-repeat:repeat-x;
	background-color: #ffffff;
	}

h1
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #206085;
	}

h2
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #206085;
	}

h3
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #206085;
	}

.label
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #00F000;
	line-height: 14px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	}

.label a
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #03F;
	display: block;
	letter-spacing: -1px;
	margin-top: 6px;
	margin-bottom: 6px;
	}

.label a:hover
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333333;
	background-color: #D4E2E8;	/* soft baby blue */
	font-weight: bold;
	letter-spacing: -1px;
	
	}

.small_label
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #206085;
	}

.small_label a
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #06F;
	font-weight: bold;
	}

.small_label a:hover
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #333333;
	background-color: #dee6ec;	/* soft baby blue */
	}

a:hover {
  text-decoration: underline;
}

.italic_link a {
  font: italic 125%/1.0 Georgia, serif;
}
.italic_link a:link { 
  color: blue;
}
.italic_link a:visited {
  color: blue;
}
.italic_link a:hover {
  text-decoration: underline;
}
.italic_link a:active { 
  color: blue;
}

input
	{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	color: #3c6175;
	font-size: 10px;
	}
input:hover 
	{
	/*background: #ff6;*/
	}

input[type=text] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #063b5a;
} 

#container
{
	width: 960px; /* NOTE: Originally used 80% for a Fluid Container  */
	margin: 0px auto;
	background-color: #FFFFFF;
	color: #333;
	border: 1px solid gray;
	line-height: normal;
}

#top
{
	height: 145px;
	text-align:left;
	padding: 10px;
	border-bottom: 1px none #4d769c;
	
	background-image:   url(../images/sponsorChild.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
}

#top h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 0;
	margin: 20px;
}

#leftnav
{
	float: left;
	width: 200px;
	margin: 5px 0 10px 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #fff;
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #206085; 
	border-bottom-color: #999999; 
	border-left-color: #999999; 
	color: #333333;
	height: 800px; /* originally = 100% */
	voice-family: "\"}\"";
	voice-family: inherit;
}

#leftnav p 
	{ 
	margin: 0 0 0em; 
	}

.leftnav a
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	line-height: 16px;
	}

.leftnav a:hover
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #333333;
	border-left-color: #333333;
	}

.leftnav a:active
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #66F;
	}
	
.leftnav a:visited
	{

	}

#content
{
	margin-left: 200px;
	padding: 0px 0px 0px 15px;
	max-width: 100%;	/* controls how much of the content pane to use!!! */
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #333333;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #333333;
	text-align: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

#content p
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	word-spacing: 3px;
	color: #000;
	}

#content span
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #000;
	}
	
#content span.italic
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic; 
	text-align: justify;
	color: #5c5c5c;
	display:block;
	line-height: 115%;
	}
	
#content ul{
	margin: 0 auto;
}
#content ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}
#content ul li span.h3list
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 12px; 
	color: #206085;
	}
#content span.h3
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 12px; 
	color: #206085;
	}
#content span.h1
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #206085;
	font-weight: bold;
	}

#footer
{
	clear: both;
	padding: 4px; 
	color: #CCC;
	background-image: url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	background-color: #206085;
	border-top: 1px solid gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer a
	{
	text-decoration: none;
	color: #FFFFCC;
	}

#footer a:hover
	{
	text-decoration: none;
	background-color: #FFFFFF;
	color: #333366;
	}

#footer a:active
	{
	background-color: #FFFFCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}

#footer a:visited
	{
	
	}

#footer h1
	{
	text-decoration: none;
	color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	}

#footer .imglink img:hover
	{
	background-color: #336698;
	}

#tagline
{
	background-color:#206085;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	margin: 0% 17% 0% 0% !important;
	margin: 0% 14.9% 0% 0%;
	padding: 0px 0px 0px 350px !important;
	padding: 0px 0px 2px 350px;
}

#ecfaTagline
{
	color: gray;
	font-family: cursive, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

#ecfaTagline a 
	{
	color: gray;
	text-decoration: none;
	border: none;
	}

#ecfaTagline a:hover 
	{
	color: gray;
	text-decoration: underline;
	border: none;
	}

#ecfaTagline .ecfainfo a:visited
	{
	color: gray;
	text-decoration: none;
	border: none;
	}

.gradientTxtBox_lightBlue 
{
	margin-right: 8px;
	text-align: left;
	width: 170px;
	height:150px;
	background: url(../images/gradientTxtBox_lightBlue.png) #ffffff repeat-x;   /*uses #d4e2e8*/
	border: 1px none #000000;
	/*overflow: scroll;*/
}

.gradientTxtBox_lightBlue  h1 
{
	text-align: center;
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 15px;
	color: #003366;
	border-top: 1px solid #a1c2e2;
	border-right: 1px solid #a1c2e2;
	border-left: 1px solid #a1c2e2; 
}

.gradientTxtBox_lightBlue  div 
{
	margin: 0;
	padding: 10px 10px 15px 10px;
	list-style: none;
	color: #000000;
	font-size: 13px;
}

/* ORC Logo Image Map */
#orcLogo 
{
	width: 190px;
	height: 103px;
	position: relative;
	background-image: url("../images/orc_logo.jpg");
	background-repeat: no-repeat;
	background-position: left 3px;
}

#orcLogo ul 
	{
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	}

#orcLogo a 
	{
	position: absolute;
	width: 190px;
	height: 103px;
	border: none;
	}

#orcLogo a:hover 
	{
	border: none;
	}

#orcLogo .home a 
	{
	top: 0px;
	left: 0px;
	border: none;
	}

#orcLogo .home a:visited
	{
	border: none;
	}
	
/* ECFA Logo Image Map */
#ecfaLogo 
{
	width: 67px;
	height: 64px;
	position: relative;
	background-image: url("../images/AffiliateSeal-WEB.jpg");
	background-repeat: no-repeat;
	background-position: 5px top;
	margin-left: 10px;
}

#ecfaLogo ul 
	{
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	}

#ecfaLogo a 
	{
	position: absolute;
	width: 93px;
	height: 105px;
	border: none;
	}

#ecfaLogo a:hover 
	{
	border: 1px solid #000000;
	}

#ecfaLogo .ecfainfo a 
	{
	top: 0px;
	left: 0px;
	border: none;
	}

#ecfaLogo .ecfainfo a:visited
	{
	border: none;
	}


/* Thrashbox */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxsubhead {
	position:relative; 
	left:-7px;
	top:6px;
	height: 25px; 
	width:168px; 
	background-color: #3e79b0; 
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.9em; 
	text-align: center;
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 25px 25px;
}
.boxbody a {
	text-decoration: none; 
}
.boxbody a:hover {
	text-decoration: underline;
	color: #333333;
}
.boxbody a:visited {
	text-decoration: none;
	/*color: #b73b3b;*/
}


#simplegallery1
{
	float: right;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 20px;
	z-index:99;
}

#simplegallerydesc
{
	float: right;
	clear: right;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
	z-index:99;
}


.curveBox {  /* styling for the main box */
	position:relative; width:240px; background:#fff; color:#ffffff; margin:3px 8px 3px 0; background: url(../images/gradientTxtBox_lightBlue.png) #ffffff repeat-x;
}

/* Needed to float the images to the corners */
.curveBox img.floatLeft  { float: left;  }
.curveBox img.floatRight { float: right; }
/* for fixing bottom border for IE on sponsor a child curvebox... see ie_fixes */
.curveBox img.floatLeftAdj  { float: left; position: relative; top:-24px; left: -2px; }
.curveBox img.floatRightAdj { float: right; position: relative; top:-24px; left: -2px; }

.curveBox  h1 /* styling for the header in the box */
{
	text-align: center;
	margin: 0;
	font-size: 1em;
	color: #003366;
	border-top: 1px solid #a1c2e2;
	border-right: 1px solid #a1c2e2;
	border-left: 1px solid #a1c2e2; 
}
.curveBox  h1 a /* styling for link headers in the box */
{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 1em;
	color: #003366;
	text-decoration: none;
}
.curveBox  h1 a:hover /* styling for hovered link headers in the box */
{
	text-align: center;
	font-size: 1em;
	color: #206085;
	text-decoration: underline;
}
.curveBox p { /* styling for the box content */
	position:relative; top: -12px; padding:5px 8px;
	border-right: 1px solid #a1c2e2;
	border-left: 1px solid #a1c2e2;
/*	border-bottom: 1px solid #a1c2e2; I removed this so we could have the curved bottoms... add back if want straight bottom*/
}
.curveBox  p a /* styling for links in the content */
{
	color: #06F;
	font-weight: normal;
	text-decoration: none;
}
.curveBox  p a:hover /* styling for hovered links in the content */
{
	font-weight: normal;
	text-decoration: underline;
}
.curveBox  h2 /* This is needed for curved bottoms! */
{
	position:relative; top: -23px;
	text-align: center;
	margin: 0 15px 0 15px;
	padding: 0 10px 0 10px;
	font-size: 16px;
	color: #003366;
	border-bottom: 1px solid #a1c2e2;
}
/* for fixing bottom border for IE on sponsor a child curvebox... see ie_fixes */
.curveBox  h3 /* This is needed for curved bottoms! */
{
	position:relative; top: -23px;
	text-align: center;
	margin: 0 15px 0 15px;
	padding: 0 10px 0 10px;
	font-size: 16px;
	color: #003366;
	border-bottom: 1px solid #a1c2e2;
}


.simpleDiv {  /* styling for a simple div box */
	float: left; position: relative; top:-20px; width: 350px; height: 165px; border-style: none; border-width: 1px; margin: 0 0 0 0;
}
.simpleDiv  h1
{
	text-align: center;
	margin: 0 0 15px 0;
	color: #003366;
}
.simpleDiv  h1 a
{
	text-align: center;
	text-decoration: none;
	color: #206085;
}
.simpleDiv  h1 a:hover
{
	text-align: center;
	text-decoration: underline;
	color: #003366;
}
.simpleDiv  h2
{
	text-align: center;
	margin: 0 0 15px 0;
	color: #003366;
}
.simpleDiv  h2 a
{
	text-align: center;
	text-decoration: none;
	color: #206085;
}
.simpleDiv  h2 a:hover
{
	text-align: center;
	text-decoration: underline;
	color: #003366;
}
.simpleDiv  p a
{
	color: #06F;
	font-weight: normal;
	text-decoration: none;
}
.simpleDiv  p a:hover
{
	font-weight: normal;
	text-decoration: underline;
}

/* styling for facebook links */
.facebook  p a
{
	color: #06F;
	font-weight: normal;
	text-decoration: none;
}
.facebook  p a:hover
{
	font-weight: normal;
	text-decoration: underline;
}

img.floatLeft  { float: left; margin-right: 6px; margin-bottom: 6px;}
img.floatRight { float: right; margin-left: 6px; margin-bottom: 6px;}
img.floatLeftClear  { float: left; clear: left; margin-right: 6px; margin-top: 6px; margin-bottom: 6px;}
img.floatRightClear { float: right; clear: right; margin-left: 6px; margin-top: 6px; margin-bottom: 6px;}