/* ATI, Davor's Remix */





/* ..................................... Global */

* {
	margin:0px;
	padding:0px;
}

body {
	background:url(images/bg-dots.jpg) repeat;
}


body#popup-page {
	background:none;
}


/* ..................................... Structure */

#top-bar #user-box {
	margin-left:30px;
}

#header {
	background: #fff url(images/header-bg.gif) bottom left repeat-x;
	width:902px;
	height: 150px;
	margin:0 auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: relative;
}

#page-header {
	height: 70px;
}

#main-outer {
background-color:#FFFFFF;
width:885px;
}


.page-part {
	width:880px;
	margin:0 auto;
}




#header .content-part {
	/* width:880px; */
}

#side-top, #side-header {
background: transparent;
}

#header .side-part {
position: absolute;
top: -2px;
right: 30px;
width: 400px;
text-align: right;

/*
float:right;
margin:-150px 0 0;
width:226px;
*/
}


#side-header {
	margin: 105px 0 0 0;
	height: 25px;
}


#main {
	width:882px;
	margin:0 auto;
	padding: 20px 10px;
	background:#ffffff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main .content-part {
	width:672px;
	padding:15px 0 0 0;
	margin:0 8px 0 0;}


#content {
	padding:0 20px;
}

#sub-navigation {
	margin: 8px 0 0 0;
}
	
	
#content .content-section p{margin:10px 0 0 0;}

#content .content-section {
	margin-left: 0px;
}

#main-side {
position:relative;
width:202px;
z-index:11;
}

#main .content-part .btmGraphic {
	margin: 0 0 0 15px;
}
	
#footer {
	width:900px;
	margin:0 auto;
	background-color:#ffffff;
	margin-top: 30px;
	border: 1px solid #ccc;
}

#footer-blurb {
float:left;
height:50px;
width:720px;
}

#footer-blurb ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:0;
}

#footer-blurb ul li {
float:left;
margin:0 10px 0 0;
padding:0;
}

#footer-blurb a {
color:#666666;
text-decoration:none;
text-transform:uppercase;
}

#footer .content-part {
	margin:0;
	float:left;
	width:880px;
}

#footer-side{
float:right;
margin:-13px 0 20px 0;
padding-top:0;
position:relative;
text-align:center;
width:200px;
display: none;
}


#footer-side #footer-valid-markup a{float:left;}

#footer-copyright {
	font-size: 10px;
	width: 500px;
}

#footer-company-info {
float:right;
margin-right:30px;
margin-top:-50px;
width:140px;
}

#footer-company-info #company-phone {
}

#top-navigation ul {
	line-height: normal;
}

#top-navigation ul li {
	display: inline !important;
	margin: 0 3px;
	padding: 0;
}

#top-navigation ul li a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	border: none;
	padding: 4px 9px 4px 9px;
	display: inline !important;
	color: #000;
	text-decoration: none;
	background: url(images/tab-bg.png) bottom left repeat-x;
}

#top-navigation ul li a.selected {
	font-weight: bold;
	font-style: normal;
	color: #000;
}

#content #breadcrums {
  left:20px;
right:auto;
top:5px;
display: none;
}

#content .content-navigation {
	padding:10px;
	border:dotted 1px #333;
	text-align:left;
}

.side-part #side-top{display:none;}


/* ..................................... Background Images & Colors */


#top-bar {
	background-color:#fff;
width: 850px;
}

#side-top {
	background-color:#fff;
}

#content h1 {
padding: 0;
margin: 0 0 10px 0;
font-family: 'trebuchet ms', helvetica, sans-serif;
font-size: 27px;
color: #48688f;
}

#content ul li {
	list-style:url(images/lil_arrow.gif);
}

#main-side {
	padding-top:10px;
}

.sideWrap {
	padding:5px;
}

#main-side .related-info-box {
	background: url(images/side-bar-bg.png) top left repeat-x;
	padding: 10px;
	border-bottom: 1px solid #a8c3e3;
	width: 176px;
}


#search-box {
	width: 176px;
	background: url(images/side-bar-bg.png) top left repeat-x;
	border:none;
	padding: 10px;
	border-bottom: 1px solid #a8c3e3;
	line-height: 12px;
}

#search-field {
	border: solid 1px #333;
	width:130px;
	margin-left:10px;
	position: relative;
	line-height: 12px;
}

#search-button {
	background: url(images/zoom.png) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 -3px 0;
	line-height: 12px;
	width: 16px;
	height: 16px;
}


/* ..................................... Images */


img#company-logo {
width: 280px;
height: 66px;
	margin: 10px 0 10px 20px;
max-height: none;
max-width: none;

/*
	height:60px;
	max-height:80px;
	max-width:400px;
	margin: 10px 0 10px 20px;
*/
}

.buttons{margin-bottom:0;}


/* ..................................... Typography and Link Styles */


#body #content form {
	font-family:Trebuchet MS,sans-serif;
}

#sub-navigation ul li a {
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
	background: none;
}

#sub-navigation ul li a.selected {
	font-style:normal;
	font-weight: bold;
	background:none;
}
#sub-navigation ul li a:hover {
	background:none;
	color: #fff;
}

#content p {
	font-family:Trebuchet MS, sans-serif;
	font-size:13px;
	line-height:20px;
	margin:0 10px 0 0;
}

#content h2 {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	clear:both;
	margin: 15px 0 3px 0;
	padding: 0;
	font-size: 18px;
	color: #22426a;
}

#content h3 {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	line-height: 18px;
	margin: 20px 0 0 0;
}



#content .content-navigation a {
	color:#bf0537;
	font-family:Trebuchet MS, sans-serif;
	font-size:14px;
	margin-left:8px;
}

#content .content-navigation a:hover {
	background-color:inherit;
}

#content ul li {
	font-family:Trebuchet MS,sans-serif;
}

#main-side .related-info-box h2 {
	font-family: Trebuchet MS,sans-serif;
	color: #bf0537;
	padding: 0 0 10px 0;
	margin: 0;
}

#main-side .related-info-box {
	font-family:Trebuchet MS,sans-serif;
}

#content table {
	font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 5px 0;
}

#content table thead td, #content table thead th {
background-color: #eee;
color: #333;
}

table thead td, table thead th {
font-size: 12px;
font-weight: bold;

}

table.class-schedule tbody td.course-event-info, table.class-schedule tbody td.course-event-info-last, table.class-schedule tbody td.scheduled a {
font-size: 12px;
letter-spacing: normal;
}

table.class-schedule tbody td.course-event-info, table.class-schedule tbody td.course-event-info-last {
width: 60px;
}

#content table a {
	text-decoration:none;
}

#content div.content-box p {
	line-height:20px;
}

#content a:hover {
	color:#000;
	background-color:#e6bdbd;
}

.related-info-box ul li {
	margin-bottom:4px;
	list-style-type: none;
	padding: 0;
}

#main-side .related-info-box ul, #main-side .related-info-box p {
clear: both;
	margin: 0;
	padding: 0;
}

.note {
	font-family:Trebuchet MS,sans-serif;
	font-size:12px;
}

#Menubar ul {
padding-left: 3px;
}

#footer-powered-by {
font-size:9px;
line-height:11px;
width:150px;
}

a.callout {
background:url("images/call-button-background-120.png") no-repeat scroll left top transparent;
display:inline-block;
padding:2px;
text-align:center;
vertical-align:middle;
width:120px;
color: #fff;
height: 24px;
}


div.trainingBox {
	background: #d1e0f3;
	width: 150px;
	border: 5px solid white;
	margin-bottom: 10px;
	-webkit-box-shadow: rgba(0,0,0,.4) 0 2px 5px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 2px 5px;
	padding: 20px;
	font-size: 15px;
	font-weight: bold;
margin: 5px;
}

div.trainingBox a {
	text-decoration: none;
	display: block;
	text-align: center;
}

div.trainingBox a:hover {
	text-decoration: none;
	background-color: transparent !important;
}

table tbody tr td {
border: 0;
}