@charset "UTF-8";
/********* 	CEO ~ Copyright 2010 ************/

/********** global *************/
body {margin:0; padding:0; background: url(../images/body_bg.jpg) repeat-x;}
.clear {clear:both;}
#container {
	width:950px;
	background-image: url(../images/leftbox2-bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
}

a:link {color:#3878A8;}
a:hover {color:#E1752C;}

/********** masthead *************/

#masthead {background: url(../images/mastheadICP_bg2017.jpg) no-repeat; height:301px; overflow:hidden;}
#masthead h1 {margin:0; text-indent: -9999px; height:110px;}
#masthead ul {list-style-type:none; float:left; width:219px; margin:0; padding:5px 475px 0 15px;}
#masthead li {border-bottom:1px dotted #fff; font-family: Myriad Pro, Arial, sans-serif; width:185px; font-size:15px;}
#masthead li.last {border:none;}
#masthead li a {color:#fff; text-decoration: none;padding:6px 5px 6px 5px; display:block; width:180px;}
#masthead li a:hover, #masthead a.selected {color:#fff; background:url(../images/nav_hover-notused.jpg) no-repeat right #ff5b5b;}

#courseshead {background: url(../images/courseheadICP_bg2017.jpg) no-repeat; height:301px; overflow:hidden;}
#courseshead h1 {margin:0; text-indent: -9999px; height:110px;}
#courseshead ul {list-style-type:none; float:left; width:219px; margin:0; padding:5px 475px 0 15px;}
#courseshead li {border-bottom:1px dotted #fff; font-family: Myriad Pro, Arial, sans-serif; width:185px; font-size:15px;}
#courseshead li.last {border:none;}
#courseshead li a {color:#fff; text-decoration: none;padding:6px 5px 6px 5px; display:block; width:180px;}
#courseshead li a:hover, #masthead a.selected {color:#fff; background:url(../images/nav_hover-notused.jpg) no-repeat right #ff5b5b;}

#link {padding:10px 0 10px 90px; margin-top:-120px; width:128px; float:left;}
#link a {display: block; height:150px; width:140px; text-indent: -9999px;}

h2 {font-family: Myriad Pro, Arial, sans-serif; font-size:16px; color:#cc0000; margin:0; font-weight:normal;}
h5 {font-family: Myriad Pro, Arial, sans-serif; font-size:10pt; margin:0; font-weight:normal;line-height: 120%;}

/********** content *************/
.picframe {border:#CCCCCC 3px solid; margin:5px;}

#content {background: url(../images/left_bg.jpg) repeat-y; width:950px; margin-top:0px;}
#content p, ul {font-family: Myriad Pro, Arial, sans-serif; font-size:12pt; color:#333; line-height:145%;}

hr {border-bottom:#FF3300 1px dotted; border-left:none; border-right:none; border-top:none;}

.left {
	float:left;
	width:173px;
	padding-top: 10px;
	padding-right: 29px;
	padding-bottom: 10px;
	padding-left: 14px;
}
.left span {color:#cc0000; font-size:11px;}
.left i {font-size:11px;}

.sideBox {
	border:thin dashed #FF0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #FFFFFF;
	width: 172px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: center;
	padding: 5px;
}
.sideBox a {color:#cc0000;}
.sideBox a:hover {color:#333;}
.sideBox2 {
	padding:10px;
	border:thin dashed #FF0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width: 165px;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: center;
}
.sideBox2 a {
	color:#cc0000;
}
.sideBox2 a:hover {
	color:#333;
}


a#login {
	width:187px;
	height:36px;
	display: block;
	text-indent:-9999px;
	margin:10px 0;
	background-image: url(../images/login_bg.jpg);
	background-repeat: no-repeat;
}


.right {
	float:left;
	width:700px;
	padding-top:15px;
	padding-left: 15px;
}
.right p {font-family:Myriad Pro, Arial, sans-serif; font-size:12px;}
.right ul { padding:0 15px 0 0; margin:0; list-style-type:none;}
.right li {padding:5px 0 5px 150px; background: url(../images/bullet.gif) no-repeat 0 9px;}
.right a {
	color:#000000;
	text-decoration: none;
}
.right a:hover {
	color:#FF0000;
	text-decoration: underline;
}

.right li#infectionBarrier {background: url(../images/hcp2.jpg) no-repeat left;}
.right li#infectionAmbu {background: url(../images/hcp1.jpg) no-repeat left;}
.right li#basic {background: url(../images/childcare.jpg) no-repeat left;}
.right li#dental {background: url(../images/dental.jpg) no-repeat left;}
.right li#opioid {background: url(../images/opioid.jpg) no-repeat left;}
.left ul { padding:0 10px 0 0; margin:0; list-style-type:none;}
.left li {padding:0px 0 5px 85px; background: url(../images/bullet.gif) no-repeat 0 9px;}
.left a {color:#cc0000;}
.left a:hover {color:#333;}

.left li#infectionBarrier {background: url(../images/hcp2.jpg) no-repeat top left;}
.left li#infectionAmbu {background: url(../images/hcp1.jpg) no-repeat top left;}
.left li#basic {background: url(../images/childcare.jpg) no-repeat top left;}
.left li#dental {background: url(../images/dental.jpg) no-repeat top left;}
.left li#opioid {background: url(../images/opioid.jpg) no-repeat top left;}

.left h2 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:16px;
	color:#cc0000;
	margin:0;
	font-weight:bold;
	margin-bottom:5px;
}
.left h3 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:16px;
	color:#000000;
	margin:0;
	font-weight:bold;
	margin-bottom:5px;
}
.left h4 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:14px;
	color:#000000;
	margin:0;
	font-weight:bold;
	margin-bottom:5px;
}

.curriculum {float:left; width:900px; padding:15px; border:2px #CC0000 solid;}
.curriculum p {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/********** footer *************/
#footer {border-top:3px solid #ccc; margin-top:4px;}
#footer p {text-align: center; font-size:11px; color:#666; font-family: Arial, sans-serif;}
#footer p a{text-decoration: none; color:#666;}
#footer p a:hover {text-decoration: underline;}

/********** ambulatory surgery course boxes *************/

#ambsurg {
	overflow:hidden;
	font-family: "Myriad Pro", Arial, sans-serif;
}
#ambsurg a {
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#ambsurg a:hover {
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}


.ambuBox1 {
	border:1px dashed #666666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #FFFFFF;
	width: 300px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: center;
	padding: 5px;
	float: left;
	vertical-align: top;
	background-image: url(../images/icasc.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 270px;
}
.ambuBox2 {
	border:1px dashed #666666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #FFFFFF;
	width: 300px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: center;
	padding: 5px;
	float: left;
	vertical-align: top;
	background-image: url(../images/icrabox.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 270px;
}
.ambuBox3 {
	border:1px dashed #666666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #FFFFFF;
	width: 300px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: center;
	padding: 5px;
	float: left;
	vertical-align: top;
	background-image: url(../images/modsd1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 270px;
}
.ambuBox4 {
	border:1px dashed #666666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #FFFFFF;
	width: 300px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: center;
	padding: 5px;
	float: left;
	vertical-align: top;
	background-image: url(../images/endo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 270px;
}
.list-numerica {
	list-style-position: inside;
}
.red-highlight {
	color: #F00;
	font-size: 10pt;
	font-weight: bold;
	line-height: 10pt;
}
.fontbox {
	font-size: 10pt;
	line-height: 100%;
}