body {
	font: 12px Verdana, Geneva, sans-serif;
	color: #000;
	background: #FFF6D4 url(../../images/layout/background-gradient.png) repeat-x center top;
	margin: 0px;
	padding: 0px;
}
#body {
	margin: 0px auto;
	width: 975px;
	padding: 0px;
}
#body-repeat {
	background: url(../../images/layout/background-repeat.png) repeat-y center top;
}
#background-top {
	background: url(../../images/layout/background-top.gif) no-repeat center top;
}
#background-bottom {
	background: url(../../images/layout/background-bottom.gif) no-repeat center bottom;
}


#body-left {
	background: url(../../images/layout/background-left.png) no-repeat right top;
}



#header {
	background: url(../../images/layout/header.gif) no-repeat 1px;
	height: 202px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}
#header-text-top {
	color: #2A509D;
	font-size: 18px;
	font-weight: 300;
	padding-top: 45px;
	text-align: right;
	padding-right: 36px;
}
#header-text-bottom {
	color: #2A509C;
	font-size: 24px;
	text-align: right;
	padding-top: 50px;
	padding-right: 36px;
	font-weight: normal;
}
#header-text-bottom .text-small {
	font-size: 16px;
	color: #F1B525;
}



#nav {
	margin-top: 29px;
}
#menu-current-title {
	background: url(../../images/layout/menu-main-title.gif) repeat-y;
	padding: 8px 20px 8px 25px;
	font-size: 14px;
}
#photo-current-top {
	background: url(../../images/layout/photo-box-top.png) no-repeat center top;
	height: 13px;
}

#menu-current-info-top {
	background: url(../../images/layout/menu-main-ds.gif) no-repeat;
	height: 14px;
}
#menu-current-info {
	background: url(../../images/layout/menu-main.gif) repeat-y;
}
#menu-current-bottom {
	background: url(../../images/layout/menu-bottom.png) no-repeat;
	height: 15px;
	margin-bottom: 29px;
}

#menu-main-top , #menu-current-top{
	background: url(../../images/layout/menu-main-top.gif) no-repeat;
	height: 11px;
}
#menu-main-info {
	background: url(../../images/layout/menu-o.gif) repeat-y;
}
#menu-main-bottom {
	background: url(../../images/layout/menu-main-bottom.png) no-repeat;
	height: 16px;
	margin-bottom: 29px;
}
#donate-button {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: url(../../images/layout/donate.png) no-repeat;
	padding: 15px 25px;
	text-transform: uppercase;
}




#content {
	margin: 0px auto;
	width: 955px;
	min-height: 600px;
}
#donate-button a {
	color: #FFF;
	text-decoration: none;
}
#donate-button:hover {
	background: url(../../images/layout/donate-o.png) no-repeat;
}

#info {
	padding: 15px 29px 29px;
	float: left;
	width: 641px;
}
#info.full {
	background: #FFF;
	float: none;
	width: 940px;
}

#info h1 {
	font-size: 20px;
	color: #2A509B;
	margin-bottom: 15px;
	font-weight: normal;
	margin-right: 6px;
	margin-left: 6px;
}
#info h2 {
	font-size: 14px;
	color: #517AD0;
	font-weight: normal;
	margin-right: 6px;
	margin-left: 6px;
}
#info h3 {
	color: #40939E;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	margin-right: 6px;
	margin-left: 6px;
}
#info h4 {
	font-size: 14px;
	color: #2A509B;
	margin-bottom: 10px;
	font-weight: normal;
	margin-right: 6px;
	margin-left: 6px;
}
#info h6 {
	font-size: 10px;
	margin-right: 6px;
	margin-left: 6px;
	margin-top: -10px;
}
#info h6 a {
	color: #666;
	text-decoration: none;
}



#info p {
	margin-bottom: 10px;
	line-height: 130%;
	margin-right: 6px;
	margin-left: 6px;
}
#info ul {
	margin-right: 5px;
	margin-left: 40px;
}
#info ul li{
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 8px;
}
#info ol li{
	margin-bottom: 8px;
}
#info #text-info .stories h1 , #info #text-info .stories h4{
	padding-top: 10px;
}
#idea-day-top {
	background: url(../../images/layout/text-highlight-top.gif) no-repeat;
	height: 14px;
}

#idea-day-info {
	background: url(../../images/layout/text-highlight-info.gif) repeat-y;
	padding: 5px 25px;
	color: #FFE37B;
}
#idea-day-info  h3 {
	color: #FFF;
	margin: 0px 6px;
	padding: 0px;
}
#idea-day-info p {
	margin-top: 0px;
	margin-bottom: 0px;
}

#idea-day-bottom {
	background: url(../../images/layout/text-highlight-bottom.gif) no-repeat;
	height: 15px;
	margin-bottom: 20px;
}
#text-top {
	background: url(../../images/layout/text-info-top.gif) no-repeat;
	height: 15px;
}
#text-info .sponsors {
	background: #FFF;
	border: 1px solid #ECF1FF;
}

#text-info {
	background: url(../../images/layout/text-info-info.gif) repeat-y;
	padding: 2px 25px 8px;
	min-height: 440px;
}
#text-bottom {
	background: url(../../images/layout/text-info-bottom.gif) no-repeat;
	height: 17px;
}
#sidebar {
	padding: 15px 29px 29px 0px;
	float: left;
	width: 227px;
}

#sidebar h1 {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: normal;
	color: #2A5099;
	text-transform: none;
	margin-top: 15px;
}
#follow-us h1{
	font-size: 14px;
	font-weight: normal;
	color: #2A5099;
	text-transform: none;
	padding: 0px;
	margin-top: 0px;
}
#sidebar #menu-current-title h1 {
	margin: 0px;
	padding: 0px;
}

#footer {
	font-size: 11px;
	color: #000;
	padding: 10px 29px;
	margin: 0px auto;
	width: 897px;
}

#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer-bottom {
	background: url(../../images/layout/footer-bottom.png) no-repeat;
	height: 9px;
	margin: 0px auto;
	width: 1018px;
}
.highlight.underline {
	padding-top: 8px;
	padding-bottom: 8px;
}
#TJK_DL {
	padding-right: 6px;
	padding-left: 6px;
}

.highlight:hover {
	background: #FFF4E3;
}
.underline {
	border-bottom: 1px solid #D5E0FF;
}
.stories .news-feed {
	padding-bottom: 10px;
	padding-top: 10px;
}

#info a {
	color: #CF0128;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#info a:hover {
	text-decoration: underline;
}
a.button {
	color: #000;
	text-decoration: none;
	background: #F6E293;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #F2C700;
	text-transform: uppercase;
	font-weight: normal;
}
#info a.button {
	color: #000;
}

/* start of Tooltip css code here */

a.pop-up {
	position:relative;           /*this is the key*/
	z-index:24;
}
.pop-up em {
	font-size: 90%;
	font-style: normal;
}
a.pop-up span{
	display: none;  /* hide the span text using this css */
	font-weight: normal;
}

a.pop-up:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top: 10px;
	left: 0px;
	z-index:30;
	padding: 2px;
	background: #FEE898;
	color: #2A509C;
	border: 1px solid #F1B525;
	text-decoration: none;
}

a.button:hover {
	background: #F9ECB8;
}
a.button-highlight {
	color: #000;
	text-decoration: none;
	background: #6FC;
	font-size: 10px;
	padding: 2px;
	border: 1px solid #F8A586;
	text-transform: uppercase;
	font-weight: normal;
}

a.button-highlight:hover {
	background: #F8A586;
}


.clear {
	clear: both;
}
.text-extra-small {
	font-size: 10px;
}
.breadcrumb {
	font-size: 11px;
}
.pages {
	font-size: 10px;
	font-weight: bold;
}

a.pages {
	text-decoration: none;
	background: #FFF4E3;
	color: #000;
	border: 1px solid #CF0128;
	margin: 0px 3px;
	padding: 3px 0px;
}
a.pages:hover {
	background: #F8A586;
}
a.pages.down {
	color: #FFF;
	background: #CF0128;
}

.cell-header {
	border-top: 1px solid #F8A586;
	border-bottom: 1px solid #F8A586;
	background: #FFF9F0;
}
.text-small {
	font-size: 80%;
}
.text-large {
	font-size: 120%;
}
.text-orange {
	color: #E67A0C;
}

.text-blue {
	color: #4B76CF;
}

.image_r {
	float: right;
	padding: 0px 0px 0px 10px;
}
.image_l {
	margin: 0px 15px 0px 0px;
	float: left;
}

.highlight-text {
	padding: 5px;
	background: #FFF4E3;
	border-top: 1px solid #F8A586;
	border-bottom: 1px solid #F8A586;
}