@charset "ISO-8859-1";
/* CSS Document */
body {
	background-color: #FFFFFF;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline-style: none; 
	margin-left: auto ;
	margin-right: auto ;
}
#website {
	width: 822px;
	margin-left: auto ;
	margin-right: auto ;
}
#cewebsite {
	width: 1024px;
	margin-left: auto ;
	margin-right: auto ;
}
#onlinewebsite {
	width: 1024px;
	margin-left: auto ;
	margin-right: auto ;
}
.f_xx-small {
	font-size: 8px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_x-small {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_smaller {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_small_11 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_small {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_medium {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_large {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_x-large {
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f_medium_flashcard {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
}
.f_white {
	color: #FFFFFF;
}
.f_black {
	color: #000000;
}
.f_lightgrey {
	color: #999999;
}
.f_darkgrey {
	color: #666666;
}
.f_blue {
	color: #2E467A;
}
.f_yellow {
	color: #FFFF00;
}
.f_purple {
	color: #666666;
}
.f_red {
	color: #BA0014;
}
.f_green {
	color: #90AE23;
}
.f_bold {
	font-weight: bold; 
}
.f_italic {
	font-style: italic; 
}
.f_bold-italic {
	font-weight: bold; 
	font-style: italic; 
}
.f_bullet {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-indent: -1em; 
	list-style: none;
	line-height: 21px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
ul.Indent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 25px;
	padding: 0;
	list-style: disc; font-size: 12px; color:#666666;
	line-height: 21px;
}
ul.specialbullet {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-indent: -1em; 
	list-style: none;
	line-height: 21px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}
ul.list{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	line-height: 21px;
}
li.list{
	font-size: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#bullets ul{
	list-style-type:disc; color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
}
#bullets li{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 21px;	
	display:list-item;	
}
.f_bulletlist {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 19px;	
}
ol {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 19px;	
}
ol.list{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.f_td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 7px;
}	
.f_td1 {
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
}	
.f_td2 {
	padding-top: 2px;
	padding-bottom: 7px;
}	
/* Diggs StyleSheet */
.style1 {
	line-height: 175%;
}
.style2 {
	line-height: 200%;
}
.style3 {
	line-height: 300%;
}
table.catalog	{
	width: 100%;
}
table.catalog td	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 19px;	
}
p	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0;
	line-height: 19px;	
}
.p_10	{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0;
	line-height: 19px;	
}
.p_12	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0;
	line-height: 19px;	
}
.p_blue_15	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E467A;
	margin-top: 0;
	line-height: 15px;	
}
.p_blue	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E467A;
	line-height: 19px;	
}
hr {
	margin-bottom: 15px; 
	color: #666666;
}

.p_table {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
}

.p_table_bold {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
.p_wsloc {
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
}

.p_table_header {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E467A;
	font-weight: bold;
	background-color: #cccccc;
}
.p_header {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E467A;
	font-weight: bold;
}

.p_header_white {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 19px;	
}

.p_white {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 15px;	
}

.p_large_header_white {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;	
}
.p_large_header {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E467A;
	font-weight: bold;
	line-height: 24px;	
}

.p_large_white {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 19px;	
}
.p_workshopheader {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E467A;
	font-weight: bold;
	line-height: 14px;	
}

.style_maphead {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding-left: 25px;
	line-height: 350%;
	width: 100%;
}

.style_map {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding-left: 25px;
	line-height: 350%;
	width: 100%;
}
.style_map a:link {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.style_map a:visited {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.style_map a:hover {
	color: #666666;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.ce_style_map {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 25px;
	line-height: 300%;
	width: 100%;
}
.ce_style_map a:link {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.ce_style_map a:visited {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.ce_style_map a:hover {
	color: #666666;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.yellow_map {
	color: #FFFF00;	
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.yellow_map a:link {
	color: #FFFF00;	
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.yellow_map a:hover {
	color: #CC0000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style_map2 {
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 25px;
	line-height: 350%;
}
a:link       { 
	color: #2E467A;
}
a:visited    { 
	color: #666666; 
}
a:hover      { 
	color: #CC0000;
}
a:active
{
  outline: none;
}
a {
    outline: none;
 }
a img {
    border:none;
 }
.buynow a:link {
	font-size: 12px;
	color: #BA0014;
}
.buynow a:visited    { 
	font-size: 12px;
	color: #BA0014; 
	text-decoration: none;
}
.buynow a:hover { 
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.desc_link a:link {
	font-size: 12px;
	color: #2E467A;
}
.desc_link a:visited    { 
	font-size: 12px;
	color: #2E467A; 
	text-decoration: none;
}
.buy a:hover      { 
	font-size: 12px;
	color: #BA0014;
	text-decoration: none;
}
.buy a:link {
	font-size: 12px;
	color: #2E467A;
	text-decoration: none;
}
.buy a:visited    { 
	font-size: 12px;
	color: #2E467A; 
	text-decoration: none;
}
.buy a:hover      { 
	font-size: 12px;
	color: #BA0014;
	text-decoration: none;
}

#footer a:link {
	color: #666666;
	text-decoration: none;
}
#footer a:visited    { 
	color: #666666; 
	text-decoration: none;
}
#footer a:hover      { 
	color: #2E467A;
	text-decoration: none;
	font-weight: bold;
}
#header a:link {
	color: #666666;
	text-decoration: none;
}
#header a:visited    { 
	color: #666666; 
	text-decoration: none;
}
#header a:hover      { 
	color: #2E467A;
	text-decoration: none;
	font-weight: bold;
}

.contentleftsample {width: 300px; height: 125px; border: 0px solid black; margin: 15px 0px 0px 20px; padding-top: 5px; float: left; display: block; background-color:#333333;}
.content-left {width: 520px; height: 250px; border: 0px solid black; margin: 0px 0px 0px 25px; float: left; display: block; clear: both;}
.content-right {width: 260px; height: 250px; border: 0px solid black; margin: 0px 5px 0px 0px; float: right; display: block; background-color:#333333;}
.contentleft {width: 250px; height: 250px; border: 0px solid black; margin: 15px 0px 0px 20px; float: left; display: block; background-color:#333333;}
.contentright {width: 336px; height: 250px; border: 0px solid black; margin: 15px 5px 0px 0px; float: right; display: block; background-color:#FFFFFF;}
#inside-box {width: 230px; height: 150px; border: 0px solid black; margin: 0px 10px 10px 10px; float: right; background-color:#FFFFFF;}
#content-info {width: 800px; border: 0px solid black; margin: 25px 10px 5px 25px; float: left; display: block; clear: both;}
#announcements {width: 800px; border: 0px solid black; margin: 2px 10px 0px 25px; float: left; display: block; clear: both;}
#content-space {width: 800px; border: 0px solid black; margin: 3px 10px 0px 25px; float: left; display: block; clear: both;}
#content-special {width: 793px; border: 0px solid black; margin: 5px 25px 0px 25px; float: left; display: block; clear: both; padding-top: 10px;}
#header {width: 815px; height: 100px; border: 0px solid black; margin: 0px 0px 0px 0px; display: block; clear:both; background-color: #ffffff;}
#ceheader {width: 1024px; height: 100px; border: 0px solid black; margin: 0px 0px 0px 0px; display: block; clear:both; background-color: #ffffff;}
#ceonlineheader {width: 1024px; height: 60px; border: 0px solid black; margin: 0px 0px 0px 10px; display: block; clear:both; background-color: #ffffff;}
#onlineceheader {width: 800px; height: 60px; border: 0px solid black; margin: 0px 0px 0px 10px; display: block; clear:both; background-color: #ffffff;}
#special-1 {width: 240px; border: 0px solid black; margin: 0px 30px 0px 0px; float: left;}
#special-2 {width: 240px; border: 0px solid black; margin: 0px 22px 0px 5px; float: left;}
#special-3 {width: 235px; border: 0px solid black; margin: 0px 14px 0px 0px; float: left;}
#sample-1 {width: 290px; position: absolute; left: 25px; top: 30px; display: none;}
#sample-2 {width: 25%; position: absolute; margin: 20px 0px 0px 280px; vertical-align: bottom; display: none;}
#sample-1-show {width: 25%; position: absolute; margin: 22px 20px 0px 10px; vertical-align: bottom; display: none;}
#sample-2-show {width: 270px; position: absolute; left: 210px; top: 30px; display: none;}
#menu {width: 800px; border: 0px solid black; margin: 0px 0px 0px 20px;  float: left; display: block; clear:both; background-color: #ffffff;}
#cemenu {width: 802px; border: 0px none; margin: 0px 20px 0px 0px; float: left; display: block; clear:both; background-color: #ffffff;}
.login-right {width: 260px; height: 218px; border: 0px solid black; margin: 0px 5px 0px 0px; float: right; display: block; background-color:#333333;}
.register-right {width: 260px; height: 43px; margin: 0px 5px 0px 0px; float: right; display: block; background-color:#ffffff;}
#sampleexam {position:relative;}
.buttonstyle {width: 300px; height: 26px; font-family:Verdana; font-size:10px;}
form {
	margin: 0;
	outline: none;
	overflow: hidden;
	outline-style: none;
}
#footer {
	width: 793px;
	border: 0px solid black;
	margin: 10px 25px 0px 25px;
	float: left;
	display: block;
	clear: both;
	padding-top: 10px;
	margin-top: 0;
	line-height: 125%;
}
#socialnetwork {
	width: 793px;
	border: 0px solid black;
	margin: 10px 25px 0px 25px;
	float: left;
	display: block;
	clear: both;
	padding-top: 10px;
	margin-top: 0;
	line-height: 125%;
}
#bodycontent {width: 98%; border: 0px solid black; margin: 5px 0px 5px 22px; float: left; display: block; clear: both;}
#packageinfo {width: 575px; border: 0px solid black; margin: 0px 10px 0px 0px; float: left; display: block; clear: both;}
#packageinfoCatalog {width: 98%; border: 0px solid black; margin: 0px 0px 0px 0px; float: left; display: block; clear: both;}
#packageitems {width: 99%; border: 0px solid black; margin: 0px 0px 0px 10px; float: left; display: block; clear: both;}
#mapinfo {width: 100%; height: 50px; border: 0px solid black; margin: 5px 0px 10px 0px; float: left; display: block; clear: both; background-color: #8C9D23; }
#cemapinfo {width: 786px; height: 50px; border: 0px solid black; margin: 10px 0px 0px 0px; float: left; display: block; clear: both; background-color: #8C9D23; }
#ceonlinemapinfo {width: 786px; height: 50px; border: 0px solid black; margin: 0px 0px 0px 0px; float: left; display: block; clear: both; background-color: #8C9D23; }
#onlinemapinfo {width: 100%; height: 50px; border: 0px solid black; margin: 0px 0px 0px 7px; float: left; display: block; clear: both; background-color: #8C9D23; }
#onlineheader {width: 800px; height: 60px; border: 0px solid black; margin: 0px 0px 0px 0px; display: block; clear:both; background-color: #ffffff;}

#modalContainer {
	background-color:transparent;
	position:absolute;
	top:0px;
	width:822px;
	height:100%;
	left:0px;
	z-index:10000;
	background-image:url(/images/tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	width:300px;
	min-height:100px;
	margin-top:50px;
	top:30%;
	position: absolute;
	border:2px solid #000;
	background-color:#FFF;
	background-image:url(/images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	padding-right:10px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background-color:#999999;
	text-decoration:none;
}
del { color: #BA0014; text-decoration: line-through; }
del span { color: #666666; background: #FFFFFF; }

#navigation {
  position: relative;
  padding: 0px;
}

#navigation ul {
  float: left;
  position: relative;
  margin: 0 0 0 -2px;
  list-style: none inside ;
  padding: 0px;
}

#navigation ul li {
  float: left;
  padding-left: 2px;
}

#submenu {position:relative; z-index: 500; margin-left: 7px;}
#submenu ul {padding: 0; margin: 0; list-style: none; width: 125px; padding: 5px; background: #89a;}
#submenu ul ul {position:absolute; left:-9999px;}
#submenu table {border-collapse: collapse; width: 0; height: 0; position: absolute; left: -1px; top: -1px;}
#submenu ul li {width: 125px; background: #fff;}
* html #submenu ul li {float: left;}
#submenu ul li a {display: block; width: 110px; padding: 8px 10px 8px 5px; font: normal 11px verdana, sans-serif; color: #000; text-decoration: none; background: #abc; border: 1px solid #888; border-color: #ddd #555 #555 #ddd; clear: left;}
#submenu ul li a.fly {background: #abc url(multi-line/arrow.gif) no-repeat 105px center;}

#submenu ul li:hover {position: relative;}
#submenu ul li a:hover {direction: ltr; background: #89a; color: #fff; border-color: #89a; position: relative;}
#submenu ul li:hover > a {background: #89a; color: #fff; border-color: #89a;}
#submenu ul li a.limark {direction:ltr; background: #F5F5F5; color:#00C; border-color:#666; position:relative; font:normal 10px verdana, sans-serif;}

#submenu ul :hover ul,
#submenu ul :hover ul :hover ul,
#submenu ul :hover ul :hover ul :hover ul,
#submenu ul :hover ul :hover ul :hover ul :hover ul {left: 112px; top: -5px;}

#submenu ul :hover ul ul,
#submenu ul :hover ul :hover ul ul, 
#submenu ul :hover ul :hover ul :hover ul ul {left: -9999px;}