/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* Generic classes */

/*new added for follow us links starts*/
#TopNavContainer{ 
	float: left;
	position: absolute;
	left: 400px;
}
#frm_search{
	float: right;
}
#followus
{
	float: right;
}
/*new added ends */
.padTop8{
	padding-top:15px;
}

.alignImageRight{
	float:right;
	margin-left: 25px;
	margin-bottom: 10px;
}

.marginTop10{
	margin-top:10px;
}

/* STYLES FOR ALL PAGES */

#Uber{
	width:100%;
	padding: 0px;
	margin:0px;

}
/*
	min-width: 960px;
	width:  expression( Math.max(document.body.clientWidth,960 ) + "px" );
*/

#Header {
	padding:inherit;
	margin:inherit;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-top-color: #b0c382;
	border-right-color: #b0c382;
	border-bottom-color: #b0c382;
	border-left-color: #b0c382;
	float: left;
	width: 100%;
	min-width: 960px;
}

/* home, contact us, physicians corner, search*/
#rightNav {
	width: 400px;
	float: right;
}


/* search box/area */
#SearchSite {
	display:inline;
	width: 180px;
	float: right;
	text-align:right;
	margin-right: 5px;
	margin-left:0px;
	margin-top: 13px;
}

#SearchSite #searchInput {
	width: 83px;
	padding:3px;
}

#SearchSite input {
	display:inline;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #B2B2B2;
	margin-right: 3px;
	padding:2px;
}

#topNavLinks {
	width: 292px;
	float: left;
	margin-top: 15px;
	text-align:right;
	display: block;
}

#mainLogo {
	float:left;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}


#mainNavigation{
	clear:left;
	float:left;
	width:926px;
}

/* wraps the main content on every page for the white stripe*/
#Interior{
	float:left;
	width:100%;
	background-color:#FFFFFF;
}



#Footer {
	width:100%;
	font-size:11px;
	display:inline;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #b0c382;
	border-right-color: #b0c382;
	border-bottom-color: #b0c382;
	border-left-color: #b0c382;
	float: left;
	color:#FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
	clear: left;
}


#Footer a{
	color:#DFECBF;
}

#contactinfo{
	width:200px;
	float: left;
	margin-top:0px;
	margin-left: 20px;
	margin-bottom:0px;
	margin-right:0px;
	padding: 0px;
}


#mailinfo{
	float: left;
	width:250px;
	float: left;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:0px;
	margin-right:0px;
	padding: 0px;
}
#disclaimer {
	float: left;
	position: relative;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:0px;
	margin-right:0px;
	width: 150px;
	font-size:13px;
}
#como {
	float: left;
	position: relative;
	margin-top:0px;
	margin-left:25px;
	margin-bottom:0px;
	margin-right:0px;
	width: 244px;
}







/* STYLES HOME PAGE ONLY */
#homeContent{
	padding:0px;
	margin-bottom:23px;
	width:100%;
	background-color:#FFFFFF;
	float:left;
}
#homeImage {
	background-color: #696043;
	height: 178px;
	width: 100%;
}
#homeLeft {
	display:inline;
	float: left;
	width: 236px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	margin-left: 25px;
	margin-top: 23px;
}
#homeEmergency {
	width: 211px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;
}
#homeFAQ {
	width: 211px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;
	padding-top:10px;
	padding-bottom:5px;
	
}


#homeAskDr {
	width: 211px;
	margin-top: 14px;
}
#DrGold {
	float: left;
	margin-right:6px;
}
#drGoldTitle{
	margin-top:14px;
	margin-bottom: 6px;
}


#homeCenter {
	width: 328px;
	float: left;
	margin-left: 25px;
	margin-top: 23px;
}

#makeADifference{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;
	padding-bottom: 17px;
}
#Donate{
	width:100%;
	padding-top:15px;
	padding-bottom:9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;

}
#DonateBtn{
	margin-top:9px;
}

#Donate img {
	display: block;
}


/* a race against time box*/
#raceAgainst{
	position:absolute;
	margin:0px;
	passing:0px;
	width:287px;
	height:325px;
	left: 642px;
	top: 223px;
}

#raceAgainst #roundedTopCorner{
	margin:0px;
	padding:0px;
	display:block;
}

#raceAgainst #raceContent{
	height:329px;
	background-color:#E2E2E2;
	padding-left:12px;
	padding-right:12px;
	background-image: url(/images/roundedCornersBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#raceAgainst #raceTitle{
	margin-top:6px;
	margin-bottom:16px;
	margin-left:8px;
}


/* STYLES FOR CONTENT PAGES */

#interiorContentWrapper{
	display:inline;
	margin:0px;
	width:960px;
	float:left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}



#interiorContentWrapper #contentTitle {
	display:inline;
	float: left;
	width: 920px;
	margin-left: 15px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ced9b4;
	border-right-color: #ced9b4;
	border-bottom-color: #ced9b4;
	border-left-color: #ced9b4;
}


#headerImage {
	margin-left: 16px;
	margin-bottom: 20px;
	padding-bottom:0px;
	padding-top:0px;
}

#interiorContentWrapper #content {
	display:inline;
	float: left;
	width: 684px;
	margin-left: 30px;
}
#interiorContentWrapper #contentwide {
	display:inline;
	float: left;
	width: 850px;
	margin-left: 30px;
}

#subNav{
	font-size:12px;
	margin-left: 23px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: left;
	width:186px;
}

#subNav ul {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
	margin-left: 0px;
}

#subNav li{
	display:inline;
	margin:0px;
	padding:0px;
}

#subNav a {
	display:block;
	font-weight: bold;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
	margin-left:0px;
	font-size: 12px;
}

#subNav a:Hover {
	color: #000000;
	text-decoration: none;
}
/*selected state for subnav*/
#subNav .subNavOn {
	color: #6f6f6f;
}





/* What is the Vaccine page / template */
#vaccineContentWrapper{
	padding:0px;
	margin:0px;
	width:100%;
	height:480px;
	float:left;
	background-color: #FFFFFF;
	background-image: url(/images/needleLarge.jpg);
	background-repeat: no-repeat;
}
#vaccineContentWrapperone{
	padding:0px;
	margin:0px;
	width:100%;
	height:420px;
	float:left;
	background-color: #FFFFFF;
	background-image: url(/images/whatislarge.jpg);
	background-repeat: no-repeat;
}


#vaccineNav{
	display:inline;	
	font-size:12px;
	margin-left: 520px;
	margin-top: 23px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: left;
	width:360px;
}
#vaccineNav #headerImage {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 26px;
	margin-left: 0px;
}



#vaccineNav h1{
	color: #738845;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ced9b4;
	border-right-color: #ced9b4;
	border-bottom-color: #ced9b4;
	border-left-color: #ced9b4;
	margin-top: 20px;
}

#bestWayImg{
	margin-bottom: 15px;
	margin-top: 15px;
}
#vaccineNav h5{
	margin-bottom: 15px;
	margin-top: 15px;
}

#vaccineNav ul {
	width:242px;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 12px;
	margin-left: 0px;
}

#vaccineNav li{
	display:inline;
	margin:0px;
	padding:0px;
}

#vaccineNav a {
	display:block;
	font-weight: bold;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
	margin-left:0px;
	font-size: 12px;
}
#vaccineNav #first a {
	display:block;
	font-weight: bold;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dfdfdf;
	margin-left:0px;
	font-size: 12px;
}
#vaccineNav a:Hover {
	color: #000000;
	text-decoration: none;
}
#vaccineNav .subNavOn {
	color: #6f6f6f;
}



/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */


/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */

/*


ENGLISH MENU

*/
/* Our Story */
#Navtab1 a {
	display: block; width: 107px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/OurStory.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab1 a:hover {
	background-position: 0px -35px;
}
#Navtab1on, #Navtab1on a, #Navtab1on a:hover {
	display: block; width: 107px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/out_story_current.gif) 0px 0px no-repeat; text-decoration: none;
}


/* what is meningitus */
#Navtab2 a {
	display: block; width: 177px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/What_is_meningitius.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab2 a:hover {
	background-position: 0px -35px;
}
#Navtab2on, #Navtab2on a, #Navtab2on a:hover {
	display: block; width: 177px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/what_is_current.gif) 0px 0px no-repeat; text-decoration: none;
}


/* Vaccines */
#Navtab3 a {
	display: block; width: 74px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/vaccines.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab3 a:hover {
	background-position: 0px -35px;
}
#Navtab3on, #Navtab3on a, #Navtab3on a:hover {
	display: block; width: 74px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/vaccines_current.gif) 0px -0px no-repeat; text-decoration: none;
}

/* Your Story */
#Navtab4 a {
	display: block; width: 108px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/your_story.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab4 a:hover {
	background-position: 0px -35px;
}
#Navtab4on, #Navtab4on a, #Navtab4on a:hover {
	display: block; width: 107px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/your_story_current.gif) 0px 0px no-repeat; text-decoration: none;
}

/* Donate */
#Navtab5 a {
	display: block; width: 62px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/donate.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab5 a:hover {
	background-position: 0px -35px;
}
#Navtab5on, #Navtab5on a, #Navtab5on a:hover {
	display: block; width: 62px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/donate_current.gif) 0px 0px no-repeat; text-decoration: none;
}

/* Fundraising Events */
#Navtab6 a {
	display: block; width: 190px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/fundraisingEvents.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab6 a:hover {
	background-position: 0px -35px;
}
#Navtab6on, #Navtab6on a, #Navtab6on a:hover {
	display: block; width: 190px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/fundraising_current.gif) 0px 0px no-repeat; text-decoration: none;
}

/* News */
#Navtab7 a {
	display: block; width: 82px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/news.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab7 a:hover {
	background-position: 0px -35px;
}

#Navtab7on, #Navtab7on a, #Navtab7on a:hover {
	display: block; width: 82px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/news_current.gif) 0px 0px no-repeat; text-decoration: none;
}

/* Links */
#Navtab8 a {
	display: block; width: 58px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/links.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab8 a:hover {
	background-position: 0px -35px;
}

#Navtab8on, #Navtab8on a, #Navtab8on a:hover {
	display: block; width: 58px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/links_current.gif) 0px 0px no-repeat; text-decoration: none;
}

/* Francais */
#Navtab9 a {
	display: block; width: 68px; height:35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/nav/francais.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab9 a:hover {
	background-position: 0px -35px;
}

/* 

FRENCH MENU


*/



/* ----- end template ----- */