body
	{
	margin: 0;
	padding: 5px 0 0 0;
	font: normal 80% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	background-color: #F4F4F4
	}

h1, h1, h3, h4, h5, h6, p
	{
	margin: 0;
	padding: 0
	}

#wrapper
	{
	width: 980px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 5px;
  -moz-border-radius: 8px 8px 8px 8px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
	}

#header
	{
	position: relative;
	height: 18px;
	padding-top: 2px;
	background-color: #EBEBEB;
	color: #333333;
	-moz-border-radius: 5px 5px 0px 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
	}
#header h1
	{
	text-align: center;
	font-size: 8pt;
	font-weight: normal
	}

#header a
	{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 8pt;
	text-decoration: none
	}
#header a:hover
	{
	text-decoration: underline
	}

#header_2
	{
	position: relative;
	height: 100px;
	border-top: 1px solid white;
	border-bottom: 3px solid white;
	background: #F4F4F4 url("/bytsyz_elearning_images/design/bg_header_2.gif") top left repeat-x
	}

#header_2 .left
	{
	position: absolute;
	left: 0;
	width: 160px;
	height: 100px;
	background: url("/bytsyz_elearning_images/design/bg_header_2_bytsyz_logo.gif") top left no-repeat
	}

#header_2 .middle
	{
	position: absolute;
	width: 694px;
	text-align: left
	}

#header_2 .right
	{
	position: absolute;
	right: 0px;
	width: 160px;
	height: 100px;
	background: url("/bytsyz_elearning_images/design/bg_header_2_bytsyz_people.gif") top left no-repeat
	}

#header_2 h1
	{
	width: 100%;
	padding: 15px 0 8px 200px;
	font-size: 16pt;
	font-weight: normal;
	line-height: 1.5em;
	color: #666666
	}

#header_3
{
position: relative;
height: 35px;
background-color: #1D92C2;
}

#header_3 .left
{
position: absolute;
left: 10px;
padding-top: 5px;
font-size: 10pt;
color: #FFFFFF
}

#header_3 ul
{
list-style-type: none;
padding: 0px;
margin: 0px
}

#header_3 ul, #header_3 li
{
display: inline
}

#header_3 li.phone
{
position: absolute;
background: url("/bytsyz_elearning_images/design/image_helpline_08005677107.gif") center right no-repeat;
right: 105px;
width: 151px;
height: 35px
}
#header_3 li.phone span
{
display: block;
font-size: 11pt;
font-weight: normal;
color: #333333;
height: 35px;
padding: 7px 0 5px 32px;
}

#header_3 li.contact_us
{
position: absolute;
display: block;
right: 3px;
width: 97px;
height: 35px;
}
a.contact_us
{
background: url("/bytsyz_elearning_images/design/button_contact_us.gif") 0px 5px no-repeat;
position: absolute;
display: block;
font-size: 10pt;
text-decoration: none;
padding: 7px 7px 7px 33px;
color: #333333
}
a.contact_us:hover, a.contact_us.active
{
background: url("/bytsyz_elearning_images/design/button_contact_us_over.gif") 0px 5px no-repeat;
position: absolute;
display: block;
font-size: 10pt;
text-decoration: none;
padding: 7px 7px 7px 33px;
color: #333333
}

/* TOP HORIZONTAL MENU */

#top_nav
	{
	text-shadow: 0 1px 0 #FFFFFF;
	position: relative;
	height: 36px;
	border-bottom: 3px solid white;
	border-top: 1px solid white;
	font: normal 10pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	background: #E6E6E6 url("/bytsyz_elearning_images/design/bg_top_menu.gif") top left repeat-x;
	}
#menu
	{
	margin: 0 auto;
	list-style: none;
	padding: 0px
	}
#menu li
	{
	float: left;
	padding: 0 1px 0 0
	}
#menu a
	{
	-moz-transition: color 0.2s linear 0s;
	color: #666666; /* #7F7F7F */
	display: block;
	background: #E6E6E6 url("/bytsyz_elearning_images/design/bg_top_menu.gif") top left repeat-x;
	text-decoration: none;
	padding: 8px
	}
#menu a:hover, #menu a.active
	{
	color: #333333;
	display: block;
	background: #E6E6E6 url("/bytsyz_elearning_images/design/bg_top_menu_over.gif") top left repeat-x;
	padding: 8px
	}

/* Main container */
#container
	{
	padding: 0;
	background-color: white
	}

/* Left column */
#leftColumn
	{
	float: left;
	width: 180px;
	padding: 0;
	background-color: white
	}

/* Left menu block */
#leftColumn h2
	{
	height: 30px;
	margin: 0;
	padding: 4px 0 0 0;
	width: 180px;
	font-size: 11pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	}
.submenu
	{
	background: #FFFFFF url("/bytsyz_elearning_images/design/left_menu_header.gif") top left no-repeat;
	padding-bottom: 8px;
	-moz-border-radius: 0px 0px 0px 0px;
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px
	}
.submenu a
	{
	margin: 0;
	padding: 3px 0 3px 0;
	display: block;
	width: 180px;
	text-indent: 5px;
	text-decoration: none;
	font-size: 9pt;
	color: #333333
	}
.submenu a:hover
	{
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE
	}

/* Middle column */
#middleColumn
	{
	float: left;
	width: 780px;
	padding: 10px;
	background-color: #FFFFFF
	}

/* Middle column formatting */

/* Reset all margins */
#middleColumn h1,
#middleColumn h2,
#middleColumn h3,
#middleColumn p
	{
	margin: 0;
	padding: 0
	}

#middleColumn #you_are_here h1
	{
	font: normal 9pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	border-bottom: 1px solid #787878;
	padding: 3px
	}

#middleColumn h1 { padding: 12px 0 12px 0; font: normal 21pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color: #1D92C2; } /* #400000 */
#middleColumn p,
#middleColumn ul,
#middleColumn ol {
	font-size: 10pt;
	line-height: 1.4em;
	padding-bottom: 8px;
	}

#middleColumn h2,
#middleColumn h3
	{
	color: #EE2180;
	padding: 0 0 8px 0;
	font: normal 14pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	}

/* Right column */
#rightColumn
	{
		visibility: hidden;
		float: left;
	width: 0px;
	padding: 0;
	background-color: white
	}

/* Right Boxes */

.submenu_right {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	background: #F1F2F6 url("/bytsyz_elearning_images/design/right_header.gif") center top no-repeat;
	-moz-border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px
	}

h2.box_header {
	margin: 0;
	padding: 4px 0 0 0;
	height: 26px;
	font-size: 10pt;
	font-weight: bold;
	color: #375A9E;
	text-align: center;
}

.submenu_right p {
	margin: 0;
	padding: 8px 8px 8px 8px;
	line-height: 1.3em;
}
.submenu_right_content { width: 0px; background: #F1F2F6; }

/* Error and Success block of text */
div#error {
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #FF8080;
	background-color: #FFDFDF;
	padding: 6px;
}
div#success {
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #DEEEB9;
	background-color: #E8F3CF;
	padding: 6px;
}
.error {
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #FF8080;
	background-color: #FFDFDF;
	padding: 6px;
}
.info {
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #FFDFA4;
	background-color: #FFEDCC;
	padding: 6px;
}

/* Footer */
#footer { clear:both; padding:5px; background-color: #E6E6E6; color: #333333; line-height: 1.6em; } /* #537EFF */
#footer a { color: #333333; text-decoration: none; }
#footer a:hover { color: white; text-decoration: underline; }

/* Other styles */

.half_width { width: 49% }
.full_width { width: 100% }
.left { float: left }
.right { float: right }

/* Relevant Courses */

div#relevant_courses {
	background-color: #EEF1FB;
	padding: 8px;
	margin: 15px 0 15px 0;
	line-height: 1.5em;
}
div#relevant_courses h2 {
	background: #1A8DC6;
	padding: 5px;
	margin: 0 0 8px 0;
	color: #FFFFFF;
}

/* Latest Testimonial */
div#latest_testimonial
	{
	margin: 0;
	padding: 8px;
	background-color: #F2F2F2;
	-moz-border-radius: 5px 5px 0px 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
	}
div#latest_testimonial h2, div#latest_testimonial p {
	padding: 5px;
	margin: 0;
}
div#latest_testimonial h2 {
	background: #C21D7E;
	padding: 5px;
	margin: 0 0 8px 0;
	color: #FFFFFF;
}
.italic {
	font-style: italic;
	color: #35709F;
}

/* Tables */
th { padding: 3px; background-color: #E8F3CF; }

.clear { clear:both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

/* Quick Links */
#quick_links
	{
	clear: both;
	padding: 5px 0 0 0;
	background-color: #FFFFFF;
	}
.quick_links_box
	{
	float: left;
	width: 25%;
	height: 215px;
	background-color: #FFFFFF;
	}
#quick_links span
	{
	padding: 5px;
	font-weight: bold;
	}
.quick_links_box p
	{
	padding: 5px;
	line-height: 1.6em;
	}

/* FAQ */
#faqs h2
	{
	padding-bottom: 3px;
	font-size: 14pt;
	color: #EE2180;
	}
.faq
	{
	padding: 8px;
	margin: 0 0 8px 0;
	line-height: 1.5em;
	}
.faq_arrow
	{
	padding-top: 16px;
	background: #FFFFFF url("/bytsyz_elearning_images/design/faq_arrow.gif") 20px top no-repeat;
	}
.faq_text
	{
	background-color: #EBEBEB;
	padding: 8px 8px 8px 16px;
	-moz-border-radius: 8px 8px 0px 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
	}

input, select, textarea
	{
	padding: 3px;
	}