/******************************************************

*                                                     *

*   CSS file - http://www.sitename.com/       			  *

*   Copyright (c) MIP Design, 2009.               		*

*                                                     *

******************************************************/





/* Base

------------------------------------------------------*/



*

{
	margin: 0px;
	padding: 0px;
	color: #FFFFCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 0;
}

.pngfix {
}



body

{
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #333333;
	text-align: center;
	padding-bottom: 20px;
	background-color: #6B5A72;
}



p

{

	margin: 0px 0px 10px 0px;

	line-height: 120%;

	color: #454545;

}



a

{

	color: #404d6c;

	outline: none;

	text-decoration: underline;

}



a:hover

{

	text-decoration: none;

}



.hide

{

	display: none;

}



img

{

	border: 0px;

}



.left

{

	float: left;

}



.right

{
	float: right;
	clear: right;
}



#page-navigation { behavior: url("../js/iepngfix.htc") }





/* Clearing method

------------------------------------------------------*/



.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}



.clear

{

	clear: both;

}





/* Layout

------------------------------------------------------*/



#page-container

{

	width: 980px;

	margin: 0px auto;

	text-align: left;

}



#page-wrapper

{
	border: 5px solid #fff;
	background-repeat: repeat-y;
	background-position: 100% 0%;
}



#page-wrapper-inner

{

	background: url("../images/bg_content_wrapper.gif") repeat-x 0% 0%;

}



#page-navigation

{

	padding: 0px;

	margin: 0px;

}



#page-extras

{

	background-color: #fff;

	border: 5px solid #e3e5ea;

	padding: 22px;

	margin-top: 10px;

}



#page-footer

{

	padding: 10px 10px 10px 5px;

	text-align: right;

}



#content-container

{
	width: 705px;
	float: left;
}



#content-wrapper

{
	margin-left: 15px;
	width: 680px;
}



#content-sidebar

{

	width: 260px;

	float: right;

}





/* Branding

------------------------------------------------------*/



#branding h1

{
	text-align: left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}



#branding h1 a

{
	display: block;
	width: 500px;
	height: 75px;
	text-indent: -9999px;
	background-image: url(../images/vilogoprofiles.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}







/* Page navigation

------------------------------------------------------*/



#page-navigation .rss

{
	display: block;
	width: 65px;
	float: right;
	text-align: right;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 4px 28px;
	margin: 6px 2px 0px 0px;
	background: url("../images/rss.gif") no-repeat 0% 50%;
}



#nav {

  position: relative;

	height: 38px;

  padding: 0px;

	margin: 0px;

  overflow: hidden;

}



#nav li {

  float: left;

	background: url("../images/nav_separator.gif") no-repeat 100% 28%;

  list-style: none;

}



#nav li.back {
	background-color: #535D77;
	width: 2px;
	height: 38px;
	z-index: 8;
	position: absolute;
}



#nav li a {
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #7F90B9;
	text-decoration: none;
	z-index: 10;
	display: block;
	float: left;
	height: 38px;
	position: relative;
	overflow: hidden;
	padding: 11px 15px 0px 15px;
}



#nav li.current a {

  color: #fff;

	background-color: #A69AB2;

}



#nav li a:hover, #nav li a:active, #nav li a:visited {

  border: none;

}



#nav li a:hover {

	color: #fff;

}





/* Page header

------------------------------------------------------*/



#page-header

{
	height: 216px;
	background-repeat: no-repeat;
	background-position: 30px 35px;
}



#current-action

{
	color: #fff;
	z-index: 1;
	background-image: url(../images/stainglass.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 150px;
	width: 500px;
}



#current-action h2

{
	font: normal 2.0em Arial, Tahoma, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/vocationstories.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}



#current-action p

{

	font: normal 1.1em/150% Arial, Tahoma, sans-serif;

	color: #fff;

}







/* Page content

------------------------------------------------------*/



#content-wrapper h1

{

	font: normal 2.0em Arial, Tahoma, sans-serif;

	color: #fff;

	margin: 0px 0px 1px 0px;

	padding: 18px 0px 18px 20px;

	background-color: #444;

}



#content-wrapper h1 span

{

	color: #7e8157;

}



#content-wrapper h2

{

	font: bold 1.3em/140% Arial, Tahoma, sans-serif;

	color: #454545;

	margin: 20px 0px 10px 0px;

	text-transform: uppercase;

}



#content-wrapper h3

{
	color: #3F6AB4;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
}



#content-wrapper p strong

{

	color: #404d6c;

}



#content-wrapper img

{

	border: 1px solid #bcbcbc;

	background-color: #ecedf0;

	margin: 0px 0px 10px 0px;

	padding: 5px;

}



#content-wrapper img.head

{

	display: block;

	border: none;

	margin: 0px 0px 15px 0px;

	padding: 0px;

}



#content-wrapper a

{

	color: #404d6c;

}



#content-wrapper ul

{

	margin: 0px 0px 15px 0px;

	padding: 0px 0px 0px 16px;

	list-style-type: square;

}



#content-wrapper p, #content-wrapper ul

{

	padding-right: 25px;

}



#content-wrapper a.banner img

{

	clear: both;

	display: block;

	border: none;

	padding: 0px;

	margin: 0px 0px 10px 0px;

}







/* Page content - Highlight area

------------------------------------------------------*/



#highlight-area .one, 

#highlight-area .two,

#highlight-area .three

{

	width: 225px;

	float: left;

	padding: 0px 0px 10px 0px;

	margin: 0px 5px 5px 0px;

	background-color: #f0f1f4;

}



#highlight-area .three

{

	margin-right: 0px;

}



#highlight-area .four

{
	clear: both;
	margin-bottom: 3px;
	background-color: #FFFFFF;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}



#highlight-area  h2

{

	font: bold 1.1em Arial, Tahoma, sans-serif;

	color: #fff;

	text-transform: uppercase;

	margin: 0px;

	padding: 7px 5px 7px 10px;

	background: #6e0019 url("../images/bg_content_wrapper_highlight_h2.gif") repeat-x 0% 0%;

}



#highlight-area img

{

	display: block;

	border: none;

	padding: 0px;

	margin: 0px 0px 10px 0px;

}



#highlight-area p

{

	padding: 0px;

	margin: 0px 10px 5px 10px;

}



#highlight-area a.detail

{

	font-weight: bold;

	color: #404d6c;

	margin-left: 10px;

}



#highlight-area .four h2

{
	color: #3A4E7E;
	text-transform: none;
	background: none;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#highlight-area .four img

{
	display: block;
	float: left;
	border: 5px solid #fff;
	margin: 0px 0px 0px 0px;
}



#highlight-area .four p,

#highlight-area .four a

{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	padding-left: 0px;
}





/* Page content - News topics

------------------------------------------------------*/



#news-topics 

{

	margin: 20px 0px 10px 0px;

}



#news-topics .item

{

	width: 340px;

	float: left;

	margin: 0px 0px 15px 0px;

}





#news-topics .alternate

{

	float: right;

}



#news-topics h3

{

	font: bold 1.2em/140% Arial, Tahoma, sans-serif;

	color: #404d6c;

	margin: 0px 0px 10px 0px;

}



#news-topics .date

{

	color: #999;

	margin: -10px 0px 5px 0px;

}



#news-topics .item img

{

	float: left;

	margin: 3px 10px 3px 0px;

}





/* Page content - Tab specification

------------------------------------------------------*/



#tab-specification ul.tabs-nav

{

	margin: 20px 0px 20px 0px;

	padding-left: 15px;

	list-style: none;

	border-bottom: 1px solid #999;

}



#tab-specification ul.tabs-nav li

{

	float: left;

	margin-right: 5px;

}



#tab-specification ul.tabs-nav li a

{

	display: block;

	font: bold 1.0em/140% Arial, Tahoma, sans-serif;

	color: #404d6c;

	text-decoration: none;

	padding: 6px 15px 6px 15px;

	margin-bottom: -1px;

	border: 1px solid #f0f1f4;

	background-color: #f0f1f4;

}



#tab-specification ul.tabs-nav li a:hover

{

	background-color: #dfe2ea;

}



#tab-specification ul.tabs-nav li.tabs-selected a

{

	border: 1px solid #999;

	background-color: #fff;

	border-bottom: 1px solid #fff;

}





/* Page content - forms

------------------------------------------------------*/



#content-wrapper form

{

	width: 500px;

	margin: 40px 0px 20px 0px;

}



#content-wrapper label

{

	display: block;

	font: bold 1.0em/120% Arial, tahoma, sans-serif;

	color: #444;

	float: left;

	width: 150px;

	margin: 0px 0px 10px 0px;

}



#content-wrapper input, #content-wrapper textarea

{

	display: block;

	float: left;

	width: 250px;

	background-color: #fff;

	border: 1px solid #4b4b4b;

	font: normal 1.1em/120% Arial, tahoma, sans-serif;

	color: #444;

	margin: 0px 0px 10px 0px;

	padding: 4px;

}



#content-wrapper textarea

{

	width: 320px;

	height: 150px;

}



#content-wrapper input:focus, #content-wrapper textarea:focus

{

	border-color: #404d6c;

}



#content-wrapper input.submit

{

	display: block;

	float: left;

	width: 150px;

	background-color: #444;

	border: 1px solid #444;

	font: bold 1.0em/120% Arial, tahoma, sans-serif;

	color: #fff;

	margin: 10px 0px 10px 150px;

	padding: 4px;

}









/* Page sidebar

------------------------------------------------------*/



#content-sidebar h2

{
	color: #6B5A72;
	text-transform: none;
	padding: 7px 10px 10px 12px;
	margin-bottom: 10px;
	background: url("../images/bg_sidebar_title_blue.gif") no-repeat 0% 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 140%;
	font-weight: normal;
}



#content-sidebar h2.top

{

	margin-top: 20px;

}



#content-sidebar h2.red

{

	background: url("../images/bg_sidebar_title_red.gif") no-repeat 0% 100%;

}



#content-sidebar ul, #content-sidebar p, #content-sidebar .inner

{

	list-style: none;

	padding: 0px 15px 0px 14px;

}



#content-sidebar strong

{

	color: #404d6c;

}



#sidebar-navigation li a

{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 1%;
	padding: 4px 10px 4px 18px;
	background: url("../images/bullet_1.gif") no-repeat 3% 50%;
	border-bottom: 1px solid #bcc1cc;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 1em;
	line-height: 140%;
	font-weight: bold;
}



#sidebar-navigation li a:hover

{
	background-color: #f4f5f7;
	color: #3A4E7E;
}



#content-sidebar label

{

	display: block;

	margin-bottom: 2px;

}



#content-sidebar input, #content-sidebar textarea

{

	display: block;

	width: 220px;

	border: 1px solid #999;

	padding: 3px;

	margin-bottom: 8px;

}



#content-sidebar textarea

{

	height: 80px;

	font: normal 1.0em/140% Arial, Tahoma, sans-serif;

}





/* Page sidebar - search form

------------------------------------------------------*/



#sidebar-search

{

	height: 252px;

	padding: 0px 16px 0px 16px;

}



#sidebar-search ul

{

	list-style: none;

	padding: 18px 0px 0px 0px;

}



#sidebar-search ul li

{

	float: left;

}



#sidebar-search ul li a

{

	display: block;

	font: normal 1.0em/140% Arial, Tahoma, sans-serif;

	color: #fff;

	text-decoration: none;

	padding: 6px 10px 6px 10px;

}



#sidebar-search ul li a:hover

{

	background-color: #6e8772;

}



#sidebar-search ul li.tabs-selected a

{

	font: bold 1.0em/140% Arial, Tahoma, sans-serif;

	background-color: #7fa560;

}



.tabs-hide

{

	display: none;

}



#search-form, #search-custom

{

	color: #fff;

	padding: 10px 18px 10px 10px;

	background: #729654 url("../images/bg_sidebar_search_form.gif") repeat-x 0% 0%;

}



#search-form label,

#search-custom label

{

	font: normal 0.9em/140% Arial, Tahoma, sans-serif;

	margin-bottom: 1px;

	padding-left: 1px;

}



#search-form input,

#search-custom input

{

	width: 192px;

	margin-bottom: 6px;

}



#search-form .small,

#search-custom .small

{

	width: 38px;

}



#search-form .small input,

#search-custom .small input

{

	width: 30px;

}



#search-form .medium, #search-form .medium input,

#search-custom .medium, #search-custom .medium input

{

	width: 140px;

}



#search-form .submit,

#search-custom .submit

{

	display: block;

	font: bold 1.0em/140% Arial, Tahoma, sans-serif;

	color: #fff;

	text-decoration: none;

	margin-top: 10px;

	padding-left: 1px;

}



#content-sidebar input.submit

{

	font: bold 1.0em/140% Arial, Tahoma, sans-serif;

	color: #fff;

	width: 120px;

	margin-top: 10px;

	border: 1px solid #444;

	background-color: #444;

}





/* Page sidebar - banners

------------------------------------------------------*/



#banners

{

	margin: 10px 0px 0px 0px;

}



#banners a

{

	display: block;

	margin: 0px 0px 10px 12px;

}







/* Page extras

------------------------------------------------------*/



#page-extras h2

{

	font: bold 1.3em/140% Arial, Tahoma, sans-serif;

	color: #454545;

	margin: 0px 0px 15px 0px;

	padding-bottom: 5px;

	text-transform: uppercase;

	border-bottom: 1px solid #454545;

}



#page-extras h3

{

	font: bold 1.1em/140% Arial, Tahoma, sans-serif;

	color: #414e6d;

	margin: 0px 0px 5px 0px;

}



#page-extras .item

{

	width: 135px;

	float: left;

	margin-right: 23px;

}



#page-extras .last

{

	margin-right: 0px;

}



#page-extras .item img

{

	display: block;

	margin-bottom: 10px;

}





/* Page footer

------------------------------------------------------*/



#page-footer h2

{

	padding: 5px 0px 15px 5px;

	float: left;

	text-align: left;

}



#page-footer h2 a

{

	display: block;

	width: 211px;

	height: 36px;

	text-indent: -9999px;

	background: url("../images/logo_footer.gif") no-repeat 0% 0%;

}



#page-footer ul 

{

	height: 30px;

	list-style: none;

}



#page-footer ul li

{

	float: right;

	border-right: 1px solid #777;

	padding-right: 15px;

	margin-right: 15px;

}



#page-footer ul li.last

{

	margin-right: 0px;

}



#page-footer ul li a

{

	text-decoration: none;

}



#page-footer ul li a:hover

{

	text-decoration: underline;

}



#page-footer ul li.current a

{

	font-weight: bold;

}



#page-footer p

{

	font: normal 1.0em/150% Arial, tahoma, sans-serif;

	color: #CCC;

	text-decoration: none;

	margin: 0px;

}



#page-footer a

{

	color: #FFF;

}
#content-container2 {
	width: 960px;
	float: left;
}