@charset "UTF-8";

/*

veithsymposium.com style sheet 
nick poulos 

started [7.10.2008]
last modified [3.30.2009]

*/


/*======================================================================
	layout and navigation styles used on ALL sites & subpages	
  ======================================================================*/


body {
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../img/html-background.jpg);
	background-color: #b9d3cc;
	margin: 0px;
}

#container {
	width: 952px;
	margin: 0 auto;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#5B5B5B;
	position: relative;
	
}

#header {
	height: 122px;
}

#content {
	background-position: left bottom;
	background-repeat: repeat-x;
	background-image: url(../img/content-background.jpg);
	background-color: #fff;
	padding: 0;
	margin: 0;
	height: 100%;
	position: relative;
	padding-bottom: 50px;
}

#content-body {
	position: relative;
	background-image: url(../img/content-gradient-752.jpg);
	background-repeat: no-repeat;
	background-position: 0 58px;
	float: left;
	left: 200px;
	top: 0;
	width: 752px;
	padding-bottom: 40px;	
}

#content-navigation {
	position: absolute;
	float: left;
	left: -25px;
	top: 15px;
	width: 200px;
	margin-right:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.8em;
}

#content-navigation-links {
	list-style: none;
}

#content-navigation li a {
	padding-left: 20px;
}

#content-navigation li a:link, #content-navigation li a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #5b5b5b;
}

#content-navigation li a:hover, #content-navigation li a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

#content-navigation ul#content-navigation-links .submenu {
	display: none;
	padding-left: 20px;
	font-weight: normal;
	font-size: 10px;
}

#content-navigation ul#content-navigation-links .submenu-open {

	display: block;
	padding-left: 20px;
	font-weight: normal;
	font-size: 10px;
}

#content-navigation ul#content-navigation-links .submenu-open a, #content-navigation ul#content-navigation-links .submenu a {
	padding-left: 20px;
}


#content-main-text {
		position: relative;
		padding-left: 18px;
		padding-right: 10px;
		position: relative;
}

#footer-signature {
	float:left;
	display: inline; 
}

#left_shadow {
	position: absolute;
	left: -15px;
	top: 0;
	width: 15px;
	background-position: 0px 0;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-image: url(../img/outer-div-left-shadow.png);
	background-color: transparent;
}

#right_shadow {
	position: absolute;
	right: -15px;
	top: 0;
	width: 15px;
	background-position: 0px 0;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-image: url(../img/outer-div-right-shadow.png);
	background-color: transparent;
}

/*		

	common components 
		- drop down plus/minus boxes
		- green program bars and their content
		- those green bars like on the exhibit page and others

*/

.dropdown-open {
	margin-bottom: 10px;
}

.dropdown-closed {
	margin-bottom: 10px;
}

.dropdown-content-hide {
	display: none;
}

.dropdown-content-show {
	display: inline;
}


#content-main-text p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.icon-open-day {
	border: 0;
	margin-left: 10px;
}

.icon-open-program {
	border: 0;
	margin-left: 7px;
}

.bullet-dropdown {
	display: inline;
	margin-right: 4px;
	border: 0;
}

#exhibit-bar {
	margin: 20px 0 20px 0;
	padding: 1px 0 1px 10px;
	background-color: #b9d3cc;
}

.separator-bar {
	margin: 20px 0 20px 0;
	padding: 1px 0 1px 10px;
	background-color: #b9d3cc;
}


/*		rules for right hand buttons aka badges, used on all sites & subpages				*/

#content-badges {
	margin-right: 0px;
	float: right;
}

#content-badges img {
	display: block;
}

#content div.side-badge {
	line-height:0;
	display: block;
}

#badge-endovenous {
	height: 90px;
	width: 169px;
}

#badge-video-footage {
	height: 80px;
	width: 169px;
}

#badge-poster-session {
	height: 68px;
	width: 169px;
}

#badge-conf-library {
	height: 100px;
	width: 169px;
}

#badge-wounds {
	height: 90px;
	width: 169px;	
}

#badge-cleveland-clinic {
	height: 72px;
	width: 169px;	
}

#badge-charing-cross {
	height: 99px;
	width: 169px;
}

.badge-line {
	height: 1px;
	width: 169px;
} 


/*		
		generic display, cursor, font, color, <h> classes 
		used on all sites & subpages - just change 'site-color' entries
		to whichever site you're on - ex veith=orange, aim=red, avid=blue
*/

.inline {
	display: inline;
}

.overline {
	text-decoration: overline;
}
.font-large {
	font-size: 14px;
}

.font-med {
	font-size: 12px;
}

.font-small {
	font-size: 10px;
}
.cursor-link {
	cursor: pointer;
}
.green {
	color: #587a7b/*#587a7b*/;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}
.site-color {
	color: #d07408;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}
.orange {
	color: #d07408;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}
.gray {
	color: #5B5B5B;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}
.blue {
	color: #0E50AC;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}
.red {
	color: #ba0f07;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}

.black {
	color: #000000;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
}

h2.site-color {
	font-size: 2.6em;
	color: #d07408;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0;
}

h2.green {
	font-size: 2.6em;
	color: #587a7b;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0;
}

h2.red {
	font-size: 2.6em;
	color: #ba0f07;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0;
}

h3.red {
	font-size: 1.4em;
	color: #ba0f07;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0;
}

h3.site-color {
	font-size: 1.4em;
	color: #d07408;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0;
}

h3.green {
	font-size: 1.4em;
	color: #415755;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0;
}

h4.red {
	font-size: 1.1em;
	color: #ba0f07;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 7px 7px 7px 0;
	padding: 0;
}

h4.site-color {
	font-size: 1.1em;
	color: #d07408;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 7px 7px 7px 0;
	padding: 0;
}

h4.green {
	font-size: 1.1em;
	color: #415755;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 7px 7px 7px 0;
	padding: 0;
}


/*		link defs - used on all sites & subpages - just change 'site-color' entries    */

a.site-color:link, a.site-color:active, a.site-color:visited {
	color: #d07408;
	text-decoration: none;
}
a.site-color:hover {
	color: #d07408;
	text-decoration: underline;
}

a.green:link, a.green:active, a.green:visited {
	color: #587a7b;
	text-decoration: none;
}
a.green:hover {
	color: #587a7b;
	text-decoration: underline;
}

a.gray:link, a.gray:active, a.gray:visited {
	color: #5b5b5b; /* #959595 */
	text-decoration: none;
}
a.gray:hover {
	color: #5b5b5b;
	text-decoration: underline;
}


/*======================================================================
	defs that change per SITE	
  ======================================================================*/

#footer {
	position: relative;
	width: 882px;
	padding-right: 35px;
	padding-top:32px;
	padding-left: 35px;
	clear:both;
	background-color: #d07408;
	background-image: url(../img/shadow-footer-veith.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-top: 4px solid #969696;
	color: white;
	font-size: 12px;
	padding-bottom: 58px;
}

#header-navigation { 
	height: 35px;
	width: 952px;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../img/header-nav-background-veith.jpg);
	padding: 0;
	margin: 0;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	font-size: 1.09em;
	font-weight: bold;
	line-height: 35px;
}

#content-navigation ul#content-navigation-links li.has-submenu a {
	background: url(../img/arrow-right.jpg) no-repeat;
	background-position: 0 75%;
}

#content-navigation ul#content-navigation-links li.has-submenu-open a {
	background: url(../img/arrow-down.jpg) no-repeat;
	background-position: 0 75%;
} 


/*======================================================================
	defs that change per PAGE	
  ======================================================================*/


/*		styles for home page 		*/

#veith-home #content-main-flash {
	width: 554px;
	height: 302px;
	display: block;
	margin-bottom: 25px;
		
}

#veith-home #content-body {
	min-height: 650px;
}


/*		styles for press-contact page			*/

#veith-presscontact #content-main-image {
	width: 567px;
	height: 57px;
	display: block;
	background: url(../img/header-press-contact-752.jpg);
	margin-bottom: 25px;
}


/*		styles for media kit page			*/

#veith-mediakit #content-body {
	position: relative;
	background-image: url(../img/content-gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0 58px;
	float: left;
	left: 200px;
	top: 0px;
	width: 567px;
	min-height: 500px;
}

#veith-mediakit #content-main-image {
	width: 567px;
	height: 57px;
	display: block;
	background: url(../img/header-press-mediakit-752.jpg);
	margin-bottom: 25px;
}


/*		current (2009) program specific styles			*/

#veith-program #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-program.jpg);
	margin-bottom: 25px;
		
}

#veith-program #content-main-text {
	margin-bottom: 25px;
}


/* common elements on all program pages */

#program-openprogram {
	position: absolute;
	right: 15px;
	bottom: -40px;
}

#program-years {
	list-style: none;
	display: inline;	
}

#program-years li {
	color: #587a7b;
	list-style: none;
	display: inline;
	padding-right: 4px;	
}

#dropdown-accrediation-rhs {
	margin-right:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.8em;

}

#dropdowns {
	margin-bottom: 50px;
	margin-left: 35px;
	margin-top: 25px;
}

#program-openprogram {
	position: absolute;
	right: 15px;
	bottom: -40px;
}

.program-bar {
	position: relative;
	width: 499px;
	padding-top: 6px;
	height: 20px;
	background-color: #e0e9e7;
	margin-bottom: 12px;
	padding-left: 55px;

}

.program-bar-closed {
	border: 0;
	display: inline;
	margin-right: 7px;
}

.program-content-closed {
	width: 499px;
	display: none;
	padding-top: 3px;
	height: auto;
	margin-bottom: 12px;
	padding-left: 7px;
	position: relative;
}

.program-content-open {
	width: 499px;
	display: block;
	padding-top: 3px;
	height: auto;
	margin-bottom: 12px;
	padding-left: 7px;
	position: relative;
}

#program-content-openday {
	position: absolute;
	top: 2px;
	right: -33px;	
}

#program-heading {
	margin-top: 35px;
	margin-bottom: 32px;
}

#program-content-extrainfo {
	margin-top: 30px;
	margin-bottom: 10px;
}
#program-content-regtime {
	margin-top: 10px;
	margin-bottom: 10px;
}

#program-content-sessiontitle1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#program-content-sessiontitle2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.session-list, .session-list li {
	list-style: none;
}

.session-list-entry {
	margin-bottom: 10px;
}



/*		2005 program specific styles			*/

#veith-program-2005 #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-program-2005.jpg);
	margin-bottom: 25px;
		
}
#veith-program-2005 #content-main-text {
	margin-bottom: 25px;
}


/*		2006 program specific styles			*/

#veith-program-2006 #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-program-2006.jpg);
	margin-bottom: 25px;
		
}
#veith-program-2006 #content-main-text {
	margin-bottom: 25px;
}


/*		2007 program specific styles			*/

#veith-program-2007 #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-program-2007.jpg);
	margin-bottom: 25px;
		
}
#veith-program-2007 #content-main-text {
	margin-bottom: 25px;
}

/*		2008 program specific styles			*/

#veith-program-2008 #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-program-2008.jpg);
	margin-bottom: 25px;
		
}
#veith-program-2008 #content-main-text {
	margin-bottom: 25px;
}


/*		2009 program specific styles			*/

#veith-program-2009 #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-program-2009.jpg);
	margin-bottom: 25px;
		
}
#veith-program-2009 #content-main-text {
	margin-bottom: 25px;
}


/*		styles for endovenous program			*/

#veith-endovenous #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-endovenous.jpg);
	margin-bottom: 25px;
		
}

#veith-endovenous #content-main-text {
	margin-bottom: 25px;
}


/* 		styles for wound care programs			*/

#veith-woundcare #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-wounds.jpg);
	margin-bottom: 25px;
		
}

#veith-woundcare #content-main-text {
	margin-bottom: 25px;
}



/*	styles for register page	*/

#veith-register #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-register.jpg);
	margin-bottom: 25px;	
}

#veith-register #content-main-text {
	line-height: 1.5em;
}

#veith-register #photo-register {
	float: left;
	width: 152px;
	height: 209px;
	background-repeat: no-repeat;
	background: url(../img/photo-register.jpg);
	top: 0;
	left: 15px;
	margin-right: 10px;
	margin-left: 10px; 
}



/*	styles for both travel pages	*/

#veith-travel-air #content-main-image, #veith-travel-hotel #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-travel.jpg);
	margin-bottom: 25px;
		
}

#veith-travel-air #content-main-text, #veith-travel-hotel #content-main-text {
	position: relative;
}

#veith-travel-air #extra-nav-buttons, #veith-travel-hotel #extra-nav-buttons {
	left: 20px;
	height: 24px;
	width: 215px;
	margin-bottom: 35px;
}


/*	styles for links page	*/

#veith-links #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-links.jpg);
	margin-bottom: 25px;
}

#veith-links #content-body, #veith-links #content	 {
	min-height: 1850px;
	height: 1850px;
}

#veith-links .link-list {
	list-style: none; 
	margin: 0 auto; 
	margin-bottom: 25px;
}

/*	styles for contact page	*/

#veith-contact #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-contact.jpg);
	margin-bottom: 25px;
}

#veith-contact #content-body, #veith-contact #content	 {
	min-height: 1200px;
	height: 1200px;
}


/*	styles for exhibit page		*/

#veith-exhibit #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-exhibit.jpg);
	margin-bottom: 25px;
}

#veith-exhibit #photo-booth {
	float: left;
	width: 176px;;
	height: 169px;;
	background-repeat: no-repeat;
	background: url(../img/photo-visitors.jpg);
	top: 200px;
	left: 15px;
	margin-right: 10px;
	margin-bottom: 10px
	
}

/*	styles for press overview page		*/

#veith-press-overview #content-main-image {
	
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-press-overview-752.jpg);
	margin-bottom: 25px;
		
}

#photo-drveith {
	float: left;
	width: 106px;;
	height: 133px;;
	background-repeat: no-repeat;
	background: url(../img/drveith_photo.png);
	top: 200px;
	left: 15px;
	margin-right: 10px;
	margin-bottom: 10px

}


#veith-press-overview #photo-button {
	float: right;
	width: 215px;;
	height: 50px;;
	background-repeat: no-repeat;
	background: url(../img/drveith_career_btn.png);
	top: 200px;
	left: 15px;
	margin-left: 10px;
	margin-bottom: 10px
	
}

#veith-press-overview ul#facts {
	list-style: square;
	

}
#veith-press-overview ul#facts li {
	margin: 8px 0 8px 0;
}



/*		styles for media opportunities			*/

#veith-press-mediaopp #content-main-image {
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-media-opp-752.jpg);
	margin-bottom: 25px;
}

#veith-press-mediaopp #click-here {
	float: left;
	width: 100px;;
	height: 24px;;
	background-repeat: no-repeat;
	background: url(../img/click-here.jpg);
	top: 200px;
	left: 15px;
	margin: 10px 10px 10px 0;
}


/*	styles for press overview page		*/

#veith-press-suite #content-main-image {
	
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-suite-details-752.jpg);
	margin-bottom: 25px;
}



/*	styles for press release page		*/

#veith-press-release #content-main-image {
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-release-752.jpg);
	margin-bottom: 25px;	
}


/*	styles for press media kit page		*/

#veith-press-mediakit #content-main-image {	
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-press-mediakit-752.jpg);
	margin-bottom: 25px;		
}



/*	styles for press contact page		*/

#veith-press-contact #content-main-image {
	
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-press-contact-752.jpg);
	margin-bottom: 25px;
		
}

/*	styles for press overview page		*/

#veith-bio #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-drveith.jpg);
	margin-bottom: 25px;
		
}

/*	styles for spanish registration page		*/

#veith-espanol #content-main-image {
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-espanol.jpg);
	margin-bottom: 25px;
		
}

#veith-espanol #content-main-text {
	line-height: 1.5em;
}

#veith-espanol #photo-register {
	float: left;
	width: 152px;
	height: 209px;
	background-repeat: no-repeat;
	background: url(../img/photo-register.jpg);
	top: 0;
	left: 15px;
	margin-right: 10px;
	margin-left: 10px; 
}



/*	styles for press registration page		*/

#veith-press-reg #content-main-image {
	
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-press-reg-752.jpg);
	margin-bottom: 25px;
		
}

#veith-press-reg ul#items {
	list-style: square;
	margin-top:-5px;
}

#veith-press-reg ul#items li {
	margin: 8px 0 8px 0;
	
}

#veith-press-reg h4.green{
	font-size: 1.1em;
	color: #415755;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", "MyriadPro", "MyriadPro-Bold", "Myriad-Bold", "Myriad Bold", sans-serif;
	margin: 20px 10px -5px 0;
	padding: 0;

}




/*	styles for faculty page		*/

#veith-faculty #content-main-image {	
	width: 554px;
	height: 57px;
	display: block;
	background: url(../img/header-faculty.jpg);
	margin-bottom: 25px;		
}


#veith-faculty #login {
	float: none;
	width: 158px;
	height: 24px;
	background-repeat: no-repeat;
	background: url(../img/faculty-login.jpg);
	top: 200px;
	left: 15px;
	margin: 10px 10px 10px 0;
	
}

/*	styles for faculty letter page	*/

#veith-faculty-letter #content-main-image {	
	width: 554px;
	height: 57px;
	display: block;
	background: url(../../../img/header-faculty.jpg);
	margin-bottom: 25px;		
}

/*	styles for faculty's view faculty page	*/

#veith-faculty-view #content-main-image {	
	width: 554px;
	height: 57px;
	display: block;
	background: url(../../../img/header-faculty.jpg);
	margin-bottom: 25px;		
}

#veith-press-release-download #content-main-image {
	width: 752px;
	height: 57px;
	display: block;
	background: url(../img/header-release-752.jpg);
	margin-bottom: 25px;	
}