* {
	margin: 0;
	padding: 0;
}
body {
margin: 0;
padding: 0;
font-family: Arial;
font-size: small;
color: #035474;
text-align: left;
background: #fff;
}
body {
font-size: x-small; /* IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small;
}
a {
	color: #035474;
	text-decoration: none;
}
html>body { /* be nice to Opera */
font-size: small;
} 

#wrapper {
	width: 777px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#branding {
	height: 68px;
}
#title {
	background: url(logo.jpg) no-repeat;
	width: 157px;
	height: 60px;
	margin-right: 12px;
	float: left;
}
#title a {
	text-decoration: none;
	border-style: none;
}
#mainmenu {
	margin-top: 8px;
}
/*main Nav */
ul#mainNav {
list-style: none;
	/*border-bottom: 3px solid #00598d;*/
	float: left;
	border-left: 1px solid #00598d;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#mainNav li {
float: left;
	text-transform: uppercase;
	font: bold 100% "Lucida Grande", sans-serif;
}
ul#mainNav li a {
float: left;
display: block;
margin: 0;
padding: 10px 10px 4px;
color: #035474;
text-decoration: none;
border-right: 1px solid #00598d;
	border-bottom: 3px solid #00598d;
}
ul#mainNav a:hover {
background: #00598d;
	color: #fff;
	border-right: 1px solid #00598d;
}
ul#content {
	padding-left: 10px;
	margin-top: 10px;
	list-style-type: disc;/*
	list-style-position: inside;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
	line-height: 18px;*/
}
ul#content li {padding-top: 3px; padding-bottom: 3px;}

ul#mainNav li.active a {
	color: #ce8a36;
	border-bottom: 3px solid #ce8a36;
}
ul#mainNav li.active a:hover {
	color: #fff;border-bottom: 3px solid #00598d;
}


ul.article {
	padding: 0 0 8px;
	list-style-type: none;
	font-size: 85%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
	line-height: 120%;
}
ul.article a {
	color: #035474;
	font-weight: bold;
}
ul.article a:hover {
	color: #d18c37;
}
ul.article li {
	text-transform: uppercase;
}
ul.article p {
	padding: 0;
	margin: 0;
}
ul.downloads a {
	display: block;
	padding-bottom: 5px;
	color: #00598d;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}
p#slogan {
	font: italic bold 10px Georgia, "Times New Roman", Times, serif;
	padding-top: 7px;
	float: left;
	margin-bottom: 0;
	width: 588px;
}
.clear {
	clear: none;
}
#header {
	margin-bottom: -3px;
}
#header img {width: 763px;}
p {
	font-size: 88%;
	line-height: 1.3;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 2px;
}
#left-col {
	width: 367px;
	float: left;
}
#left-col .padding {
	padding-left: 2px;
	margin-right: 10px;
}
p.head {

}
p.intro {
	font: italic 90% "Times New Roman", Times, serif;
	padding-bottom: 2px;
}
h1,h2 {
	font: italic 250% "Times New Roman", Times, serif;
}
h1.cchf {

}
h2.cchf {

}
h3.cchf {

}
p.intro {

}
h3 {
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 95%;
	padding-top: 6px;
	margin-bottom: 6px;
}
/*hr {
	width: 90%;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #00558b;
	border-style: dashed;
}*/

/* @group bars */

span.bar1 {
	border-bottom: 4px solid #c28d1b;

}
span.bar2 {
	border-bottom: 4px solid #f48d24;
}
span.bar3 {
	border-bottom: 4px solid #a61717;
}
span.bar4 {
	border-bottom: 4px solid #1ba1a0;
}

span.bar5 {
	border-bottom: 4px solid #73c620;
}

span.bar6 {
	border-bottom: 4px solid #b2191c;
}

span.bar7 {
	border-bottom: 4px solid #eebd2e;
}

span.bar1, span.bar2, span.bar3, span.bar4, span.bar5, span.bar6, span.bar7 {
	width: 19px;
	display: inline-block;
	padding-left: 5px;
	margin-left: 3px;
}

/* @end */

/* @group JoDo + events */
.join, .donate {
	width: 172px;
	text-transform: uppercase;
	height: 32px;
	margin-bottom: 7px;
}
.join a, .donate a {
	color: #035474;
	text-decoration: none;
}
.join {
	background-color: #fa9018;
	padding-top: 5px;
}
.donate {
	background-color: #f3db23;
	padding-top: 5px;
}
span.one {
	display: block;
	font-size: 185%;
	margin-left: 9px;
	margin-right: 3px;
	float: left;
}
span.two {
	display: block;
	font-size: 80%;
	font-weight: bold;
	padding-top: 3px;
}
.events {
	color: #fff;
	background-color: #c18b1f;
	text-transform: uppercase;
	font-size: 85%;
	text-align: center;
	letter-spacing: 1px;
	height: 50px;
	margin-right: 6px;
	padding-right: 0;
	display: block;
	float: left;
	margin-bottom: 6px;
	width: 40px;
}
span.month {
	display: block;
	padding-top: 6px;
	width: 40px;
}
span.date {
	font-size: 215%;
	letter-spacing: 0;
	display: block;
	height: 28px;
	padding-bottom: 0;
	margin-bottom: -2px;
}
.event-detail {
	float: left;
	width: 120px;
}
.event-detail a {
	color: #035474;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.event-detail a:hover {
	color: #fa9018;
}
.event-detail p {
	font-size: 80%;
	margin: 1px 0 0;
	color: #c18b1f;
	text-transform: uppercase;
	font-weight: bold;
}
.clear-event {
	clear: left;
	height: 10px;
}
.eventsAll {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #dedede;
}
h3.date {
	font-size: 130%;
}
.eventsAll p {
	font-size: 100%;
}
.eventsAll p a {
	font-weight: bold;
}
.eventsAll p a:hover {
	color: #c18b1f;
}
/* @end */

/* @group form */
#email-signup {
	border-top: 1px dashed #00598d;
	padding-top: 2px;
	border-bottom: 1px dashed #00598d;
	padding-bottom: 9px;
}
#email-signup p {
	text-transform: uppercase;
	font-size: 80%;
	padding-bottom: 1px;
}
input#email {
	line-height: 21px;
	margin-bottom: 5px;
	color: #00598d;
	font-size: 80%;
	padding-left: 5px;
}
input.emailsignup {
	margin-bottom: 4px;
}
input.submit {
	margin-top: 4px;
	margin-bottom: 5px;
}
p.check input {
	margin-right: 2px;
	margin-top: -2px;
	margin-bottom: 0;
}
fieldset {
	border-style: none;
	margin-top: 9px;
}
input.button {
	margin-bottom: 7px;
	background-color: #00598d;
	color: #fff;
	padding: 3px;
}
/* @end */
#right-content {
	float: right;
	width: 400px;
	margin-top: 0;
}
#right-content p, #right-content h1, #right-content h2, #right-content h3, {
	padding-left: 8px;
}

#middle-col {
	width: 200px;
	float: left;
}

#middle-col-padding {
    background-color: #b8f6f5;
    padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
	margin-bottom: 8px;
}


#middle-col .padding-archive {
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

ul.content {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
ul.content li {
	padding-left: 15px;
}
#right-col {
	width: 186px;
	float: right;
}
#right-col .padding {
	padding-right: 0;
	margin-top: 0;
}
.orange {
	background-color: #d18c37;
	padding: 8px;
	color: #fff;
	margin-right: 13px;
}
.orange a {
	color: #fff;	font-size: 85%;

}
.orange a:hover {
	color: #035474;
}
img.icon {
	float: left;
	margin-right: 8px;
}
ul.article, ul.archive {
	font-size: 85%;
	width: 95%;
}
ul.article a {
	border-bottom: 1px dashed #024e82;
	width: 95%;
	display: block;
	padding-bottom: 6px;
	font-size: 85%;
}

ul.archive a {
	/*border-bottom: 1px dashed #024e82;*/
	width: 95%;
	display: block;
	padding-bottom: 6px;
	font-size: 85%;
}
ul.downloads a {color: #ffffff; font-size: 80%;}
ul.article li, ul.archive li {
	padding-top: 6px;
}
#articles {
	margin-bottom: 30px;
}
#articles p {
	text-transform: uppercase;
	font-size: 80%;
	margin-bottom: 5px;
}
#articles a:hover {
	color: #d18c37;
}
#bottom-container {
	/*float: left;*/
	width: 395px;
	display: block;
	height: 100%;
}
#bottom-container .padding {
	padding-left: 6px;
	padding-right: 6px;
}

#bottom-middle1 .padding, #bottom-middle2 .padding {
	padding: 6px;
}
#bottom-middle1 {
	/*width: 200px;*/
	/*float: left;*/
	background-color: #e6f6b8;
	list-style-type: none;
	height: auto;
}
ul#links {
	list-style-type: none;
	margin: 0;
	font-size: 80%;
	line-height: 2.2;
	text-transform: uppercase;
}
ul#links a {
	text-decoration: none;
	color: #035474;
}
ul#links a:hover {
	color: #f28c14;
}
#bottom-middle2 {
	/*width: 200px;*/
	/*float: left;*/
	background-color: #c0f7b8;
	height: auto;
}
#footer {
	margin-left: auto;
	margin-right: auto;
	height: 104px;
	width: 777px;
	clear: both;
	padding-top: 20px;
}
#footer .padding {
	margin-bottom: 50px;
}
#footer p {
	font-size: 85%;
	text-align: center;
}

#footer p#footerNav {
margin: 0 0 6px;
	border-top: 2px solid #00598d;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 1px;
	width: 777px;
	height: 24px;
	display: block;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
#footer li {
padding: 0;
	text-transform: uppercase;
	font: bold 80% "Lucida Grande", sans-serif;
	margin: 0;
}

#footer a {
display: inline-block;
margin: -2px 0 0;
padding: 4px 8px;
color: #035474;
text-decoration: none;
	text-align: center;
}
#footer a:hover {
border-color: #727377;
background: #035474;
	color: #fff;
}

/* Preceptorship Search Styles */
div#preceptorSearch li {line-height: 32px;}
div#preceptorSearch div {width: 170px; float: left;}
div#preceptorSearch div div {padding: 10px;}
.clear {clear: both; height: 10px;}