﻿/* Default Styles 
----------------------------------------------------------------------------------------- */
body {
	margin: 10px 0 10px 0;
	padding: 0;
	font: normal 11px/17px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	background: #CCC url(../images/bg_main_tile.gif) repeat scroll 0 0; }
	
a, a:link, a:visited, a:active, a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #2E3540; }
	
a:hover {
	color: #4A4F59;
	text-decoration: none; }
	
p {
	margin: 0 0 15px 0; }
	
ul { 
	padding: 0;
	margin: 0 0 15px 20px;
	list-style: square url(../images/bul_sm.gif) outside; }
	
li { 
	margin: 0 0 5px 0; }
	
h1 {
	margin: 0 0 10px 0;
	font: italic 18px/23px Georgia, Times New Roman, serif;
	color: #00529B; }
	
h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #00529B;
	margin-top: 0;
	margin-bottom: 10px; }
	
.centertext h2 {
	display: block;
	background: transparent url(../images/bul_lg.gif) no-repeat scroll left top; 
	padding: 0 0 0 18px; }
	
h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #00529B;
	margin-top: 0;
	margin-bottom: 10px; }
	
sup, p sup {
	font-size: 80%; }

/* Structural Rules
-----------------------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 780px; 
	margin: 0 auto;
	padding-top: 110px;
	background: #FFF url(../images/bg_contain.jpg) no-repeat scroll 0 0; }
			
#contenttbl {
	margin: 0;
	padding: 0;
	width: 780px; }
	
#breadcrumb {
	position: absolute;
	left: 195px;
	top: 150px;
	width: 584px;
	font-size: 9px;
	line-height: 13px;
	text-align: left;
	z-index: 5; } 
	
a#logo, a#logo:link, a#logo:active, a#logo:visited, a#logo:hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 43px; 
	top: 28px;
	left: 20px;
	background: transparent url(/images/pic_logo.jpg) no-repeat scroll 0 0;
	cursor: pointer; }

a#logocsd, a#logocsd:link, a#logocsd:active, a#logocsd:visited, a#logocsd:hover {
	position: absolute;
	display: block;
	width: 177px;
	height: 30px; 
	top: 33px;
	right: 13px;
	background: transparent url(../images/pic_logo_csd.jpg) no-repeat scroll 0 0;
	cursor: pointer; }
	
#leftcol, #rightcol {
	width: 181px;
	padding: 30px 0 0 5px;
	border-right: 1px solid #999;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 175px; }
	
	#leftcol, #rightcol {
		width: 175px; /* end ie5 hack */ }
	
#rightcol {
	border-right: none;
	border-left: 1px solid #999; }
	
p.singlepar {
		margin-bottom: 0; }
	
p.introlink, p.viewlink {
	margin-bottom: 15px;
	text-align: right; }
	
p.viewlink {
	text-align: left; }

p.introlink a, p.introlink a:link, p.introlink a:active, p.introlink a:visited, p.introlink a:hover,
	p.viewlink a, p.viewlink a:link, p.viewlink a:active, p.viewlink a:visited, p.viewlink a:hover {
	font-weight: bold; }
		
.sidecolcontain {
	display: block;
	width: 170px;
	padding-top: 10px;
	margin-bottom: 10px;
	background: transparent url(../images/bg_sidecolhead.jpg) no-repeat scroll 0 0; }
	
.sidecolhead {
	margin: 0 10px 10px 15px;
	font: italic 13px/18px Georgia, Times New Roman, serif;
	color: #00529B; }
	
.sidecoltext {
	padding: 0 10px 1px 15px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	background: transparent url(../images/pic_sidecol_rule.gif) no-repeat scroll bottom; }
	
#center {
	width: 418px;
	padding-top: 70px;
	background: transparent url(../images/bg_center.jpg) no-repeat scroll 0 50px; }
	
#centermaincont {
	width: 599px;
	padding-top: 70px;
	background: transparent url(../images/bg_center_blend.jpg) no-repeat scroll bottom; }
	
.centertext {
	padding: 0 15px 15px 15px;
	font: normal 11px/18px Verdana, Arial, Geneva, sans-serif; }
	
.divider {
	display: block;
	width: 348px;
	height: 1px;
	margin-bottom: 10px;
	text-align: left;
	background: transparent url(../images/bg_center_horiz.gif) no-repeat scroll bottom; }
	
.centertext img {
	margin: 3px 0 10px 10px;
	border: 1px solid #666;
	filter: alpha(opacity = 90);
	-moz-opacity: 0.9; }
	
.centerseperator {
	width: 418px;
	height: 35px;
	margin: 0 2px 0 2px;
	background: #BCA992 url(../images/pic_center_seperator.jpg) no-repeat scroll 0 0; }
	
#footer {
	width: 780px;
	height: 23px;
	margin: 0 auto;
	padding: 0;
	background: #FFF url(../images/bg_footer.jpg) no-repeat scroll 0 0; }
	
img#lenderlogo {
	float: right;
	width: 104px;
	height: 44px;
	margin-right: 10px;
	border: none; }
	
a#btnhome, a#btnhome:link, a#btnhome:active, a#btnhome:visited,
	a#btncontact, a#btncontact:link, a#btncontact:active, a#btncontact:visited,
	a#btnsitemap, a#btnsitemap:link, a#btnsitemap:active, a#btnsitemap:visited {
	position: absolute;
	left: 258px;
	top: 0;
	width: 110px;
	height: 25px;
	background: transparent url(../images/btn_home.jpg) no-repeat scroll 0 0;
	z-index: 10; }
	
a#btncontact, a#btncontact:link, a#btncontact:active, a#btncontact:visited {
	left: 368px;
	width: 101px;
	background-image: url(../images/btn_contact.jpg); }

a#btnsitemap, a#btnsitemap:link, a#btnsitemap:active, a#btnsitemap:visited {
	left: 469px;
	width: 111px;
	background-image: url(../images/btn_map.jpg); }
	
a#btnhome:hover, a#btncontact:hover, a#btnsitemap:hover {
	background-position: 0 -25px; }
	
a#btnlogin, a#btnlogin:link, a#btnlogin:active, a#btnlogin:visited,
	a#btndemo, a#btndemo:link, a#btndemo:active, a#btndemo:visited {
	display: block;
	width: 150px;
	height: 20px;
	margin-bottom: 20px;
	background: transparent url(../images/btn_login.jpg) no-repeat scroll 0 0; }
	
a#btndemo, a#btndemo:link, a#btndemo:active, a#btndemo:visited {
	margin-bottom: 0;
	background-image: url(../images/btn_demo.jpg); }
	
a#btnlogin:hover, a#btndemo:hover {
	background-position: 0 -20px; }

.datedisplay {
	padding: 0 0 0 10px;
	color: #083F67;
	background: transparent url(../images/bg_time.gif) no-repeat scroll left top; }
	
#backtop { 
	width: 555px; 
	margin: 5px 0 15px 15px;
	font-size: 10px; }
	
.botnav {
	width: 780px;
	margin: 10px auto;
	padding: 0;
	color: #333;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	text-align: left; }
	
.botnav a, .botnav a:link, .botnav a:active, .botnav a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none; }

.botnav a:hover {
	text-decoration: underline; }
	
#botnavbtncontainer {
	position: absolute;
	left: 0;
	top: 535px;
	width: 800px;
	height: 17px;
	border-left: 1px solid #A5A6B9;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 799px; }
	
	#botnavbtncontainer {
		width: 799px; /* end ie5 hack */ }
	
a.botnavbtn, a.botnavbtn:link, a.botnavbtn:active, a.botnavbtn:visited {
	float: left;
	display: block;
	width: 133px;
	height: 17px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #A5A6B9;
	background: transparent url(../images/bg_botnav.gif) repeat-x scroll 0 0;
	cursor: pointer;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 132px; }
	
	a.botnavbtn, a.botnavbtn:link, a.botnavbtn:active, 
		a.botnavbtn:visited {
		width: 132px; /* end ie5 hack */ }

a.botnavbtn:hover {
	color: #000;
	background-position: 0 -17px; }
	
.gallerythumb {
	float: left;
	width: 150px;
	height: 130px;
	margin: 0 20px 20px 0;
	font: normal 10px/12px Verdana, Arial, Geneva, sans-serif; }
	
.gallerythumb img {
	height: 70px;
	margin: 0 0 5px 0; }
	
.imagewrapper {
	float: right;
	width: 252px;
	padding: 3px 15px 10px 15px; }
	
.imagewrapper img {
	margin: 0; }
	
a#moschools, a#moschools:link, a#moschools:visited, a#moschools:hover, a#moschools:active {
	display: block;
	width: 200px;
	height: 72px; 
	background: transparent url(../images/pic_mo_schools_of_char.png) no-repeat scroll 0 0;
	cursor: pointer; }

	* html a#moschools, * html a#moschools:link, * html a#moschools:active, * html a#moschools:visited, * html a#moschools:hover {  
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pic_mo_schools_of_char.png",sizingMethod="image"); }  /* for IE/Win */
		
a#btnssoc, a#btnssoc:link, a#btnssoc:visited, a#btnssoc:hover, a#btnssoc:active {
	float: right;
	display: block;
	width: 70px;
	height: 83px;
	margin-bottom: 5px; 
	background: transparent url(../images/pic_ssoc_logo_sm.png) no-repeat scroll 0 0;
	cursor: pointer; }

	* html a#btnssoc, * html a#btnssoc:link, * html a#btnssoc:visited, * html a#btnssoc:hover, * html a#btnssoc:active {  
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pic_ssoc_logo_sm.png",sizingMethod="image"); }  /* for IE/Win */
		
a.btndonate, a.btndonate:link, a.btndonate:visited, a.btndonate:hover, a.btndonate:active,
	a.btnregister, a.btnregister:link, a.btnregister:visited, a.btnregister:hover, a.btnregister:active {
	display: block;
	width: 140px;
	height: 30px;
	background: transparent url(../images/btn_donate.gif) no-repeat scroll 0 0; }
	
	a.btnregister, a.btnregister:link, a.btnregister:visited, a.btnregister:hover, a.btnregister:active { 
		background-image: url(../images/btn_register.gif); }
	
	a.btndonate:hover, a.btnregister:hover { background-position: 0 -30px; }

/* Begin Modified Navigation Rules - CR 12/4/2006
----------------------------------------------------------------------------------------- */
#navigation {
	position: absolute;
	top: 80px; 
	left: 0;
	width: 785px;
	z-index: 1000; }
		
#navigation ul { 
	list-style: none outside none; 
	margin: 0; 
	padding: 0; 
	cursor: pointer; }

#navigation li {
	margin: 0; }

li.level1 {
	float: left;
	position: relative;
	text-align: center; }

a.mainnav, a.mainnav:link, a.mainnav:active, a.mainnav:visited, a.mainnav:hover,
	a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover { 
	display: block; 
	width: 156px; 
	height: 30px;  
	font: bold 10px/28px Verdana, Arial, Geneva, sans-serif; 
	text-decoration: none; 
	color: #FFF;
	background: #B98BA0 url(../images/btn_main.jpg) no-repeat scroll 0 0; }
	
a.mainnav:hover { 
	background-position: 0 -30px; }
	
li.level1 ul { 
	display: none; 
	position: absolute;
	width: 300px;
	text-align: left;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
	
a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover { 
	display: block;
	height: 100%;
	padding: 5px 8px 7px 8px;
	font: normal 10px/15px Verdana, Arial, Geneva, sans-serif;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background-image: none; }
 	
	a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover { 
		width: 282px; /* SBMH - Moz */ } 

	* html a.subnav, * html a.subnav:link, * html a.subnav:active, * html a.subnav:visited, 
		* html a.subnav:hover { 
		width: 300px; /* SBMH - ie */ }	

a.subnav:hover {
	background-color: #527DA8; }

li.level1 > ul { 
	top: auto;
	left: auto; }

li.level1:hover ul, li.over ul { 
	display: block; }
	
/* Side Column Navigation Rules
----------------------------------------------------------------------------------------- */
a.leftnav, a.leftnav:link, a.leftnav:active, a.leftnav:visited,
	a.leftnavfirst, a.leftnavfirst:link, a.leftnavfirst:active, a.leftnavfirst:visited {
	display: block;
	width: 179px;
	margin: 0;
	padding: 5px 10px 6px 15px;
	font-size: 10px; 
	line-height: 14px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #CC7300;
	background-color: #E6BB77;
	filter: alpha(opacity = 95);
	-moz-opacity: 0.95;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 154px; }
	
a.leftnav {
	width: 154px; /* end ie5 hack */ }

a.leftnav:hover { 
	text-decoration: none;
	color: #FFF;
	background-color: #CC7300; }

a.btnsamples:link, a.btnsamples:active, a.btnsamples:visited, a.btnsamples:hover {
	display: block; 
	width: 200px; 
	height: 40px; 
	margin: 0 0 10px 10px; 
	font-weight: bold; 
	line-height: 36px; 
	color: #FFF; 
	text-align: center; 
	border: 2px solid #E5B97F; 
	background-color: #CC7300;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 196px; }
	
	a.btnsamples:link, a.btnsamples:active, a.btnsamples:visited, a.btnsamples:hover {
		width: 196px; /* end ie5 hack */ }

/* Web Form Rules
----------------------------------------------------------------------------------------- */	
.mainfield {
	font: normal 10px/10px Verdana, Arial, Geneva, Sans-serif; 
	color: #333; 
	background-color: #FFF; 
	border: 1px solid #999; }
	
.formbutton { 
	width: 100px;
	font: bold 10px/10px Verdana, Arial, Geneva, Sans-serif; 
	cursor: pointer; }
	
/* Web Form Rules
----------------------------------------------------------------------------------------- */
.oneColElsCtr #container {
	width: 46em;
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: center; }
	
.oneColElsCtr #mainContent {
	padding: 0 20px; }
