body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/bg.jpg) repeat-x #075675;
	
}

/*=pageWrapper
---------------*/
#pageWrapper { width: 752px; text-align: left; margin: 0 auto; position: relative; padding: 17px 0 25px 0; }

/*=header
----------*/
#pageWrapper #header { width: 752px; height: 150px; position: relative; }

#header h1 {
	line-height: 1.0;
	font-size: 14px;
	margin: 0 0 0 5px;
}

/*=global navigation
--------------------*/
#header ul#globalNav {

	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	list-style: none;
	position: absolute;
	top: 18px;
	right: 10px;

}
#globalNav li { display: inline; }
#globalNav li a { text-decoration: none; color: #fff; }
#globalNav li a:hover { text-decoration: underline; }

/*=flash
---------*/
#header #flash { background: url(../images/mast_head.png ) no-repeat; width: 752px; height: 131px; padding-top: 8px; }

/*=main wrapper
----------------*/
#pageWrapper #mainWrapper { width: 752px; margin-left: 5px; padding-top: 31px; position: relative; }


#mainWrapper #sideNavigation {
	position: absolute;
	top: 11px;
	left: 0;
	padding: 0;
	margin: 0;
	width: 157px;
	}


 div.menu {
	width: 100%;
	background: #fff;
	margin: 0 0 22px 0;
	padding: 0;
	height: 100%;
	
	}
div.menu ul {
	list-style: none;
	margin:0;
	padding: 0;
	position: relative;
	width: 157px;
}

div.menu li {
	position: relative;
}

div.menu ul ul ul {display: none;}


/* level one */
div.menu ul ul li:hover ul {

	display:block;
	border-top: 1px solid #334158;
	border-right: 1px solid #334158;
	border-left: 1px solid #334158;

	width: 157px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 157px;
	background-color: #fff;
}


div.menu ul ul li:hover ul ul {display:none;}
	
/* level two */
div.menu ul ul ul li:hover ul {display:block;	}
div.menu ul ul ul li:hover ul ul {display:none;}

/* level three */
div.menu ul ul ul ul li:hover ul {display:block;	}
div.menu ul ul ul ul li:hover ul ul {display:none;}

div.menu h2 {
	margin: 0;
	font-size: 14px;
	color: #fff;
	background: url(../images/side_box_h2.gif) no-repeat #fe8103;
	padding: 2px 7px;
	width: 143px;
	}

div.menu a, div.menu a.expand {
	height: 1%;
	display: block;
	color: #334158;
	background-color: #fff;
	text-decoration: none;
	padding: 2px 7px;

	
	}
	
div.menu ul ul li, div.menu ul ul li:hover {
border-bottom: 1px solid #075675;
background: #fff;
}


div.menu a:hover, .menu a.current {
	background: #03acd7; 
	color: #fff;

	}

div.menu a.expand {
	background: url(../images/side_nav_off.gif) 150px 50% no-repeat #fff;
	}

div.menu a.expand:hover  {
	background: url(../images/side_nav_on.gif) 150px 50% no-repeat #03acd7;
	}



#newVideoEn, #newVideoFr {
	height: 281px;
	width: 157px;
	margin: 0 ;

	padding: 0;
}

/*=side nav box
-----------------*/
#sideNavigation #sideNavBoxes {  }
#sideNavigation .sideBox {
	background: url(../images/side_box_bg.jpg) no-repeat #e5f7fb;
	padding-bottom: 10px;
	margin: 0 0 12px 1px;
	width: 157px;
}
.sideBox h2 {
	margin: 0;
	font-size: 13px;
	color: #fff;
	padding: 5px 0px 5px 0px;
}
.sideBoxFrenchH2 {
	margin: 0;
	font-size: 12px;
	color: #fff;
	padding: 5px 0px 5px 0px;
}
.sideBox .sideBoxContent { padding: 0 12px; }
#sideNavigation .sideBoxPic {
	float: left;
	border-style: none;
	padding: 5px 3px 6px 0px;
	width: 60px;
}
/*.sideBoxContent a { font-weight: bold; color: #feaa09; text-decoration: underline; }
.sideBoxContent a:hover { text-decoration: none; }*/



/*=tabbed navigation
-------------------*/
#mainWrapper ul#tabbedNavigation {
	
	padding:0;
	position: absolute;
	left: 148px;
	top: -4px;
	list-style: none;
	font-size: 13px;
	line-height: 1.0;
	height: 21px;
}

#tabbedNavigation li { position: absolute; top: 0; height: 21px; }
#tabbedNavigation li a { display: block; text-indent: -9999px; text-decoration: none; height: 21px; background-image: url(../images/tabs.gif); background-repeat: no-repeat; }

#tabbedNavigation li#tabCancer { width: 92px; left: 0; }
#tabCancer a { width: 92px; background-position: 0 -21px; }
#tabCancer a:hover, #tabCancer a#currentTab { background-position: 0 0; }

#tabbedNavigation li#tabChronic { width: 184px; left: 94px; }
#tabChronic a { width: 184px; background-position: -94px -21px; }
#tabChronic a:hover, #tabChronic a#currentTab { background-position: -94px 0; }

#tabbedNavigation li#tabAddiction { width: 78px; left: 278px; }
#tabAddiction a { width: 78px; background-position: -278px -21px; }
#tabAddiction a:hover, #tabAddiction a#currentTab { background-position: -278px 0; }

#tabbedNavigation li#tabDiversion { width: 194px; left: 356px; }
#tabDiversion a { width: 194px; background-position: -356px -21px; }
#tabDiversion a:hover, #tabDiversion a#currentTab { background-position: -356px 0; }

/*=tabbed navigation FRENCH
---------------------------*/
#mainWrapper ul#tabbedNavigationFr {
    position: absolute;
    left: 148px;
    top: -4px;
    padding:0;
    list-style: none;
    font-size: 13px;
    line-height: 1.0;
    height: 21px;
}
#tabbedNavigationFr li { position: absolute; top: 0; height: 21px; }
#tabbedNavigationFr li a { display: block; text-indent: -9999px; text-decoration: none; height: 21px; background-image: url(../images/tabs_fr.gif); background-repeat: no-repeat;}

#tabbedNavigationFr li#tabCancer { width: 133px; left: 0; }
#tabbedNavigationFr #tabCancer a { width: 133px; background-position: 0 -21px; }
#tabbedNavigationFr #tabCancer a:hover, #tabbedNavigationFr #tabCancer a#currentTab { background-position: 0 0; }

#tabbedNavigationFr li#tabChronic { width: 232px; left: 135px; }
#tabbedNavigationFr #tabChronic a { width: 232px; background-position: -135px -21px; }
#tabbedNavigationFr #tabChronic a:hover, #tabbedNavigationFr #tabChronic a#currentTab { background-position: -135px 0; }

#tabbedNavigationFr li#tabAddiction { width: 90px; left: 367px; }
#tabbedNavigationFr #tabAddiction a { width: 90px; background-position: -367px -21px; }
#tabbedNavigationFr #tabAddiction a:hover, #tabbedNavigationFr #tabAddiction a#currentTab { background-position: -367px 0; }

#tabbedNavigationFr li#tabDiversion { width: 95px; left: 457px; }
#tabbedNavigationFr #tabDiversion a { width: 95px; background-position: -457px -21px; }
#tabbedNavigationFr #tabDiversion a:hover, #tabbedNavigationFr #tabDiversion a#currentTab { background-position: -457px 0; }



/*=body wrapper
---------------*/
#bodyWrapper {
	width: 570px;
	margin: 0 0 0 178px;
	background-color: #fff;
	background-image: url(../images/no_icon_corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .pillsIcon {
	background-image: url(../images/pills_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .megaphoneIcon {
	background-image: url(../images/megaphone_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .readingIcon {
	background-image: url(../images/reading_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .pdaIcon {
	background-image: url(../images/pda_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .faqIcon {
	background-image: url(../images/faq_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .cmeIcon {
	background-image: url(../images/cme_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#pageWrapper .videoIcon {
	background-image: url(../images/video_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .surveyIcon {
	background-image: url(../images/survey_home.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#pageWrapper .glossaryIcon {
	background-image: url(../images/glossary_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/*=bread crumb
--------------*/
#bodyWrapper ul#breadcrumb { margin: 0 0 0 26px; padding: 12px 0 0 0; list-style: none; width: 415px; color: #032838; }
#breadcrumb li { display: inline; }
#breadcrumb li a { color: #032838; text-decoration: underline; }
#breadcrumb li a:hover { text-decoration: none; }
#breadcrumb li strong { font-weight: bold; color: #ffa903; }

/*=page heading
---------------*/
#bodyWrapper table#pageHeading {
	margin: 0 22px;
	padding: 0;
	background: url(../images/page_heading_bg.gif) left bottom repeat-x;
	width: 490px;
}

#pageHeading td#headings {
	vertical-align: top;
	padding-bottom: 8px;
}
#pageHeading h2 { margin: 34px 0 2px; color: #feaa09; font-size: 18px; line-height: 1.2; width: 300px; }
#pageHeading h3 { margin: 0; color: #03acd7; font-size: 15px; line-height: 1.3; width: 300px; text-transform: uppercase; }

/*=printer and font size links
------------------------------*/
#pageWrapper td#fontPrinter {
	width: 190px;
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 8px;
}
#pageWrapper #fontPrinter ul  {
	margin: 0;
	padding: 60px 0 0;
	list-style: none;
	font-size: 11px;
	line-height: 1.2;
	color: #032838;
}
li#printer a {
	color: #032838;
	text-decoration: none;
	background: url(../images/print_off.gif) 0 2px no-repeat;
	padding-left: 15px;
}
li#printer a:hover { background: url(../images/print_on.gif) 0 2px no-repeat; }


/*=content wrapper
-------------------*/
#bodyWrapper #contentWrapper {
	width: 570px;
	background: #fff url(../images/content_bottom.gif)  left bottom no-repeat;
	padding: 10px 0 11px 0;
	
}

/*=events calendar
-------------------*/
#contentWrapper #eventsCalendar {
	float: right;
	width: 150px;
	margin: 15px 20px 0;
	display: inline;
	background-color: #fff;
}
#eventsCalendar table {
	border-left: 1px solid #075675;
	margin: 0;
	width: 100%;
	background-color: #fff;
}
#eventsCalendar caption {
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 4px 0 6px;
	background: #075675;
	width: 150px;
	line-height: 1.0;
}
#eventsCalendar caption a { color: #fff; text-decoration: none; font-size: 14px; }
#eventsCalendar td, #eventsCalendar th {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #075675;
	border-width: 0 1px 1px 0;
	height: 17px;
	color: #334158;
	width: 21px;
}
#eventsCalendar th {
	font-weight: normal;
	background: #cff5fe;
}
#eventsCalendar a { color: #334158; }
#eventsCalendar td#currentDate { background: #ffa903; font-weight: bold; color: #fff; }
#eventsCalendar td#currentDate a { color: #fff; } 

#eventsCalendar fieldset { margin: 4px 0; }
#eventsCalendar select {
	width: 150px;
	color: #303030;
	font-size: 12px;
}

#eventsCalendar span {
	width: 150px;
	color: #feaa09;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px
}
#eventsCalendar #lookingEvent {
	width: 140px;
	color: #303030;
	font-size: 12px;
	background: #e5f7fb; 
	padding: 5px 5px 5px 5px;
}

#eventsCalendar ul { margin-top: 3px; }

#eventsCalendar td.calendarCell a {
	display: block;
	width: 100%;
	height: 100%;
	
	
}

#eventsCalendar td.calendarToday {
	font-weight: bold;
}

#eventsCalendar td.calendarCellEntry {
	background-color: rgb(207, 245, 254);
}

#mainContent h4 {
	margin-bottom: 0;
	color: #ffa903;
}
#mainContent p { margin: 0 0 12px 0; }

/*=event
---------*/
.event { margin-top: 20px; }
.event h3 { margin: 12px 0 0; color: #03acd7; font-size: 15px; }
.event h5 { color: #032838; margin: 12px 0 0; font-size: 13px; }




/*=sitesearch
----------*/
#searchrow1 {background-color: rgb(207, 245, 254);}
#searchrow2 {background-color: rgb(255, 255, 255);}


/*=sitemap
----------*/
#sitemap {margin:0; padding:0; list-style-type: none;}
#sitemap li {margin-top: 3px;}
#sitemap .main {margin-bottom: 10px; font-weight: bold;}         
#sitemap li ul {list-style-type: none; margin-bottom: 0; font-weight: normal;}
#sitemap li ul li ul {list-style-type: none; margin-bottom: 0;}
#sitemap li ul li ul li ul {list-style-type: none; margin-bottom: 0;}


/*=footer
----------*/
#mainWrapper #footer ul {

	margin: 4px 0 0 199px;
	padding: 0;
	list-style: none;
	color: #fff;
	clear: both;
	
}
#footer li { display: inline; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


br.clear { clear: both;}

div.vidsegment {
position: relative;
float:left;
width: 125px;
height: 180px;
margin: 0 24px 0 0;
}