﻿/* BASIC */

body {
	font: .7em cambria;
	color: #2C99C9;
    margin: 0;
    padding: 0;
    background: #FFFFFF url('images/bg/backgroundimage.jpg') repeat-x top;
    text-align: center;
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

a img { 
	border: none;
}

/* LAYOUT */

#banner {
	background: url(images/header.gif) no-repeat right top;
	width: 926px;
	height: 143px;
	margin-right: auto;
    margin-left: auto;
    text-align: left;
}
/* BANNER STYLES */
#banner img {
	float: left;
}
#sitenavtools ul {
    list-style: none;
}
#sitenavtools li {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-left: -9px;
	padding-bottom: .5em; /* to display bottom border on links in IE */
}

#sitetools li a {
	font-size: 1.2em;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.2em;
	background: transparent;
	padding: 14px;
	/*border: 1px solid #4D69B0;*/
	font-weight: bold;
	background-image: url(images/navigation/sitetools.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}
#sitetools li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background: transparent;
	background-image: url(images/navigation/sitetools-over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}

/* headlines with warnings */
.warning {
	background: url(images/warning.png) no-repeat left center;
	padding-top: 2px;
	padding-left: 30px;
	border-bottom: 1px dotted #CCCCCC;
}

/* PITTS COLUMN */
#news .story {
	/*border-bottom: 1px dashed #AAEB11;*/
	display: block;
	text-decoration: none;
	line-height: 110%;
    color: #000000;
    padding: 10px 0px 10px 0px;
}
#news span.title {
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	line-height: 120%;
	color: #2496C1;
}
#news a.story:hover {
	color: #4A761D;
	background: url(images/bg/bg_story_high.png);
}

* html #news a {
	height: 1px;
}
#news h2 {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
}
#news h3
{
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
}
#leftframe h2 {
	background: #FFFFFF url(images/bg/pitts_top.gif) no-repeat;
	background-position: bottom;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#leftframe h3 {
	background: #FFFFFF url(images/bg/pitts_bottom.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}

/* BIO */
#BioFrame .story {
	/*border-bottom: 1px dashed #AAEB11;*/
	display: block;
	text-decoration: none;
	line-height: 110%;
    color: #000000;
    padding: 10px 0px 10px 0px;
}
#BioFrame span.title {
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	line-height: 120%;
	color: #2496C1;
	font-variant: small-caps;
}
#BioFrame h2 {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
}
#leftframebottom h2 {
	background: #FFFFFF url(images/bg/BioTop.gif) no-repeat;
	background-position: bottom;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#leftframebottom h3 {
	background: #FFFFFF url(images/bg/BioBottom.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}

/* HEALING METHODS COLUMN */
#mainNav li {
	list-style: none;
	display: inline;
}
#nav p {
	color: #000055;
	padding: 5px 5px 0px 5px;
}
a#ab_Link {
	background-image: url(images/navigation/anti-bodies3d.gif); 
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	border-top: 1px dashed #999999;
}
#navtext {
	background: url(images/bg/Methods_bg.gif) repeat-y;
	color: #000000;
	padding: 13px 12px;
	/*border-bottom: 1px dashed #AAEB11;*/
	display: block;
	text-decoration: none;
	line-height: 110%;
}
#nav h2 {
	background: #FFFFFF url(images/bg/MethodsTop.gif) no-repeat;
	background-position: bottom;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#nav h3 {
	background: #FFFFFF url(images/bg/MethodsBottom.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}
/*PARTNERS*/
#mainpartners li {
	list-style: none;
	display: inline;
}
#mainpartners a {
	text-decoration: none;
	color: #000000;
	font-size: 1.1em;
	text-transform: uppercase;
	border-bottom: 1px dashed #999999;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #E7E7E7 url(images/link.png) no-repeat left center;
}
#mainpartners ul {
	border-top: 1px dashed #999999;
	margin-top: 20px;
	margin-bottom: 20px;
}
#mainpartners a:hover {
	background: #B2F511 url(images/navigation/go.png) no-repeat left center;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}
#mainpartners{
	background: #FFFFFF url(images/bg/bg_here.png) no-repeat 95% 50%;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}
#mainpartners{
	color: #B2F511;
}
#partnerstext {
	background: url(images/bg/Partners_bg.gif) repeat-y;
	color: #000000;
	padding: 13px 12px;
	/*border-bottom: 1px dashed #AAEB11;*/
	display: block;
	text-decoration: none;
	line-height: 110%;
}
#partners h2 {
	background: #FFFFFF url(images/bg/PartnersTop.gif) no-repeat;
	background-position: bottom;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#partners h3 {
	background: #FFFFFF url(images/bg/PartnersBottom.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 29px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#partners p {
	color: #ED6733;
	padding-right: 5px;
	padding-left: 5px;
}


#partners a {
	text-decoration: none;
	color: #666666;
}

/* ADVERTISING */
div.natEx {
	text-align: center;
	margin-top: 25px;
	font-weight: bold;
}

.natEx p {
	margin-bottom: 5px;
}
#news a.story:hover span.title {
	color: #000000;
}
/* STYLES FOR ADDON SCRIPTS */
.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: decimal;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;

}

 .divcontainer 
 {     
    width: 520px;
	height: auto;
	max-height: 1000px;
	margin-left: 10px;
 }
 
 
 #shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
#shadow-container2 {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container2 .shadow2,
#shadow-container2 .shadow3,
#shadow-container2 .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
#shadow-container2 .shadow1 {
		background: #F1F0F1;
	}
 
#shadow-container2 .shadow2 {
		background: #DBDADB;
	}
 
#shadow-container2 .shadow3 {
		background: #B8B6B8;
	}
 
#shadow-container2 .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
        /*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 64px;
			width: 500px;
			background: url(./images/accordion/accordion_toggle.jpg) no-repeat center center;
			padding: 0 10px 0 10px;
			line-height: 34px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: #FFFFFF;
			font-size: 14px;
			font-family: Cambria;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion/accordion_toggle_active.jpg) no-repeat center center #ffffff;
            color: #003366;
			font-size: 16px;
			font-weight: 900;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			font-size: 1.5em;
			line-height: 150%;
			overflow: hidden;
		}
		#accordion_wrapper 
		{
		    padding-left: 10px;
		}
		#vertical_container h1 {
			    font-size: 1.5em;
			}
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			.accordion_content hr {
				width: 80%;
				background-color: White;
				color: #eeeeee;
				height: 2px;
				text-align: center;				
			}	
			.accordion_content span 
			{
			    font-size: small;
			}
			.accordion_content ul li 
			{
			    font-size: small;
			}

		    						
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 500px;
			background: url(images/accordion/accordion_toggle.jpg) no-repeat center center;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion/accordion_toggle_active.jpg) no-repeat center center;
			color: #ffffff;
			border-bottom: none;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 180px;
			width: 25px;
			background: url(images/accordion/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/accordion/h_accordion_toggle_active.jpg) no-repeat top left #4E438F;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 180px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 340px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 500px;   
      height: 200px;    
    }    
    
    /* bottom text container */
     
 #main-container_btm {
	position: relative;
	left: 11px;
	top: 3px;
	font-size: 1.3em;
	margin-bottom: 3px;
	width: 521px;
} 
    /* added for diabetes page */

        #openphrase
        {
            position: absolute;
            top: 35px;
            left: 50%;
            width: 510px;
            margin-left: -282px;
            color: White;
            font-weight: bold;
            font-size: 1.7em;
            font-family: Cambria;
        }
        #quotename
        {
            float: right;
            position: relative;
            top: 15px;
        }
        #wrapper
        {
            width: 926px;
            height: 1200px;
            overflow: hidden;
            margin-right: auto;
            margin-left: auto;
            border-right: 1px solid #003366;            
            border-left: 1px solid #003366;            
            background: #ffffff;
            text-align: left;
        }
        #wrapperbottom
        {
            width: 926px;
            margin-right: auto;
            margin-left: auto;
            border-right: 1px solid #003366;            
            border-left: 1px solid #003366;          
            background: #ffffff;
            text-align: left;
        }        
        #leftframe
        {
	        background: url(images/bg/pitts_bg.gif) repeat-y;
        }
        #news 
        {
           	margin: 5px 12px 5px 12px;
        }
        #leftframebottom
        {
	        background: url(images/bg/Bio_bg.gif) repeat-y;
	        float: left;
        }
        #BioFrame
        {
           	margin: 5px 12px 5px 12px;
        }
        #main
        {
            display: inline;
            float: left;
            width: 550px;
            margin-left: 172px;
            padding-left: 10px;
            margin-top: 30px;
        }
        #main_btm
        {
            display: inline;
            float: left;
            width: 550px;
            margin-left: 172px;
            padding-left: 10px;
            margin-top: 50px;
        }        
        #wrapperleft
        {
            float: left;
            width: 160px;
            margin-left: -728px;
            margin-top: 10px;
        }
        #wrapperright
        {
            float: right;
            width: 180px;
            margin-top: 10px;
            margin-right: 4px;
        }    
        #wrapperleft_btm
        {
            float: left;
            width: 160px;
            margin-left: -728px;
            margin-top: 10px;
        }
        #wrapperright_btm
        {
            float: right;
            width: 180px;
            margin-top: 10px;
            margin-right: 4px;
        }
        #RightQuote
        {  
        color: #000055;
        }
        #RightQuote p {
    	color: #000055;
	    }
        #RightQuote h2 {
    	background: url(images/bg/thumbnail_01.gif) no-repeat;
	    background-position: top;
	    color: #ffffff;
	    font-size: 1.5em;
	    font-weight: bold;
	    padding-top: 6px;
	    padding-bottom: 8px;    
	    }
        #RightQuote h3 {
	    background: url(images/bg/thumbnail_03.gif) no-repeat;
	    background-position: top;
	    color: #ffffff;
	    font-size: 1.5em;
	    font-weight: bold;
	    padding-top: 9px;
	    padding-bottom: 8px;
	    margin-bottom: 5px;
	    }  
	    #quotebox 
	    {
        background: url(images/bg/thumbnail_02.gif) repeat-y;
        text-align: center;
        font-weight: bold;
        font-size: 1.3em;
        font-family: Cambria;
	    padding: 0 9px 0 9px;
	    }             
        .phcontainer
        {
            margin-top: 20px;
        }
        *html #main
        {
            width: 430px;
            w\idth: 419px;
        }
        #legal
        {
            clear: both;
            margin-right: 160px;
            padding: 5px 160px 20px;
            border-top: 1px dashed #999999;
            font-weight: bold;
            color: #666666;
        }
        #sitenavtools
        {
            float: left;
            margin-top: 124px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 115px;
        }
        #mainNav
        {
	    background: url(images/bg/side_nav_bg.jpg) repeat-x;
        }
        #drstowe
        {
        margin-top: -10px;
        }
        #drstowe .story {
	    /*border-bottom: 1px dashed #AAEB11;*/
	    display: block;
	    text-decoration: none;
	    line-height: 120%;
        color: #000000;
        }
        #drstowe span.title {
	    font-size: 1.4em;
	    font-weight: bold;
	    font-variant: small-caps;
	    text-align: center;
	    display: block;
	    line-height: 120%;
	    color: #006600;
	    margin-bottom: 1em;
        }
        #drstowe a.story:hover 
        {
        color: #0e3e6e;            
	    background: url(images/bg/bg_link.png) repeat-y;
        }   
        * html #drstowe a {
	    height: 1px;
        }
        #drstowe a.story:hover span.title {
	    color: #000000;
        }
        #aboutus
        {
            font: 1.1em cambria;
            float: right;
            margin-top: -144px;            
        }
        .hbuttons a{
        display: block;
        text-decoration: none;
        font: bold 1em Cambria;
        color: white;
        width: 79px;
        height: 23px;
        float: left;
        display: inline;
        margin-right: .1em;
        padding-top: 4px;
        background-image:url(images/navigation/aboutusbar.gif);
        background-repeat: no-repeat;
        text-align:center;
        }
        .hbuttons a:hover{
        background-image:url(images/navigation/aboutusbar_over.jpg);
        color: Black;
        }
        /* NO SCRIPT MESSAGE */
        .noscript1
        {
            text-align: center;
        }
        .noscript2
        {
            font-size: x-large;
        }
        .noscript3
        {
            text-align: center;
            font-style: italic;
            font-weight: bold;
        }
        .noscript4
        {
            color: #333333;
            font-size: 1.3em;
        }
        .noscript5
        {
            color: #CC0000;
        }
        .noscript6
        {
            font-size: x-large;
            color: #003300;
        }
        .noscript7
        {
            color: #003300;
        }
        .noscript8
        {
            font-size: x-large;
            color: #000066;
        }        