html, body
{
	margin: 		0;
	padding: 		0;
	height: 		100%;
	
	background-image: url(/graphics/bkg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;	
	background-color:	#efefef;
	
	font-family:	lucida sans unicode;
	font-size:		11px;
	color:			#303030;
}

body
{
	text-align:left;
	padding-left: 20px;
}

h1
{
	font-size: 20px;
}

h2
{
	font-size: 17px;
	margin: 0;
	padding: 0;
}

h3
{
	font-size:	14px;
	color: #000000;
}

h3.black
{
	color: #000000;
	font-size: 13px;
}

a, a:link
{
	color: #505050;
}

img
{
	border: 		0;
}	

hr
{
	border: 0;
	border-top: dotted 1px #a0a0a0;
	height: 1px;
	padding: 5px;
	margin: 0;
	width: 100%;
}

div
{
	position: 		relative;
}

div#page
{
	margin: 0 auto;
	position: 		absolute;
	top: 				0px;
	width: 			780px;
	background-color: 	#ffffff;
	text-align:	left;
}

div#header
{
	z-index: 		150;
	top:			0;
	height: 		100px;
	margin-left:	6px;		
}

div#nav
{
	position: 		absolute;
	z-index: 		100;
	top: 			128px;
	width:			100%;
	left:			0px;
	margin-left:	6px;
}

div#nav ul
{
	margin: 0;
	padding: 0;
}

div#nav ul li
{
	position: 		relative;
	list-style: 	none;
	height: 		40px;
	float: 			left;
	margin-top: 0px;
	margin-right: 	0px;	
}




div#nav ul li a img
{
	
}

div#nav ul li#home a img
{
	background-image:	url(/graphics/nav/home.jpg);
}


div#nav ul li.highlight_menu
{
	top: 			0px;
}

div#nav ul li.unhighlight_menu
{
	top:			-25px;
}

div#content
{
	position: absolute;
	z-index: 85;
	top:	0px;
	margin: 0px;
	left:	5px;
	padding: 190px 0px 0px 10px;
	width:	770px;
	display: block;
	min-height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
}

div#html
{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 390px;
	height: auto;
	padding-bottom: 70px;
	
}

div#sidebar
{
	position: relative;
	float: right;
	margin: auto;
	right:	10px;
	padding: 0px 0px 30px 0px;
	width: 370px;
	
	background-image: url(/graphics/sidebar/video.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;

}

div#sidebar div#video
{
	position: relative;
	top: 109px;	
	left: 87px;
	width: 220px;
	height: 150px;
}

div#sidebar div#links
{
	position: relative;
	left: 22px;
	top: 40px;
	width: 250px;
	margin: 200px 0px 0px 55px;
	padding-bottom: 60px;
}

div#footer
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	z-index: 999;
	margin: 30px 0px 0px 0px !important;
	padding: -30px 0px;
	
}

div#footer div#nav_text
{
	position: relative;
	display: inline;
	top: 55px;
	left: 20px;
	z-index: 100;
	font-size:		10px;
}

h3.home, span.home
{
	color:	#95B85E;
}

h3.traineeships, span.traineeships
{
	color:	#F6871C;
}

h3.licensed_trade, span.licensed_trade
{
	color:	#149AAC;
}

h3.profiles, span.profiles
{
	color:	#1A538B;
}

h3.blog, span.blog
{
	color:	#C20000;
}

h2.blog
{
	color:	#C20000;
}

p.blog
{
	background-image: url(/graphics/blog/background.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 5px 10px 5px 10px;
}

p.obvious
{
	font-size: 120%;
	font-weight: bold;
}

div.blog_latest
{
	background-image: url(/graphics/blog/background.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: -1px;
}

div.blog_latest#posts
{
	background-image: url(/graphics/blog/background_posts.jpg);
}


ul.posts
{
	margin: 0;
	padding: 0;
}

ul.posts li
{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #FFB5B6;
	padding: 5px 5px 0px 5px;
	width: 240px;
}

ul.posts li img.icon
{
	float: left; 
	lear: right;
	padding: 2px 5px 1px 0px;
}

dl
{
	margin: 	0;
	padding:	0;
}

dl	dt, dl dt dd
{
	float: left;
	display: inline;
}

dl dt
{
	width: 200px;
}

dl dt dd
{
	clear: right;
}

ul.bullet
{
	margin: 0 0 0 40px;
	padding: 0;
}

ul.bullet li
{
	list-style-image: url(/graphics/bullet.jpg);
}

form
{
	margin: 10px 0;
	padding: 0;
	background-color: #d9d9d9;
	width: 369px;
}

form.comment
{
	margin: 10px 0;
	padding: 0;
	background-color: #ffffff;
	width: 369px;
}

.input
{
	border: solid 1px #6f6f6f;
	background-color: #ffffff;
	padding: 2px;
	margin: 5px 0px 5px 0px;
	font-size: 11px;
	width: 220px;
}

fieldset
{
	margin: 0;
	padding: 10px;
	border: 0;
}

fieldset label
{
	float: left;
	width: 100px;
	margin: 5px 0px 5px 0px;
	clear: left;
}

div.preloader
{
	width: 380px;
	padding: 40px 30px 450px 10px;
	text-align: center;
}	

div.preloader_small
{
	width: 270px;
	padding: 40px 10px 150px 10px;
	text-align: center;
}

p.class
{
	clear: left;
}

img.profile
{
	float: left;
	padding: 5px 10px 5px 0;
}