/* CSS Document */

body{
	margin: 0px;
	padding: 10px 0;
	background-image: url(../imgs/jdrfbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
}
#shell{
	width: 780px;
	background-image: url(url(../images/mainbg.jpg));
	margin: 0 auto;
	border: 4px solid #FFFFFF;
	background-color: #FFFFFF;
}
#banner{
	height: 117px;
	background-image: url(../imgs/logo.jpg);
	width: 780px;
	background-repeat: no-repeat;
}
#nav{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	width: 780px;
	padding: 0 0 0 0px;
	height: 30px;
	background-repeat: repeat-x;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #EBC61F;
	background-image: url(/jdrf/imgs/navyw.jpg);
}
#content{
	font-family: "Trebuchet MS", Arial, sans-serif;
	width: 780px;
	font-size: 14px;
	color: #000000;
	padding: 0;
	border-top: 1px solid #ffffff;
	margin: 0;
	background-color: #FFFFFF;
}
#contentNewly{
	font-family: "Trebuchet MS", Arial, sans-serif;
	width: 780px;
	font-size: 14px;
	padding: 0;
	border-top: 1px solid #ffffff;
	margin: 1px 0 0 0;
	background-color: #FFFFFF;
}
#stories {
	margin: 0;
	width: 195px;
	background-color: #FFFFFF;
	padding: 0;
	float: left;
}
#don {
	width: 565px;
	padding: 10px 10px 0 10px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #D50000;
	margin: 0;
	float: right;
	background-color: #FFECEC;
	color: #750000;
}
#boh {
	width: 580px;
	padding: 10px;
	margin: 2px 0 0 0;
	background-color: #FFFFFF;
	color: #4E8822;
	float: right;
	border-left: 2px solid #5CA426;
}
#boh h4 {
	font: bold 20px "Trebuchet MS", Arial, sans-serif;
	letter-spacing: .2px;
}
#hope {
	width: 580px;
	padding: 10px;
	margin: 2px 0 0 0;
	background-color: #FFFFFF;
	color: #890C01;
	float: right;
	border-left: 2px solid #890C01;
}
#hope li{
	margin:0;
	padding: 0;
}
#board {
	width: 580px;
	padding: 10px;
	margin: 2px 0 0 0;
	background-color: #FFFFFF;
	color: #571159;
	float: right;
	border-left: 2px solid #571159;
}
#events {
	width: 762px;
	padding: 10px;
	margin: 2px 0 0 0;
	background-color: #FFFFFF;
	color: #214380;
	float: right;
}
.borderbottom {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E68A00;
}

#walk {
	width: 580px;
	padding: 10px;
	margin: 2px 0 0 0;
	background-color: #FFFFFF;
	color: #1B3567;
	float: right;
	border-left: 2px solid #1B3567;
}
.titleGreen {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #EAF8E0;
	background-color: #61A92B;
	height: 30px;
	margin: 0 0 1px 0;
	padding: 5px 0 0 10px;
	text-align: center;
	letter-spacing: 0.2em;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.titleRed {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #EAF8E0;
	background-color: #CA1406;
	height: 30px;
	margin: 0 0 1px 0;
	padding: 5px 0 0 10px;
	text-align: center;
	letter-spacing: 0.2em;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.titleOrange {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #EAF8E0;
	background-color: #E68A00;
	height: 30px;
	margin: 0 0 1px 0;
	padding: 5px 0 0 10px;
	text-align: center;
	letter-spacing: 0.2em;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.titlePurple {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #EAF8E0;
	background-color: #6A156C;
	height: 30px;
	margin: 0 0 1px 0;
	padding: 5px 0 0 10px;
	text-align: center;
	letter-spacing: 0.2em;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.titleBlue {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #EAF8E0;
	background-color: #214380;
	height: 30px;
	margin: 0 0 1px 0;
	padding: 5px 0 0 10px;
	text-align: center;
	letter-spacing: 0.2em;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#don img {
	float: right;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 5px 0 5px 5px;
}
.welc {
	color: #530000;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}
#imageflash {
	width: 780px;
	margin: 0;
	padding: 0;
	height: 165px;
	border-top: 1px solid #ffffff;
}


#footer{
	color: #537FA2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	clear: both;
	background-color: #FFFFFF;
}
a.luna:link {
	color: #537FA2;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main {
	width: 776px;
}
.green {
	color: #FFFFFF;
	background-position: top;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #83BC39;
	background-color: #83BC39;
}
.blue {
	color: #FFFFFF;
	background-position: top;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2F507B;
	background-color: #2F507B;
}
.orange {
	color: #FFFFFF;
	background-position: top;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-color: #E88B00;
	height: 17px;
}
.purple {
	color: #FFFFFF;
	background-position: top;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-color: #5E005E;
	height: 17px;
}
a.bohlinks {
	font-weight: bold;
	color: #45771C;
}

.learnor {
	font-weight: bold;
	color: #AA6600;
	text-transform: uppercase;
	font-size: 10px;
}
.learnbl{
	font-weight: bold;
	color: #17335B;
	text-transform: uppercase;
	font-size: 10px;
}
.learngr {
	font-weight: bold;
	color: #3A6A17;
	text-transform: uppercase;
	font-size: 10px;
}
.learnpl {
	font-weight: bold;
	color: #5E005E;
	text-transform: uppercase;
	font-size: 10px;
}
#subnavGreen{
	width: 165px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #CB1001;
	margin: 2px 0 0 0;
	padding: 10px 5px;
	background-color: #FFFFFF;
	float: left;
	border-bottom-color: #CB1001;
	height: 137px;
}
#subnav{
	width: 165px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #CB1001;
	margin: 2px 0 0 0;
	padding: 10px 5px;
	background-color: #FFFFFF;
	float: left;
	border-bottom-color: #CB1001;
	height: 137px;
}
#subnav ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#subnav li{
	margin:18px 0 0 0;
	padding:0;
	list-style-type: none;
}
#subnav li ul{
	margin:0;
	padding:0 0 20px 20px;
	list-style-type: none;
}
.subtitle{
	margin: 0;
	padding: 4px 0;
	font: bold 11px  "Verdana", Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	background-color: #67AD3B;
	color: #FFFFFF;
}
#col1{
	width: 191px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #E88B00;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #FFF2DF;
}
#col2 {
	width: 191px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #445478;
	margin: 0 0 1px 0;
	padding: 0 0 5px 0;
	background-color: #E2E7EF;
}
#col3 {
	width: 191px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #40731A;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: #E4F5D8;
}
#col4 {
	width: 191px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #5E005E;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: #FFCCFF;
}
#col1 h2, #col2 h2, #col3 h2, #col4 h2{
	margin: 0;
	padding: 4px 0 0 0;
	font: bold 11px  "Verdana", Arial, Helvetica, sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
	text-transform: uppercase;
}
#col1 img, #col2 img, #col3 img, #col4 img {
	margin: 0;
	float: left;
}
#col1 p, #col2 p, #col3 p, #col4 p{
	margin: 0px;
	padding: 5px;
	text-align: left;
}
#mainnav, #mainnav ul {
	padding: 0;
	margin: 0 auto 0 10px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
/*Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector sets color and background
when Root-Level items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth 
selector is assigned to IE5 and IE6 Windows via the P7_ExpMenu script.
Note that IE7 supports hover on elements other than links and so behaves
like Firefox, Opera, and Safari - making the menu operable even if JavaScript
is not enabled.
*/
#mainnav li:hover a, #mainnav a:focus,
#mainnav a:active, #mainnav li.over a {
	color: #ECCB28;
	background-color: #FFFFFF;
}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
*/
#mainnav li:hover ul, #mainnav li.over ul {
	display: block;
	opacity: 1.0;
	filter: alpha(opacity=100);
	background-color: #EBC61F;
	padding: 0;
	margin-top: -3px;
	width: 170px;
}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
The color set should march the normal Sub-Level link color
in the rule: #p7menubar ul li a. The background color must be
transparent to allow the underlying gradient background on the UL
to show through.
*/
#mainnav li:hover ul a, #mainnav li.over ul a {
	color: #DDBA13;
	margin: -1px 0 0 0;
	font-size: 10px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	background-color: #FFFFFF;
	padding: 5px;
	width: 175px;
}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to white.
*/
#mainnav ul a:hover {
	color: #ECCB28!important;
	text-decoration: underline;
	background-color: #FFFFFF!important;
}
#mainnav li {
	display: inline;
	float: left;
	list-style-type: none;
}
#mainnav li ul, #mainnav ul li  {
}
#mainnav li ul a, #mainnav ul li a {
	border-style: none;
	text-align: left;
	font-weight: bold;
}
#mainnav ul li a  {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}
#mainnav li ul {
	position: absolute;
	display: none;
	z-index: 100;
	margin: 0;
	background-color: #f7eab5;
	padding: 5px;
	width: 160px;
}
#mainnav a {
	display: block;
	margin: 0;
	padding: 9px 21px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-position: top;
	text-align: center;
	white-space: nowrap;
}
a.greenlink:link, a.greenlink:visited {
	color: #396817;
	text-decoration: none;
}
a.greenlink:hover, a.greenlink:active {
	color: #5CA426;
	text-decoration: underline;
}
a.redlink:link, a.redlink:visited {
	color: #890C01;
	text-decoration: none;
}
a.redlink:hover, a.redlink:active {
	color: #CD1001;
	text-decoration: underline;
}
a.bluelink:link, a.bluelink:visited {
	color: #1A3464;
	text-decoration: none;
}
a.bluelink:hover, a.bluelink:active {
	color: #274F98;
	text-decoration: underline;
}
a.purplelink:link, a.purplelink:visited {
	color: #571159;
	text-decoration: none;
}
a.purplelink:hover, a.purplelink:active {
	color: #6A156C;
	text-decoration: underline;
}
.imagezero img{
	margin:0;
	padding:0;
}