/*
	CSS Style Definitions for
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html{ background: #fff }
html, body{ margin:0; padding:0; font: 0.83em Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#page-container{ width: 790px; margin:12px auto; text-align: left; border:10px solid #fff; background-color: #fff; }
	#header{ width: 790px; float:left; color: #af040d; border-bottom: 1px solid #900a0a; }
	.page-home #header{width: 770px;}
		#header #pager{ margin-top: 8px; float:right; width: 300px; text-align: right; }
		#header #pager a{ color: #af040d; text-decoration: none; }
		#header #pager span{ margin: 0 12px; }
	#masthead{ width: 770px; float:left; position: relative; background: #C61215; }
		#masthead #image{ width:569px; height:202px; float:left; }
		#masthead #menu{ float: right; width:201px; height: 202px; background: url("../images/skills-academy/gradient-navigation.gif") repeat-y; }
	#homeContent{ width: 770px; height: 274px; float:left; background: url("../images/skills-academy/bg-content-home.jpg") no-repeat; border-bottom: 1px solid #900a0a; position:relative; }
		#homeContent #welcome{ width: 346px; float: right; left: -14px; position:relative; top: 14px; display: block; }
		#homeContent #news{ position: absolute; width: 346px; top: 120px; right: 20px; }
	#content{ width: 790px; float:left; background: url("../images/skills-academy/gradient-navigation.gif") repeat-y top right; }
		#left-side{ width: 588px; float:left; background: url("../images/skills-academy/gradient-vertical.gif") repeat-x; }
			#sideContainer{ width: 588px; float:left; background: #FFFFFF; }
			#left{ width: 180px; float:left; margin-bottom: 46px; }
			#right{ width: 388px; float:left; background: url("../images/skills-academy/gradient-gray.gif") repeat-x; }
			
			/*.video_box {
				background:transparent url(../images/corporate/video_box_red.gif) no-repeat scroll 0%;
				height:235px;
				width:248px;
			}*/
		#right-side{ width: 202px; float: right; clear: right; }
	#footer{ border-top: solid 1px #9d9d9d; width: 790px; float:left; padding: 8px 0; font-size: 92%; text-align:center; }
	.page-home #footer{width: 770px;}
		#footer p{ padding: 8px 0 0 0; background: url("../images/skills-academy/gradient-footer.gif") no-repeat top center; margin:8px 0 0 0; }
		#footer p a{ color: #F04851; text-decoration: none;}
		#footer ul{ display: inline; margin:0; padding:0; }
		#footer ul li{ display: inline; margin:0; padding:0 0 0 16px; border-left: 1px solid #af040d; }
		#footer ul li.first{ border-left: none; }
		#footer ul li a{ color: #F04851; font-weight:bold; text-decoration: none; background: url("../images/skills-academy/arrow-pink.gif") no-repeat left center; margin: 0 16px 0 0; padding-left: 8px; }


/* site wide elements */
.inside{ padding:10px 0 10px 0; padding-top: 5px; }
.insideLeft{ padding:6px; }

a {font-family: Verdana; size: 8pt; color: #F04851; font-weight: bold;}

ul#mainMenu{ margin: 0; padding:0; list-style: none; }
ul#mainMenu li{ margin: 0; background: url("../images/skills-academy/ball.gif") no-repeat 3% 50%; padding: 7px 10px 6px 26px; border-top: 1px solid #DD1B1B; border-bottom: 1px solid #A61414; }
ul#mainMenu li.last{  }
ul#mainMenu li a, ul#mainMenu li a:link, ul#mainMenu li a:visited{ display: block; background: url("../images/skills-academy/arrow-pink.gif") no-repeat center right; text-decoration: underline; text-transform:capitalize; color: #fff; font-weight: normal; }

input {font-family: Verdana; font-size: 8pt; color: #F03939; height: 21px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #F03939; margin: 0; margin-bottom: 0; font-weight: normal; }
textarea {font-family: Verdana; font-size: 8pt; color: #F03939; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #F03939; margin: 0; margin-bottom: 0; font-weight: normal; }
select {font-family: Verdana; font-size: 8pt; color: #F03939; height: 20px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #F03939; margin: 0; margin-bottom: 0; font-weight: normal; }
ul#mainMenu li a:hover, ul#mainMenu li a:active, ul#mainMenu li a{  }

#homeContent h1{ margin:0 0 8px 0; font-size: 1em; font-weight:bold; }
#homeContent p{ color: #DE1C26; margin:0; font-size: 1em; }
#homeContent p.r{ color: #DE1C26; margin-top: 12px; }
#homeContent p.r a{ color: #DE1C26; color:#000; text-decoration:none; font-weight:bold; }

h1.pageTitle{ margin: 6px 0 8px 14px; font-size: 1.8em; font-weight: bold; font-family: Arial, sans-serif; color: #fff; background: url(../images/skills-academy/gradient-title.gif) no-repeat left bottom; text-transform: capitalize; padding: 2px 0; }
#innerMasthead{ border-top: 1px solid #fff; }

p {color: #666666;}
.subTitle{ padding-top: 8px; padding-bottom 0px; font-size: 1.6em; font-weight: bold; font-family: Arial, sans-serif; color: #F04851; background: url(../images/skills-academy/sub_line.jpg); repeat-x; height: 25px;}
#left{ color: #fff; margin: 0 0 10px 0; }
#right p{ margin:0 0 10px 0; }

ul#thumbs{ margin:0; padding:0; list-style: none; }
ul#thumbs li{ float:left; margin:0; padding:0; }
ul#thumbs li img{ border: 1px solid #fff; }
ul#thumbs li.spacer{ margin-left: 2px; }

.photo_box {
	width: 140px;
	height: 98px;
	background: url(../images/skills-academy/photo_box.gif) no-repeat;
	background-repeat: no-repeat;
	margin: 1px;
	margin-top: 0px;
}

/* clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

table.entries {
	color : White;
	font-family : Verdana;
	font-size: 8pt;
	BORDER-RIGHT: #F64D4D 1px solid;
	BORDER-LEFT: #F64D4D 1px solid;
	BORDER-TOP: #F64D4D 1px solid;
	BORDER-BOTTOM: #F64D4D 1px solid;
}
body, td {
	color : #666666;
	background-color: White; /* NEW IN 1.5 */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left; /* NEW IN 1.5 */
}

td.upper {
	color : #FFFFFF;
	background : #F64D4D;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.smaller {/* CHANGED IN 1.5 */
	font-size: 10px;
}


hr {
	color: #B8CFE7;
	height: 1px;
}

/* EVERYTHING BELOW ADDED IN 1.5 */
div.centered {
	text-align: center;
}

div.centered table {
	margin: 0 auto; 
	text-align: left;
}


#left-side .scroll{ height: 460px; overflow-y: auto; }


.pager-home{ float: left; width: 770px; background: #000; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; }
.pager-home *{ color: #fff!important; margin:0!important;}

.pager-inner{ float: left; width: 790px; background: #000; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; }
.pager-inner *{ color: #fff!important; margin:0!important;}