/* CSS Document */

body {	margin: 0px; 
		padding: 0px;
		background: #F65F04 url(../graphics/structure/upper-back.jpg) top center repeat-x; 
		font-family:Arial, Helvetica, sans-serif;
}


.clear {clear:both;}

#wrapper {
		margin: 0px; 
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		width:900px;
}

#wrapper2 {
		background:#2D2D2D url(../graphics/structure/lower-back.jpg) top left repeat-x;
		margin: 0px; 
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		width:100%;
}

#footer {
		margin: 0px; 
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		width:900px;
}

#footcol1 {
		float:left;
		margin: 0px; 
		padding: 40px 20px 40px 20px;
		width:550px;
}

#footcol2 {
		float:left;
		margin: 0px; 
		padding: 40px 20px 40px 20px;
		width:270px;
		text-align:right;
}

#footcol2 ul 			{list-style:none; padding:0px; margin:0px; text-align:right;}
#footcol2 li 			{display:inline; margin: 0px; text-align:right;}

.bull ul 			{list-style:none ; padding:0px; margin:0px;}
.bull li 			{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 15px; background:url(../graphics/icons/bullet1.gif) left center no-repeat;}

#blocks ul 			{list-style-type: none; padding:0px; margin:0px;}
#blocks li	 		{ display:block; margin: 0px; padding:5px;}

#home-img{
	width: 900px;
	height: 270px;
	margin:10px 0px 10px 0px;
}

#main-img{
	width: 900px;
	height: 270px;
	background: url(../graphics/img/main.png);
	margin:10px 0px 10px 0px;
}



#header {
		float:left;
		margin: 0px; 
		padding: 0px;
		width:900px;
}

#logo {
		float:left;
		margin: 0px; 
		padding: 30px 0px 0px 20px;
		width:430px;
		height:80px;
}

#telephone {
		position: relative;
		float:left;
		margin: 0px; 
		padding: 30px 0px 0px 0px;
		width:450px;
		height:50px;
}

#telephone .number {
			position: absolute;
			bottom: 0px;
			width:430px;
			padding: 0px 20px 0px 0px;
			text-align:right;
}

#maincontent {width:900px;}

#maincontent .col1 {
			width:410px;
			float:left;
			padding:20px 20px 20px 20px}
			
#maincontent .colfull {
			width:861px;
			float:left;
			padding:20px 20px 20px 20px}
			
#maincontent .col2 {
			width:441px;
			float:left;
			padding:20px 0px 20px 9px}

#maincontent .col2 .but1 { float:left;}
#maincontent .col2 .but2 { float:left;}

.accessibility {padding:10px; margin:10px 0px 0px 0px; background:#eeeeee}
ol {padding:10px 0px 0px 0px; margin:0px; color:#333333}


.jobtop {float:left; background: url(../graphics/structure/job-box-top.png) top left no-repeat; width:441px; height:19px; margin-top:20px;}
.jobmain {float:left; background: url(../graphics/structure/job-box-main.png) top left repeat-y; width:381px; padding:5px 30px 0px 30px;}
.jobbase {float:left; background: url(../graphics/structure/job-box-base.png) top left no-repeat; width:441px; height:19px;}

.maptop {float:left; background: url(../graphics/structure/job-box-top.png) top left no-repeat; width:441px; height:19px; margin-top:0px;}
.mapmain {float:left; background: url(../graphics/structure/job-box-main.png) top left repeat-y; width:401px; padding:5px 20px 0px 20px;}
.mapbase {float:left; background: url(../graphics/structure/job-box-base.png) top left no-repeat; width:441px; height:19px;}


a.orangebutton:link    { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/orange-but.png) center center no-repeat; text-align:center;}
a.orangebutton:active  { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/orange-but.png) center center no-repeat; text-align:center;}
a.orangebutton:visited { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/orange-but.png) center center no-repeat; text-align:center;}
a.orangebutton:hover   { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/orange-but-roll.png) center center no-repeat; text-align:center; cursor:pointer;}

a.sorangebutton:link    { color:#FFFFFF; text-decoration:none; width:114px; height:18px; padding:14px; margin-top: 10px; display:block; background:url(../graphics/buttons/small-orange-but.png) center center no-repeat; text-align:center;}
a.sorangebutton:active  { color:#FFFFFF; text-decoration:none; width:114px; height:18px; padding:14px; margin-top: 10px; display:block; background:url(../graphics/buttons/small-orange-but.png) center center no-repeat; text-align:center;}
a.sorangebutton:visited { color:#FFFFFF; text-decoration:none; width:114px; height:18px; padding:14px; margin-top: 10px; display:block; background:url(../graphics/buttons/small-orange-but.png) center center no-repeat; text-align:center;}
a.sorangebutton:hover   { color:#FFFFFF; text-decoration:none; width:114px; height:18px; padding:14px; margin-top: 10px; display:block; background:url(../graphics/buttons/small-orange-but-roll.png) center center no-repeat; text-align:center; cursor:pointer;}

a.blackbutton:link    { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/black-but.png) center center no-repeat; text-align:center;}
a.blackbutton:active  { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/black-but.png) center center no-repeat; text-align:center;}
a.blackbutton:visited { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/black-but.png) center center no-repeat; text-align:center;}
a.blackbutton:hover   { color:#FFFFFF; text-decoration:none; width:180px; height:18px; padding:20px; display:block; background:url(../graphics/buttons/black-but-roll.png) center center no-repeat; text-align:center; cursor:pointer;}

a.whitelink:link    { color:#ffffff; text-decoration:none;}
a.whitelink:active  { color:#ffffff; text-decoration:none;}
a.whitelink:visited { color:#ffffff; text-decoration:none;}
a.whitelink:hover   { color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff}

a.orangelink:link    { color:#FF7F00; text-decoration:none;}
a.orangelink:active  { color:#FF7F00; text-decoration:none;}
a.orangelink:visited { color:#FF7F00; text-decoration:none;}
a.orangelink:hover   { color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff}


form {padding:0px; margin:0px;}
input.apollo {background-color: #ffffff; font-size: .8em; color: #222222; border: 1px #888888 solid; margin: 0px; padding: 2px;}
textarea.apollo {background-color: #ffffff; font-size: .8em; color: #222222; border: 1px #888888 solid; margin: 0px; padding: 2px;}
select.apollo {background-color: #ffffff; font-size: .8em; color: #222222; border: 1px #888888 solid; margin: 0px; padding: 2px;}
option.apollo {background-color: #ffffff; font-size: .8em; color: #222222; border: 1px #888888 solid; margin: 0px; padding: 2px;}
.button {background-color: #FF6600; font-size: .8em; color: #ffffff; border: 1px #666666 solid; margin: 0px 0px 0px 5px;  padding: 0px 1px 1px 1px;}

.hand {cursor:pointer;}

.white		{color:#FFFFFF;}
.orange		{color:#F65F04;}
.grey1		{color:#888888;}
.grey2		{color:#666666;}
.grey3		{color:#444444;}

.text65 	{font-size:65%;}
.text70 	{font-size:70%;}
.text75 	{font-size:75%;}
.text80 	{font-size:80%;}
.text90 	{font-size:90%;}
.text100 	{font-size:100%;}
.text150 	{font-size:150%;}
.text200 	{font-size:200%;}

p		{padding:0px; margin:0px 0px 10px 0px;}

.title1  	{ font-size:130%; padding:0px; margin:0em 0em .5em 0em;}
.title2  	{ font-size:110%; padding:0px; margin:0em;}
.title3  	{ font-size:90%; padding:0px; margin:0em;}
.title4  	{ font-size:110%; padding:0px; margin:0em 0em .5em 0em;}
.title5  	{ font-size:100%; padding:0px; margin:0em;}

.bold {font-weight:bold;}

.pad1 		{margin: 40px 0px 0px 0px;}
.pad2 		{margin: 20px 0px 0px 0px;}
.pad3 		{margin: 10px 0px 0px 0px;}
.imagepad1 {margin: 0px 20px 10px 0px;}

.border 	{border:0}

.div1 {margin:10px 0px 20px 0px; border-bottom:1px dotted #333333;}
.div2 {margin:10px 0px 20px 0px; border-bottom:1px dotted #FFFFFF;}
.div3 {margin:10px 0px 20px 0px; border-bottom:1px dotted #cccccc;}

.justify {text-align:justify;}

/* ---------  Main menu start  ---------- */

#mainmenu {
		float:left;
		margin: 0px; 
		padding: 0px;
		width: 100%;

}

.mainmenu{
margin: 0;
padding: 0;
float: left;
font:90% arial;
width: 100%;

}

.mainmenu li{display: inline;}

.mainmenu li a.menu{

float: left;
color: #666666;
padding: 10px 22px 10px 22px;
text-decoration: none;
background: url(../graphics/menu/div.gif) center right no-repeat;
}

.mainmenu li a.menu1{

float: left;
color: #666666;
padding: 10px 22px 10px 22px;
text-decoration: none;
background: url(../graphics/menu/div.gif) center right no-repeat;
}

.mainmenu li a.menu2{
float: left;
color: #666666;
padding: 10px 22px 10px 22px;
text-decoration: none;

}

.mainmenu li a.menu:hover,  li .current{
float: left;
padding: 10px 22px 10px 22px;
text-decoration: none;
color: #F65F04;
background: url(../graphics/menu/div.gif) center right no-repeat;
}

.mainmenu li a.menu1:hover,  li .current1{
float: left;
padding: 10px 22px 10px 22px;
text-decoration: none;
color: #F65F04;
background: url(../graphics/menu/div.gif) center right no-repeat;
}

.mainmenu li a.menu2:hover, .mainmenu li .current2 {
float: left;
padding: 10px 22px 10px 22px;
text-decoration: none;
color: #F65F04;

}