/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
font-family: Verdana, Arial, Tahoma, sans-serif;
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
}
body {
font-size: 70%;
}
.clear { clear: both; }
#mainContainer { background-image: url(/examples/three-column-100-bg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 956px; margin: 0 auto; /*** Centers the design ***/
min-height: 100%; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
/**************************
CONTENT AND COLUMNS
**************************/
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 956px; margin: 0; padding: 0; }
* html #content {
position: relative;  /*** IE needs this  ***/
}
/**************************
FOOTER
**************************/
#footer {
	color: #929497;
	font-size: 10px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	width: 100%;
	height: 35px;
	text-align: center;
	background-color: #f5f5f5;
	clear: both;
	margin-bottom: 10px;
	margin-top: -30px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 956px;
	height: 69px;
	margin: 0;
	padding: 0;
    }
#header_port {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 956px;
	height: 22px;
	margin: 0 1;
	padding: 0;
    }
.header1 { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-repeat: no-repeat; width: 331px; height: 69px; float: left; }
.header1_port {
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-repeat: no-repeat;
	width: 331px;
	height: 20px;
	float: left;
	background-color: #FFF;
}

.header2 { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-image: url(images/nav_bg.gif); background-repeat: no-repeat; background-position: 0 18px; width: 583px; height: 51px; float: left; padding-top: 18px; }
.header2_port {
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 18px;
	width: 583px;
	height: 22px;
	float: left;
	padding-top: 18px;
	background-color: #FFF;
}
.blog_button { width: 40px; height: 56px; float: left; }
.blog_button_port {
	width: 40px;
	height: 12px;
	float: left;
	background-color: #FFF;
}

.foot { color: #929497; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
a.footer { color: #929497; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.footer:hover { color: #ff5c0a; font-size: 10px; text-decoration: none; }
/**************************
ACCORDIAN ITEMS
**************************/
* { background-image: url(images/bg.png); margin:0; padding:0; list-style-type: none; list-style-image: none; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin:0; padding: 0; }
#home_main_content
	{ background-repeat: no-repeat; background-position: 0 0; width: 956px; height: 295px; float: left; margin: 0; padding: 0; }
#home_main_content_half
	{ background-repeat: no-repeat; background-position: 0 0; width: 956px; height: 185px; float: left; margin: 0; padding: 0; }
#home_content
	{ background-repeat: no-repeat; background-position: 0 0; width: 956px; float: left; margin: 0; padding: 0; }
	#home_content_port
	{
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 956px;
	float: left;
	margin: 34 0 0 0;
}
#home_content_left
	{ color: #c58e8e; background-repeat: no-repeat; background-position: 0 0; width: 249px; float: left; margin: 0; padding: 35px 0 0 81px; }
#home_content_right
	{ background-repeat: no-repeat; background-position: 0 0; width: 564px; float: left; margin: 0; padding: 35px 0 35px; }

#home_content_right_clients
	{ background-repeat: no-repeat; background-position: 0 0; width: 564px; float: left; margin: 0; padding: 35px 0 0px; }

#home_content_right_port2
	{ background-repeat: no-repeat; background-position: 0 0; width: 600px; float: left; margin: 0; padding: 65px 0 0px; }


#home_content_left_port
	{
	color: #c58e8e;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 249px;
	float: left;
	margin: 0;
	padding: 65px 0 0 81px;
}
#home_content_right_port
	{
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 529px;
	float: left;
	margin: 0;
	padding: 65px 0 35px;
}

p { color: #707277; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 22px; padding-left: 2px; padding-top: 7px; padding-bottom: 4px; }
h1 {
	color: #ff7300;
	font-size: 32px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: lighter;
	line-height: 42px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 3;
}
div.nav1 { float: left; width: 106px; height: 30px; background: url(images/1-over.gif) no-repeat;
text-indent: -2500px; margin-left: 0; padding-left: 0; }
div.nav1 a { display: block; margin: 0; padding:0; width:106px; height:30px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; text-decoration: none; background: url(images/1-up.gif) no-repeat; text-indent: -2500px; }
div.nav1 a:hover { background-image: url(images/1-over.gif); color: yellow; text-indent: -2500px; padding-left: 0; }
div.nav1_on { float: left; width: 106px; height: 30px; background: url(images/1-on.gif) no-repeat; text-indent: -2500px; padding-left: 0; }
div.nav1_on a { float: left; width: 106px; height: 30px; background: url(images/1-on.gif) no-repeat; text-indent: -2500px; padding-left: 0; }
div.nav1_on a:hover { float: left; width: 106px; height: 30px; background: url(images/1-on.gif) no-repeat; text-indent: -2500px; padding-left: 0; }
div.nav2 { float: left; width: 106px; height: 30px; background: url(images/2-over.gif) no-repeat;
text-indent: -2500px; }
div.nav2 a { display: block; margin: 0; padding:0; width:106px; height:30px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; text-decoration: none; background: url(images/2-up.gif) no-repeat; text-indent: -2500px; }
div.nav2 a:hover { background-image: url(images/2-over.gif); color: yellow; text-indent: -2500px; }
div.nav2_on { float: left; width: 106px; height: 30px; background: url(images/2-on.gif) no-repeat; text-indent: -2500px; }
div.nav2_on a { float: left; width: 106px; height: 30px; background: url(images/2-on.gif) no-repeat; text-indent: -2500px; }
div.nav2_on a:hover { float: left; width: 106px; height: 30px; background: url(images/2-on.gif) no-repeat; text-indent: -2500px; }



div.nav3 { float: left; width: 112px; height: 30px; background: url(images/3-over.gif) no-repeat;
text-indent: -2500px; }
div.nav3 a { display: block; margin: 0; padding:0; width:112px; height:30px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; text-decoration: none; background: url(images/3-up.gif) no-repeat; text-indent: -2500px; }
div.nav3 a:hover { background-image: url(images/3-over.gif); color: yellow; text-indent: -2500px; }
div.nav3_on { float: left; width: 112px; height: 30px; background: url(images/3-on.gif) no-repeat; text-indent: -2500px; }
div.nav3_on a { float: left; width: 112px; height: 30px; background: url(images/3-on.gif) no-repeat; text-indent: -2500px; }
div.nav3_on a:hover { float: left; width: 112px; height: 30px; background: url(images/3-on.gif) no-repeat; text-indent: -2500px; }

div.nav4 { float: left; width: 113px; height: 30px; background: url(images/4-over.gif) no-repeat;
text-indent: -2500px; }
div.nav4 a { display: block; margin: 0; padding:0; width:113px; height:30px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; text-decoration: none; background: url(images/4-up.gif) no-repeat; text-indent: -2500px; }
div.nav4 a:hover { background-image: url(images/4-over.gif); color: yellow; text-indent: -2500px; }
div.nav4_on { float: left; width: 113px; height: 30px; background: url(images/4-on.gif) no-repeat; text-indent: -2500px; }
div.nav4_on a { float: left; width: 113px; height: 30px; background: url(images/4-on.gif) no-repeat; text-indent: -2500px; }
div.nav4_on a:hover { float: left; width: 113px; height: 30px; background: url(images/4-on.gif) no-repeat; text-indent: -2500px; }

div.nav5 { float: left; width: 107px; height: 30px; background: url(images/5-over.gif) no-repeat;
text-indent: -2500px; }
div.nav5 a { display: block; margin: 0; padding:0; width:107px; height:30px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; text-decoration: none; background: url(images/5-up.gif) no-repeat; text-indent: -2500px; }
div.nav5 a:hover { background-image: url(images/5-over.gif); color: yellow; text-indent: -2500px; }
div.nav5_on { float: left; width: 107px; height: 30px; background: url(images/5-on.gif) no-repeat; text-indent: -2500px; }
div.nav5_on a { float: left; width: 107px; height: 30px; background: url(images/5-on.gif) no-repeat; text-indent: -2500px; }
div.nav5_on a:hover { float: left; width: 107px; height: 30px; background: url(images/5-on.gif) no-repeat; text-indent: -2500px; }



.menu li
{ background-image: url(images/jump1.gif); background-repeat: no-repeat; width: 150px; height: 26px; padding-top: 13px; padding-left: 20px; }
.menu li a
{
	color: #666;
	font-size: 14px;
	font-family: "Myriad Pro", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-repeat: no-repeat;
	text-decoration: none;
	width: 150px;
	height: 30px;
}
.menu li a:active
{
	color: #666;
	font-size: 14px;
	background-repeat: no-repeat;
	text-decoration: none;
	width: 150px;
	height: 30px;
}
.menu li a:hover
{ color: #ff7300; font-size: 14px;  background-repeat: no-repeat; text-decoration: none; }
li#current a
{ color: #ff7300; font-size: 14px; text-decoration: none; width: 150px; height: 30px; }
.componentheading {
	color: #ff7300;
	font-size: 32px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	padding-bottom: 15px;
	padding-top: 5px;
}
h2 {
	color: #ff7300;
	font-size: 18px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	line-height: 28px;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
}
.createdate { color: #707277; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; height: 30px; margin-top: 5px; margin-right: 0; margin-bottom: 10px; padding-top: 5px; padding-bottom: 10px; }
a.readon { color: #ff7300; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.readon:hover { color: #929497; font-size: 10px; text-decoration: none; }
#home_content_right a:active
{
	color: #787878;
	text-decoration: none;
}
#home_content_right a:hover
{
	color: #ff7300;
	text-decoration: none;
}
#home_content_right a:visited
{
	color: #787878;
	text-decoration: none;
}

.bold {



font-size:12px;
	line-height:22px;
	font-weight: bold;
}

.home_bold {
	font-size:12px;
	line-height:22px;
	font-weight: bold;
}


#footer_left {
	float: left;
	margin-left: 37px;
	margin-top: 12px;
}
#footer_right {
	float: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#footer_centre {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
a.link { color: #ff7300; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.link:hover { color: #929497; font-size: 10px; text-decoration: none; }

.container {
	width: 936px;
	text-align: center;
}
.title {
	color: #ff7300;
	font-size: 33px;
	width: 936px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.site {
	font-size: 14px;
	line-height: 33px;
	color: ff7300;
	width: 936px;
		padding-left: 100px;

	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.tree {
	width: 936px;
}
.cell1 {
	float: left;
	width: 175px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 21px;
	text-align: center;
}

.cell2 {
	float: left;
	width: 175px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}


.cell3 {
	float: left;
	width: 175px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}


.cell4 {
	float: left;
	width: 175px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}


.cell5 {
	float: left;
	width: 175px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

.site_title { color: #ff7300; font-size: 17px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
a.site_title { color: #ff7300; font-size: 17px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; 	padding-bottom: 10px; 	line-height: 33px;

}
a.site_title:hover { color: #929497; font-size: 17px; text-decoration: none; }

.site_item { color: #929497; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-top: 10px;}
a.site_item { color: #929497; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; padding-top: 10px; 	line-height: 33px;
}
a.site_item:hover { color: #ff5c0a; font-size: 14px; text-decoration: none; padding-top: 10px;}
a.h2link {
	color: #ff7300;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration: none;
		font-size: 18px;

}
a.h2link:hover {
	color: #929497;
	text-decoration: none;
		font-size: 18px;

}

a.h2link:visited {
	color: #ff7300;
	text-decoration: none;
		font-size: 18px;

}

.home_left {
	float: left;
	width: 258px;
	height: 182px;
}

.home_right {
	float: left;
	width: 255px;
	height: 182px;
	background-image: url(images/home_right.gif);
	background-repeat: no-repeat;
}

.news_left {
	float: left;
	height: 43px;
	width: 100px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.news_right {
	float: left;
	height: 21px;
	width: 115px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
		color: #787878;

}


.news {
	float: left;
	width: 195px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #787878;
	font-weight: bold;
	padding-right: 41px;
	padding-left: 19px;
}

a.news:link {
	
	color: #787878;
	
}

a.news:hover {
		color: #787878;

}

.news {
	float: left;
	width: 195px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #787878;
	font-weight: bold;
	padding-right: 41px;
	padding-left: 19px;
}

a.news:link {
	
	color: #787878;
	
}

a.news:hover {
		color: #787878;

}


.home_news {

	color: #787878;

}

a.home_news:link {
	
	color: #787878;
	
}

a.home_news:hover {
		color: #787878;

}

.newsstory {
	color: #787878;
	text-decoration: none;
}

a.newsstory:link {
	
	color: #787878;
	
}

a.newsstory:hover {
		color: #787878;

}

#header_home {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 956px;
	height: 38px;
	margin: 0 1;
	padding: 0;
    }
.header1_home {
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-repeat: no-repeat;
	width: 331px;
	height: 56px;
	float: left;
	background-color: #FFF;
}

.header2_home {
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 18px;
	width: 583px;
	height: 22px;
	float: left;
	padding-top: 18px;
	background-color: #FFF;
}

.eleven {
	font-size: 12px;
	color: #666;
	padding-top: 10px;
}
h4 {
	color: #F00;	
	}
	
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

.input {
	background-color: #fff;
	color: #666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #999;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}