/* ************************************** */
/*                                        */
/* Diabetes: A Family Matter - Stylesheet */
/*                                        */
/* By Joshua David Ramsey                 */
/* Web Dev Team                           */
/* Ohio University Southern               */
/*                                        */
/* ************************************** */

/* Set Page Defaults */
* {margin: 0; padding: 0;}
body {font: 100%/1.125em Arial, Helvetica, Verdana, sans-serif; background: #FFFFFF url(../images/bg.jpg) repeat-x scroll top left; color: #000000;}
body.toolkit_pages {background: #FFFFFF url(../images/bg.jpg) repeat-x scroll 0px 290px;}
p, ol, ul, dl, fieldset, label, input, textarea, h1, h2, h3, h4, h5, h6, table, img {margin: 10px;}
p, li, dt, dd, label, legend, td, caption, input, textarea {font-size: .875em;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #2A8753;}
h1 {font-size: 1.250em;}
h2 {font-size: 1em;}
h3 {
	font-size: 1em;
	color: #ff9900;
}

h4 {font-size: .875em;}
a {text-decoration: none;}
a:link, a:visited {color: #2A8753;}
a:hover, a:active {color: #FF0000;}
div#content_main a {text-decoration: underline;}
body.main div#content_main a:link, body.main div#content_main a:visited {color: #87492a;}
body.main div#content_main a:hover, body.main div#content_main a:active {color: #FF0000;}

.blocklevel {display: block;}

/* Viewing Area Width and Alignment */
div#container {margin: 0 auto; width: 901px; overflow: visible;}

/* Primary Nav Styling */
div#primary_navigation {text-align: right;}
div#primary_navigation ol {list-style: none; margin-right: 0;}
div#primary_navigation ol li {
	display: inline;
	margin-left: 25px;
	font-weight: bold;
	font-size: 0.875em;
}
div#primary_navigation a:link, div#primary_navigation a:visited {color: #AAAAAA;}
div#primary_navigation a:hover, div#primary_navigation a:active {color: #FF0000;}

/* Branding Area */
	/* Main Page Styling Only */
body.main div#branding {
	width: 901px;
	height: 68px;
	overflow: visible;
	position: relative;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/branding_area_main.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	/* General Page Styling */
div#branding {
	width: 901px;
	height: 68px;
	overflow: visible;
	position: relative;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/branding_area_main.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#branding h1 {margin: 0;}
div#branding a {
	height: 47px;
	width: 470px;
	position: absolute;
	top: 19px;
	left: 25px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/branding_heading2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#branding a span {visibility: hidden;}

/* Main Page Navigation Feature */
body.main div#content_container div#main_navigation {
	position: relative;
	margin: 0;
	margin-bottom: 10px;
	height: 185px;
	overflow: visible;
}
body.main div#content_container div#main_navigation ol {margin: 0; list-style: none;}
body.main div#content_container div#main_navigation li {margin: 0; padding: 0; text-indent: -9999px; overflow: auto;}
body.main div#content_container div#main_navigation li a {
	margin: 0;
	padding: 0;
	position: absolute;
	background-image: url(images/family_link.jpg);
}
body.main div#content_container div#main_navigation li a#family_main {
	width: 180px;
	height: 185px;
	top: 0px;
	left: 0px;
}
body.main div#content_container div#main_navigation li a#family_main:link,
body.main div#content_container div#main_navigation li a#family_main:visited {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/family_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#family_main:hover,
body.main div#content_container div#main_navigation li a#family_main:active {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/family_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#community_main {
	width: 180px;
	height: 185px;
	top: 0px;
	left: 180px;
}
body.main div#content_container div#main_navigation li a#community_main:link,
body.main div#content_container div#main_navigation li a#community_main:visited {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/community_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#community_main:hover,
body.main div#content_container div#main_navigation li a#community_main:active {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/community_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#toolkit_main {
	width: 180px;
	height: 185px;
	top: 0px;
	left: 360px;
}
body.main div#content_container div#main_navigation li a#toolkit_main:link,
body.main div#content_container div#main_navigation li a#toolkit_main:visited {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/toolkit_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#toolkit_main:hover,
body.main div#content_container div#main_navigation li a#toolkit_main:active {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/toolkit_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#programs_main {
	width: 180px;
	height: 185px;
	top: 0px;
	left: 540px;
}
body.main div#content_container div#main_navigation li a#programs_main:link,
body.main div#content_container div#main_navigation li a#programs_main:visited {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/programs_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#programs_main:hover,
body.main div#content_container div#main_navigation li a#programs_main:active {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/programs_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body.main div#content_container div#main_navigation li a#communicate_main {
	width: 181px;
	height: 185px;
	top: 0px;
	right: 0px;
}
body.main div#content_container div#main_navigation li a#communicate_main:link,
body.main div#content_container div#main_navigation li a#communicate_main:visited {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/communicate_link.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
body.main div#content_container div#main_navigation li a#communicate_main:hover,
body.main div#content_container div#main_navigation li a#communicate_main:active {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/communicate_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Boxes on Main Page */
body.main div#content_container {margin-top: 0px;}
body.main div#content_main {margin-bottom: 10px; overflow: visible;}

body.main div#news {
	float: left;
	width: 300px;
	overflow: auto;
}
body.main div#news h2#updates {
	height: 30px;
	width: 300px;
	text-indent: -9999px;
	background-attachment: scroll;
	background-image: url(../images/news_heading.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
body.main div#news ul#news_listing {list-style-type: none;}
body.main div#news ul#news_listing li {
	min-height: 24px;
	padding-left: 28px;
	background: url(../images/news.png) no-repeat scroll top left;
	border-bottom: 1px dotted #BBBBBB;
	padding-bottom: 10px;
}

body.main div#news div#learn_more {
	height: 252px;
	width: 300px;
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/learn_more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 25px;
	margin-bottom: 10px;
}
body.main div#news div#learn_more h2 {display: none;}
body.main div#news div#learn_more ul {
	list-style-type: none;
	position: absolute;
	top: 35px;
	left: 20px;
}
body.main div#news div#learn_more ul li {padding-left: 32px; background: url(../images/info_list.gif) no-repeat scroll top left; min-height: 24px;}

body.main div#conference {
	float: left;
	overflow: auto;
	width: 380px;
}
body.main div#conference_box {
	height: 210px;
	width: 380px;
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/conference_heading.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	margin-top: 10px;
	margin-right: 0px;
	padding-top: 30px;
}
body.main div#conference_box p#conference_link {position: absolute; font-size: 1em; font-weight: bold; bottom: 35px; left: 6px; display: block;}
body.main div#conference_box p#conference_link a {text-decoration: underline;}
body.main div#conference_box a:link, body.main div#conference_box a:visited {color: #FFFF66;}
body.main div#conference_box a:hover, body.main div#conference_box a:active {color: #FFFFFF;}
body.main div#conference_box h2, body.main div#conference_box p {display: none;}

body.main div#conference div#activities ul {list-style-type: none;}
body.main div#conference div#activities ul li {padding-left: 32px; background: url(../images/date_list.gif) no-repeat scroll top left; min-height: 24px;}


body.main div#learn {position: absolute; top: 0px; left: 342px; width: 216px; overflow: auto;}
body.main div#login {position: absolute; top: 0px; right: 0px; width: 330px; overflow: auto;}
body.main div#login input {display: block; margin-top: 0px; width: 175px;}
body.main div#login label {display: block; margin-left: 45px;}
body.main div#login h2 span {font-weight: normal; font-size: .750em;}
body.main div#login input#login_submit {display: block; margin-left: 65px; height: 20px;  width: 100px; font-size: .625em;}

/* Text for Sub boxes */
/*div.sub_box h1, div.sub_box h2, div.sub_box h3, div.sub_box p, div.sub_box li, div.sub_box label {color: #FFFFFF;}
div.sub_box h1, div.sub_box h2, div.sub_box h3 {margin: 15px 10px 10px 20px;}
div.sub_box ul, div.sub_box ol, div.sub_box p, div.sub_box label, div.sub_box input {margin: 10px 10px 10px 20px;}
div#content_main div#learn h2 {text-align: center; margin: 15px 0px 10px 0px;}
div.sub_box a:link, div.sub_box a:visited {color: #ffff8c;}
div.sub_box a:hover, div.sub_box a:active {color: #ffffff;}
div.sub_box ul, div.sub_box ol {list-style: none; list-style-position: inside;}*/

/* News Page */

span.datelines {font-size: .750em; display: block; margin: -10px 10px 10px 10px; color: #BBBBBB; text-align: right;}
span.dates {color: #0099CC;}

/* all others */
body.main div#content_container {border-bottom: none;}
div#content_container {border-bottom: 1px solid #aaaaaa; overflow: auto; margin-top: 10px;}
div.post_item {overflow: auto; border-bottom: 1px solid #000000; clear: both;}
div.top {border-top: 1px solid #000000;}
div.post_item h3 {border-bottom: 1px solid #999999; overflow: auto;}
div.post_item span.byline {text-align: right; float: right; margin: 0px 10px 10px 10px; color: #AAAAAA;}
div.post_item p {clear: both;}
div.emphasized_blocks {margin: 10px; background-color: #F3F3FD; overflow: auto; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;}
div.emphasized_blocks h4, div.emphasized_blocks h3, div.emphasized_blocks h2 {border-bottom: 1px solid #CCCCCC;}
div.tag_boxes {background-color: #208049; color: #FFF; margin: 10px; padding: 5px;}
p.attributions, p.footnotes {font-size: .750em;}

div.blurb_boxes {width: 225px; background-color: #F3F3FD; overflow: auto; margin: 10px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #BBBBBB;}
div#content_main div.blurb_boxes ul {list-style: none;}
div#content_main div.blurb_boxes ul li {margin-left: 0px;}
div.additional_info_boxes {margin: 10px; width: 250px;}

.a_posteriori {float: right;}
.a_priori {float: left;}
.separate {display: block;}
.non_running_segments {clear: both;}

img.lone_image {display: block; margin: 10px auto;}
img.a_priori {margin: 10px; display: block;}
img.a_posteriori {margin: 10px; display: block;}

/* default tables */
table {border: 1px solid #666666; border-collapse: collapse;}
table th {padding: 3px; text-align: center; border: 1px solid #666666; vertical-align: top; font-size: .875em; background-color: #cccccc;}
table td {padding: 3px; border: 1px solid #666666; vertical-align: top;}
table caption {padding: 3px; font-size: 1em; font-weight: bold; border: 1px solid #666666; text-align: left; background-color: #b1d96c;}
table td ul {margin: -5px 0px 0px 0px;}
table td ul li {font-size: 100%;}

/* Default Field Styling */
label {display: block;}
input {display: block;}
input.user_detail {width: 400px;}
input.submit {display: inline;}

body.main div#content_main {width: 901px; float: none; display: block; overflow: auto; background-color: #f2faf0;}

div#content_main {float: right; display: inline; width: 650px; overflow: auto;}
div#content_sub_1 {float: left; display: inline; width: 240px; overflow: auto;}

div#boilerplate {clear: both;}
div#content_sub_1 div.sidebar {
	background-color: #F3F3FD;
	margin: 10px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
}
div#content_sub_1 div.sidebar h2 {margin-top: 5px;}
div#content_sub_1   .sidebar  embed  {
	margin-left: 7px;
	margin-bottom: 15px;
}

div#denham_book_ad {width: 205px; float: right; margin: 0px 10px 10px 10px; overflow: auto;}

/* Sub Navigation and Top Bars */
div#content_main div.bar {position: relative; width: 650px; height: 48px; /*background: #FFFFFF url(../images/main_top_bar.jpg) no-repeat scroll top left;*/}
div#content_sub_1 div.bar {position: relative; width: 240px; height: 48px; /*background: #FFFFFF url(../images/sub_top_bar.jpg) no-repeat scroll top left;*/}
div#content_main div.bar h2 {position: absolute; margin: 0px; top: 7px; left: 10px; font-size: 1.125em;}
div#content_sub_1 div.bar h2 {position: absolute; margin: 0px; top: 7px; left: 10px; font-size: 1.125em;}
div#content_main div.bar h2 span.sub_text {font-size: 75%;}
div#content_sub_1 div.bar h2 span.sub_text {font-size: 75%;}
div#content_main div.bar p#breadcrumb {position: absolute; margin: 0px; bottom: 2px; right: 0px; text-align: right; font-size: .750em;}
div#content_main div.bar ul {position: absolute; margin: 0px; top: 2px; right: 0px; list-style: none;}
div#content_main div.bar ul li {margin: 0px; font-weight: bold; font-size: .750em; display: inline; padding-left: 5px; padding-right: 5px; border-right: 1px solid #000000;}
div#content_main div.bar ul li.last {border-right: none; padding-right: 0px;}

/* Toolkit */
div#toolkit_branding {position: relative; width: 881px; height: 270px; margin: 10px 0px 10px 10px; border-top: 1px solid #000000; /*border-bottom: 1px solid #000000;*/ background: #FFFFFF url(../images/toolkit_branding.jpg) no-repeat scroll top left;}
div#toolkit_branding ul {margin: 0px; position:absolute; bottom: 10px; right: 10px; list-style: none;}
div#toolkit_branding ul li {display: inline; padding: 0px 1em; border-right: 1px solid #666666; font-size: .875em;}
div#toolkit_branding ul li.last {border: none;}
div#toolkit_branding a {font-size: 1em;}
div#toolkit_branding h2 {text-indent: -9999px;}

div#content_main ul#toolkit_intro_nav {list-style: none; text-align: right;  border-top: 1px solid #CCCCCC; overflow: visible;}
div#content_main ul#toolkit_intro_nav li {display: inline; margin: 0px; padding: 0px 5px; border-right: 1px solid #000000;}
div#content_main ul#toolkit_intro_nav li.last {border-right: none; padding-right: 0px;}

/* Default Lists */
ul, ol {list-style-position: outside;}
ul ul {margin: 0px 0px 0px 1.5em;}
ul ul li {font-size: 100%; border-bottom: none;}
dl dt {margin: 10px; font-weight: bold;}
dl dd {padding-left: 1.5em;}

dl.photo_def_lists {margin: 10px 10px; border-top: 1px dotted #CCCCCC;}
dl.photo_def_lists dd {padding-left: 0px; border-bottom: 1px dotted #CCCCCC; overflow: auto; margin: 10px;}
dl.photo_def_lists dd.last {border-bottom: none;}
dl.photo_def_lists dd img {margin: 3px 10px 10px 0px; border: 2px solid #888888;}
dl.photo_def_lists dt {clear: both;}

body.main div#content_main li {margin: 0px;}
div#content_main ul li {margin: 5px 0px 5px 2em;}

ul#sub_navigation {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 40px;
}
div#content_sub_1 ul#sub_navigation li {border-bottom: 1px solid #cccccc; background: url(../images/link.png) no-repeat scroll top left; padding: 4px 0px 10px 32px; margin: 5px 0px; font-size: .875em;}
div#content_sub_1 ul#sub_navigation li li {border-bottom: none; padding: 0px; background: none;}

div#content_sub_1 p, div#content_sub_1 li {font-size: .750em;}

ul.date_lists {list-style-type: none;}
ul.date_lists {padding-left: 32px; background: url(../images/date_list.gif) no-repeat scroll top left; min-height: 24px;}

ul.file_lists {list-style-type: none;}
ul.file_lists li {padding-left: 32px; background: url(../images/document_list.gif) no-repeat scroll top left; min-height: 24px;}
ul.video_lists {
	list-style-type: none;
}
ul.video_lists li {
	padding-left: 32px;
	min-height: 24px;
	background-attachment: scroll;
	background-image: url(../images/video_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


object#movie {display: block; margin: 10px auto;}

/* Figures */

div.figures img {display: block; margin: 10px auto;}
div.figures {border-top: 1px dotted #666666; border-bottom: 1px dotted #666666;}

/* Boilerplate */
div#boilerplate {position: relative; clear: both;}
div#boilerplate a:link, div#boilerplate a:visited {color: #AAAAAA;}
div#boilerplate a:hover, div#boilerplate a:active {color: #FF0000;}
div#boilerplate div#policy {position: absolute; text-align: left; width: 25%; top: 0px; left: 0px;}
div#boilerplate div#copyright p {color: #AAAAAA;}
div#boilerplate span {display: block;}
div#boilerplate div#copyright {position: absolute; text-align: right; width: 25%; top: 0px; right: 0px;}
div#boilerplate div#quick_links {text-align: center;}
div#boilerplate div#quick_links h2 {font-size: .875em;}
div#boilerplate div#quick_links ul {list-style: none;}
div#boilerplate div#quick_links li {display: inline; padding: 0 5px; border-right: 1px solid #888888; font-size: .750em; font-weight: bold;}
div#boilerplate div#quick_links li.last {border-right: none;}
#container #content_container #content_sub_1 .sidebar #widgetID {
	margin-left: 15px;
}
.main #container #content_container #content_main #widgets .sidebar #widgetID {
	margin-left: 15px;
}

body.main div#widgets {
	float: right;
	overflow: auto;
	width: 220px;
	background-image: url(../images/stay_connected.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 40px;
}
#newsletter {
	background-image: url(../images/newsletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	padding-top: 30px;
}

.main #container #content_container #content_main #widgets embed {
	margin-left: 7px;
}
.purpose {
	padding-right: 40px;
	padding-left: 40px;
	font-size: .75em;
	background-color: #EAEAEA;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
.purpose ul {
	padding-left: 40px;
	list-style-type: square;
	padding-right: 80px;
}
div.youtube {
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#screenproject {
	background-image: url(../images/screenproject.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	font-size: .7em;
}