/* ************************************** */
/*                                        */
/* Diabetes: A Family Matter - Stylesheet */
/*                                        */
/* By Mark David Riley	                  */
/*                                        */
/* Ohio University                        */
/*                                        */
/* ************************************** */

/* Set Page Defaults */
* {margin: 0; padding: 0;}
body {
	color: #2D2D2D;
	background-color: #CC9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
}
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: .9em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #5d7495;
	margin-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {font-size: 1.250em;}
h2 {
	font-size: 1em;
	margin-bottom: 20px;
}
h3 {
	color: #9eb93c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5d7495;
}

h4 {
	font-size: 0.875em;
	color: #C96;
}
a {text-decoration: none;}
a:link, a:visited {
	color: #5d7495;
}
a:hover, a:active {color: #FF0000;}
div#content_main a {
	text-decoration: underline;
}

.blocklevel {display: block;}

/* Viewing Area Width and Alignment */
div#container {
	width: 920px;
	overflow: visible;
	background-image: url(../images/wrapper.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div#content_main {
	float: right;
	display: block;
	width: 659px;
	overflow: auto;
	height: 100%;
}

div#content_container {
	overflow: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	background-image: url(../images/container_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

/* Primary Nav Styling */
div#primary_navigation {
	text-align: left;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #5d7495;
	background-color: #E1E1E1;
	height: 30px;
	font-size: 0.85em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5D7495;
}
div#primary_navigation ol {
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#primary_navigation ol li {
	display: inline;
	font-weight: bold;
	margin-right: 15px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #999;
	padding-left: 15px;
}
div#primary_navigation ol li.first {
	border-left-style: none;
}

div#primary_navigation a:link, div#primary_navigation a:visited {color: #AAAAAA;}
div#primary_navigation a:hover, div#primary_navigation a:active {
	color: #FF0000;
}
	/* General Page Styling */
div#branding {
	width: 899px;
	height: 130px;
	overflow: visible;
	position: relative;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../images/branding_area_logo.gif);
	left: 0px;
	top: 0px;
	margin-top: 10px;
	padding: 0px;
}
div#branding h1 {
	margin: 0px;
	color: #FFF;
}
div#branding a span {visibility: hidden;}
div#frontdoor {
	height: 200px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	background-image: url(../images/frontdoor_bg.jpg);
	padding: 10px;
	color: #FFF;
}
div#frontdoor p{
	margin: 0px;
	padding: 0px;
	display: block;
}
div#frontdoor a {
	text-decoration: none;
	color: #FFF;
}

div#frontdoor h4 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


div#learn_more {
	height: 50px;
	width: 180px;
	padding-top: 140px;
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	float: left;
}
div#toolkit {
	height: 50px;
	width: 180px;
	padding-top: 140px;
	font-size: .7em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	float: left;
}
div#projects {
	height: 50px;
	width: 180px;
	padding-top: 140px;
	font-size: .7em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;
}






ul#news_listing   {
	list-style-type: none;
	margin-top: 25px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
ul#news_listing li   {
	min-height: 25px;
	padding-left: 25px;
	background: url(../images/news.png) no-repeat scroll top left;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E1E1E1;
}

/* 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: #999;
	margin-right: 20px;
	font-weight: bold;
}
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: #CC9;
	color: #5D7495;
	margin: 20px;
	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;}

body.main div#content_main {width: 901px; float: none; display: block; overflow: auto; background-color: #f2faf0;}
div#content_sub_1 {
	float: left;
	width: 240px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
}
div#content_sub_1 div.sidebar {
	background-color: #F3F3FD;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
div#content_sub_1 div.sidebar h2 {margin-top: 5px;}
div#content_sub_1 div.sidebar ul {
	padding-left: 10px;
}

div#content_sub_1   .sidebar  embed  {
	margin-left: 7px;
	margin-bottom: 15px;
}

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

/* Sub Navigation and Top Bars */
div#content_main div.bar {
	position: relative;
	width: 655px;
	height: 40px;
}
div#content_sub_1 div.bar {
	width: 239px;
	height: 40px;
	position: relative;
	left: 1px;
}
div#content_main div.bar h2 {
	position: absolute;
	margin: 0px;
	top: 10px;
	left: 10px;
	font-size: 1.125em;
}
div#content_sub_1 div.bar h2 {
	position: absolute;
	margin: 0px;
	top: 10px;
	left: 10px;
	font-size: 1.125em;
	width: 180px;
}
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;
	bottom: 3px;
	right: 0px;
	text-align: right;
	font-size: .65em;
	width: 300px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
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-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}
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;}
div#content_main ul li {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 2em;
}

ul#sub_navigation {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 60px;
	text-transform: uppercase;
	background-color: #FFF;
}
#sub_navigation li.header {
	color: #933;
	font-weight: bold;
}



div#content_sub_1 ul#sub_navigation li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 0.925em;
}
div#content_sub_1 ul#sub_navigation li a{
	color: #5D7495;
	font-weight: bold;
}
div#content_sub_1 ul#sub_navigation li a:hover {
	color: #F00;
	font-weight: bold;
}

div#content_sub_1 ul#sub_navigation li ul li a {
	color: #9EB93C;
}
div#content_sub_1 ul#sub_navigation li li {
	border-bottom: none;
	color: #9EB93C;
	list-style-type: square;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 0.75em;
}

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

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

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;}
div.frontpage {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}


/* Boilerplate */
div#boilerplate {
	position: relative;
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5d7495;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5D7495;
}
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#policy p {
	color: #AAAAAA;
	font-size: .75em;
}
div#boilerplate span {display: block;}
div#boilerplate div#copyright {position: absolute; text-align: right; width: 25%; top: 0px; right: 0px;}

div#boilerplate div#copyright p {
	color: #AAAAAA;
	font-size: .75em;
}
div#boilerplate div#quick_links {
	text-align: center;
	margin-top: 20px;
}
div#boilerplate div#quick_links h2 {
	text-transform: uppercase;
}
div#boilerplate div#quick_links ul {list-style: none;}
div#boilerplate div#quick_links li {
	display: inline;
	border-right: 1px solid #888888;
	font-size: .825em;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
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;
}

.main #container #content_container #content_main #widgets embed {
	margin-left: 7px;
}
div.youtube {
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.youtube iframe {
	border: 2px solid #999;
}


#newsletter {
	background-image: url(../images/newsletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	padding-top: 30px;
}

#screenproject {
	background-image: url(../images/screenproject.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	font-size: .7em;
}
#addthis {
	height: 32px;
	float: right;
	width: 120px;
	margin-top: 6px;
}


/* AddThis Vertical Layout Menu */

.addthis_toolbox .vertical {
	background: #fff;
	width: 86px;
	padding: 1px;
	border: 3px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 40px;
	font-size: 0.8em;
}

.addthis_toolbox .vertical a {
	position: relative;
	display: block;
	background: #fff;
	width: 52px;
	text-decoration: none;
	color: #00bff3;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 34px;
}

.addthis_toolbox .vertical a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .vertical span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .vertical .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a {
    padding: 4px 0;
    margin: 0;
}
.addthis_toolbox .vertical .more a:hover {
    background: none;
}

.addthis_toolbox .vertical .more span {
    display: none;
}