/* CSS Document */

/* global */

html { height:100%; }

body { background:url(../presentation/bg.gif) top left #5383d3; }

/* headings */
h1 { font-size:200%; font-weight:normal; padding:0 0 20px 0; color:#307FB7; }
h2,
h3,
h4,
h5,
h6 { font-weight:normal; margin:1em 0; color:#307FB7; }

h2 { font-size:160%; padding:0; margin:10px 0 20px 0; }
h3 { font-size:140%; }
h4 { font-size:120%; }

/* // headings */

#content_header { width:754px; height:155px; margin-top:25px; margin-left:6px; background:left top no-repeat; }
.fitBanner { width:960px; height:200px; position:relative; float:left; top:0; margin-bottom:20px; clear:both; }

* { margin:0; padding:0; }
a,
a:link,
a:visited,
a:hover { text-decoration:none; outline:none; }
a { color:#ddd; }

p,
address,
li,
td { font-family:Helvetica, aerial, sans-serif; font-style:normal; font-size:130%; color:#ddd; line-height:120%; }

img { border:0px; }

.column { float:left; }
.clear { clear:both; }
.firstPara {font-weight:bold; color:#307FB7;}

#main { width:960px; margin:0 auto; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:15px; color:#888; }
#content {background:url(bg_body2.gif) bottom right no-repeat #fff; padding:0 20px 20px;  }
#content p { line-height:1.6em; }

.article, #contactDetails, #contactForm {
background:url(bg_body2.png) bottom right no-repeat;
background-color: #333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #000;
padding: 10px;
margin-top:20px;
border:#888 2px solid;

}
.article p { color:#ddd; }

.readMore { clear:right; padding-top:10px; min-height:50px; }
.more { cursor:pointer; font-size:14px; float:right; height:40px; clear:both; padding-top:15px; }
#imageRotate { list-style:none; float:right; position:relative; right:0; width:214px; height:214px; margin:20px; padding:10px;
background:#444;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:#888 1px solid; }

.side_pic { float:right; position:relative; right:-85px; }

textarea,
input { margin:0px; text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:15px; color:#545454; padding:3px; }

#header { width:960px; height:62px; overflow:hidden; padding:40px 0 0 0; }
#header p { margin:0; padding:0; }
#header p a,
#header p a:visited { width:240px; height:62px; background:url("../images/furtherit_mainlogo.png") left top no-repeat; display:block; text-indent:-9000px; }


/* Menu Buttons */
	#menu { width:960px; height:35px; background:url(header_bg.png) no-repeat top left; }
	#menu ul {list-style:none;margin:0;padding:0;float:right; position:relative; top:0px; left:0;}
	#menu li {float:left;width:109px;margin:0;padding:0;text-align:center; line-height:100%; font-size:100%;}
	#menu li a {display:block;padding:8px 10px;height:100%;color:#fff;text-decoration:none;border-right:1px solid #000; font-family:Helvetica, Arial, sans-serif;  font-weight:bold;  }
	#menu li a:hover { color:#307FB7; } 
	#menu li .end {border-right:none; }
	#menu .left { float:left; position:relative; left:275px; top:-38px; z-index:10; }
/* -- Menu Buttons -- */

#banner { float:right; position:relative; top:0px;}
.form { height:23px; margin:0px }
.form input { width:244px; height:19px; border:1px solid #959595; background:#FFFFFF; }
textarea { width:450px; height:110px; padding-left:5px; overflow:auto; margin-top:0px; border:1px solid #959595; background:#FFFFFF; }

/*Content Area*/
#content { line-height:2.3em; }
#content ul { margin:0 0 0 20px;}
#content ul li { line-height:1.2em;}

/*Training Page*/
#trainingListLeft {float:left;}
#trainingListRight {float:left; margin-left:20px; }


/*Comment Form*/
#contactDetails { float:left; width:350px;}
#contactForm { float:right; width: 500px; padding:20px 0 20px 20px; border-left:#000 solid 1px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 20px; color:#F00; }

#footer { height:40px; width:960px; background:url(footer_bg.png) top no-repeat; padding:0 0 40px 0; clear:both; } /* Chrome needs top and bottom padding specified, otherwise white bottom border */
#footer p {color:#ddd;}
#footer_left { float:left; padding: 6px 20px 0; text-align:left; }
#footer_right { float:right; padding: 6px 20px 0; text-align:right; }
#footer .left,
#footer .right { float:left; position:relative; top:-13px; }
#footer .right { float:right; }	
#footer a { color:#ddd; text-decoration:none;}


/* Training DB */
#coursepage { width:100%; }
#coursepageleft { width:45%; display:inline; position:relative; float:left; }
#coursepageright { width:50%; display:inline; position:relative; float:right; text-align:left; }
.courseholder { }
.courseholdertop { background-image:url('/courses/courseboxtop.gif'); width:362px; height:6px; background-repeat:no-repeat; }
.courseholderbody { background-image:url('/courses/courseboxbody.gif'); width:342px; background-repeat:repeat-y; padding-left:10px; padding-right:10px; }
.courseholderbottom { background-image:url('/courses/courseboxbottom.gif'); width:362px; height:6px; background-repeat:no-repeat; }

/* SLIDER */

/* root element for the whole scrollable setup */
div.scrollable { position:relative; overflow:hidden; width:646px; height:360px; margin-bottom:40px; }

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs { position:absolute; width:20000em; clear:both; border:1px solid #222; }

/* custom positioning for navigational links */
a.prev,
a.next { margin-top:135px; }
a.prev { margin-left:100px; }

/* single item */
#thumbs div { float:left; width:214px; height:340px; background:#666 url(../presentation/h150.png) repeat-x 0 250px; color:#fff; border-right:1px solid #333; cursor:pointer; line-height:1em;  }

/* style when mouse is over the item */
#thumbs div.hover { background-color:#444; }

/* style when element is active (clicked) */
#thumbs div.active { background-color:#222; cursor:default; }

#thumbs h3,
#thumbs p,
#thumbs span { margin:13px; font-size:13px; color:#fff; }

#thumbs h3 a,
#thumbs h3 a:visited { text-decoration:none; font-size:120%; color:#fff;}

/* Pop ups */
#popups {visibility:hidden; height:0; width:0; position:relative;}
fieldset {border:none;}