/*Azzurro Blu Template by PerreLink 2004*/



body {

	background-color: white;

	background-image: url(../graphics/pageback.jpg);

	background-repeat: repeat-x;

	margin: -10px 0 0 -10px;

/*/*/margin: 0 0 0 0; /* */	

	padding: 0px;

	text-align: center; /*tricks IE5.x into centering the page*/

	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

}

/*wrapper div styles the wrapper around the nav bar*/

#wrapper {	position: relative; margin:auto; width:750px; text-align: left;}



/*dropwdown 3 div change the co ordinates for left and top if you need to move the dropdown menu*/



#dropdown3 {position:absolute; left:240px; top:108px; width:153px; height:96px; z-index:5; visibility: hidden;}



/*dropwdown 4 div change the co ordinates for left and top if you need to move the dropdown menu*/

#dropdown4 {

	position:absolute;

	left:360px;

	top:108px;

	width:153px;

	height:95px;

	z-index:5;

	visibility: hidden;

}



/*this is the closer div -this is needed so that on mouseout the dropdowns close*/

#closer {left:0px; position:absolute; margin-top:108px;visibility:hidden;width:750px;	z-index:1;}



/*This is the background image for navbar*/

#navbar td{

background-image: url(../graphics/buttonback.jpg);

background-repeat: repeat-x;

}



/* styles the menu table inside the dropdown div*/

.menu{

border-right: 1px solid #7F8AA8;

background-image: url(../graphics/menubutback.jpg);

background-repeat: repeat-x;

font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

width: 150px;

}



.menu a{

background: #A6ADC4;

display: block;/*needed so that the whole cell is highlighted on mouseover*/

text-decoration: none;

width: 100%;

}



.menu a:link{

background-image: url(../graphics/menubutback.jpg);

background-repeat: repeat-x;

background: #A6ADC4;

border-right:1px solid #2A3C5B;

border-bottom:1px solid #4C69A6;

border-left:1px solid #4C69A6;

color:#000033;

padding: 2px 2px 2px 2px;

filter:Alpha(opacity=90);/*remove if you want to have valid css*/

moz-opacity:1;  /*remove if you want to have valid css*/

}



.menu a:visited,.menu a:active{

background-image: url(../graphics/menubutback.jpg);

background-repeat: repeat-x;

background:#A6ADC4;

border-right:1px solid #4C69A6;

border-bottom:1px solid #4C69A6;

border-left:1px solid #4C69A6;

color: #000066;

padding: 2px 2px 2px 2px;

filter:Alpha(opacity=90);   /*remove if you want to have valid css*/

moz-opacity:1;   /*remove if you want to have valid css*/

}



.menu a:hover{

background-image: url(../graphics/menubackover.jpg);

background-repeat: repeat-x;

background: #E3E2EA;

border-right:#4C69A6 1px solid;

border-bottom:#4C69A6 1px solid;

border-left: #4C69A6 1px solid;

color: #000066;

padding: 2px 2px 2px 2px;

filter:Alpha(opacity=100);   /*remove if you want to have valid css*/

moz-opacity:1;   /*remove if you want to have valid css*/

}

   /*declares the styles for cells paragraphs and lists*/    

 td, p, ul,ol {

 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

 

 }

	/*the logo table - setting background image*/	

	#logotbl{

		background-image: url(../graphics/logoback.jpg);

		background-repeat: repeat-x;

	}	

	

	/*mid content - slogan area*/	

#slogansection {

background-image: url(../graphics/sloganback.jpg);

width: 750px;

}



/*sets left edge background of outer table*/

.tableleftside {	

background-image: url(../graphics/leftrepeat.jpg);

background-repeat: repeat-y;

}



/*sets right side background of outer table*/

.tablerightside {

	background-image: url(../graphics/rightrepeat.jpg);

	background-repeat: repeat-y;

}

/*main content area*/

#contenttable {	

background-color: White;

padding: 3px; /*gives a bit of breathing space between the edge and text*/

text-align: left; /*re-aligns the text for IE5+*/

font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

}

/*styles the content area links*/

#contenttable a:link {

	color: #75809E;

 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	text-decoration: underline;

}



#contenttable a:visited {

	color: #000066;

 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	text-decoration: none;

}



#contenttable a:hover {

	color: #FF6600;

 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	text-decoration: none;

}



#contenttable a:active {

	color: #636D90;

 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	text-decoration: underline;

}



/*heading styles*/

  h1 {

 	color: #404174;

	font-size: 14px;

	margin-bottom: -1px;

 }

 

 h2{

 	color: #FF6633;

	font-size:13px;

 }

 

h3{

 	color: #75809E;

	font-size: 12px;

 }

	/*copyright styles*/ 

#copyright {

color: #000066;

	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;

 	background-color: #5A678A;

	background-image: url(../graphics/footerback.jpg);

	background-repeat: repeat-x;	 	

/*	padding: 2px;*/

	}

	

	/*to keep NS4 happy define the styles for the td*/

	#copyright td {

color: #000066;

	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;

 	background-color: #5A678A;

	background-image: url(../graphics/footerback.jpg);

	background-repeat: repeat-x;	 	

	padding: 2px 0px;

	}

/*copyright table styles */

#copyright a:link {

	color: White;

	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: none;

}



#copyright a:visited {

	color: #000066;

	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: none;

}



#copyright a:hover {

	color: #E7E7E7;

	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: none;

}



#copyright a:active {

	color: White;

	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;

; text-decoration: none

}

/*styles the bottom text link bar */

 #linkbar {

 background-color: #5A678A;	

 color: White;

 padding-top: 2px;

 padding-bottom: 2px;

 }

 /*to keep NS4 happy define styles for the td*/

  #linkbar td{

 background-color: #5A678A;	

 color: White;

 }

 

 #linkbar a:link {

	color: White;

	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: none;

}



#linkbar a:visited {

	color: White;

	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: underline;

}



#linkbar a:hover {

	color: #FF6600;

	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: underline;

}

#linkbar a:active {

	color: White;

	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: underline;

}



/*styles for the contact form*/

form { margin: 0;}



label,span.spacer {width:140px;}

/*styles the form fields*/

label{

font-weight:bold;

color : #000066;

font-weight : bold;

}

fieldset{

padding:10px;

border : 1px solid #000066;

margin-bottom : 15px;

padding : 10px;

}

/*styles the 'contact form' text at top of contact form*/

legend {

color:#000066;

font-weight: bold;

font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;

padding: 10px;  /*gives a bit of padding between the border and the test*/

}

/*This styles a bulleted list*/

li {

	color: #666666;

	list-style-type: circle;

}



ol {

	color: #000066;

}



ul {

	color: #660000;

	list-style-type: square;

}

.maintext {  margin-right: 10px; margin-left: 10px; font-weight: normal}
.maintextH {  margin-right: 10px; margin-left: 10px; color:#FF6633; font-weight: normal}

.side {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px}

.side a { display: block; text-decoration: none; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; color: #5a678a; clip:  rect(   )}

.side a:active { display: block; text-decoration: none; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; color: #5a678a; clip: rect( ) }

.side a:hover { display: block; text-decoration: none; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; color: #999999; clip: rect( ) }

.side a:link { display: block; text-decoration: none; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; color: #5a678a; clip: rect( ) }

.side a:visited { display: block; text-decoration: none; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; font-weight: normal; color: #5a678a; clip: rect( ) }

.list_titles {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: capitalize; color: #333333}

#dropdown5 { position:absolute; left:600px; top:108px; width:153px; height:95px; z-index:5; visibility: hidden; ; clip:   rect(   )}

.form_title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; text-transform: none; color: #FFFFFF; background-image: url(../graphics/block_medblue.jpg)}

.form_cells {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; color: #333333; border-color: black #333333 black black; text-align: right; border-right-width: 2px}

.form {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; color: #333; background-image: url(../graphics/block_ltblue2.jpg)}

.form_cells_left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; color: #333333; border-color: black #333333 black black; text-align: left; border-right-width: 2px }

.jobdescrtext {  font-size: 10px; line-height: 12px; font-weight: normal; color: #333333}

a.joblink:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #75809e; text-decoration: none}

a.joblink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #75809e; text-decoration: none }

a.joblink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #75809e; text-decoration: none }

a.joblink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none }

.jobdescrbox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; background-color: #eeeeee; text-align: left; width: 90%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: #cccccc; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.form2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; color: #333}