/* CSS Document */

/* Suggested settings to provide default cross-browser behaviours */
html,
body,
p,
ul,
ol,
li,
a,
input,
label,
form,
table,
tr{
	margin:0px;
	padding:0px;
	border:0px;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

ul{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}


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

html body
{
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}

h1,h2,h3{
	text-transform:uppercase;
	padding:0;
	margin:0;
}

div h1{								/* This is needed for info semantics but should not be displayed */
	position:absolute;
	top:-100px;
	left:-600px;
	color:#000;
	font-size:115%;
}

h2{
	color:#a72818;
	font-size:112%;
}

.globalContainer {
	text-align:left;
	margin:0 auto;
	width:970px;
}

.topContainer{
	float:left;
	padding:0px;
	width:100%;
}

.topContainer01 { background-color:#EBF3FA;}


.topContainerInner{
	float:left;
	padding:24px 0px 24px 50px;
}
.banner {clear:both;}
.navContainer {
	float:left;
	width:223px;
	background:url(../_images/bg03.gif) repeat-x top #FFFFFF; 
	padding-top:20px;
}

.mainContainer{
	clear:both;
	float:left;
	width:100%;
	background-color:#FFFFFF;
	padding-bottom:30px;
}

.mainTopContainer{
	float:left;
}

.row{
	clear:both;
}

.column{
	float:left;
}

.columnsOne .column{
	width:519px;
	
}




.columnsOneAlternative .column{
	float:left;
	width:630px;
	
}

.columnsOneAlternative02 .column{
	float:left;
	width:730px;
	
}


.columnsOne .column .content,
.columnsOneAlternative .column .content
 {padding:20px;}


.columnsThree .column{
	width:250px;
	background-color:#FFFF66;
}


.columnsThree .content{
	padding-right:20px;
	background-color:#00CC99;
}

.columnsThree .columnStyle01{
	width:230px;
}

.columnsThree .contentStyle01{
	background-color:#FF3300;
}

.columnsThree .contentStyle01a{
	padding-right:0px;
	background-color:#FF9900;
}

div.middleContainer{
	float:left;
	
}

.columnsThreeAlternative .column{
	float:left;
	width:250px;
	background-color:#FFFF66;
}

.columnsThreeAlternative .columnStyle01{
	width:230px;
}

.columnsThreeAlternative .content{
	margin-right:20px;
	background-color:#00CC99;
}

.columnsThreeAlternative .contentStyle01{
	background-color:#FF3300;
}

.columnsThreeAlternative .contentStyle01a{
	margin-right:0px;
}

.columnsThreeAlternative .contentStyle01a{
	background-color:#FF9900;
}

/**/
.middleContainer01 {background:url(../_images/bg02.gif) repeat-x top;  }
.middleContainer01 .header { padding:12px 53px;}

.columnsFour {padding:0 23px 0 35px; }
.columnsFour .column {
	width:228px;
	
	
}
.columnsFour .content {
	
	padding-right:13px;
	background:url(../_images/bg05.gif) bottom left no-repeat;
	padding:0px 0px 10px 0px;
	
}


/**/

.rhsContainer{
float:left;
width:228px;
}
.rhsContainer .rhsContainerInner { padding:70px 20px 20px 0;}



.bottomContainer {
	float:left;
	padding:0px;
	width:100%;
}


.bottomContainerInner{
	
	float:left;
	padding:24px 0px 24px 0px;
	width:100%;
}


/**********************************************************************************/
BODY { background:url(../_images/bg01.gif) repeat-x top #C6CCCE; }


.topContainerInner ul, .topContainerInner ul li, .topContainerInner img {float:left;}

.topContainerInner ul { margin:10px 0 0 100px; }
.topContainerInner ul li { background:url(../_images/sep01.gif) right top no-repeat; padding:2px 10px 3px 10px; }
.topContainerInner ul li.st01 { background:none; padding-right:0px; }
.topContainerInner a { font-weight:bold; }

.navContainer ul { padding:0; border-bottom:1px solid #203D7A; margin:0 20px;}
.navContainer ul li {
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #919EC1;
	border-top:1px solid #203D7A;
}
.navContainer ul li ul {margin:5px 0 0 0; border-top:1px solid #919EC1; border-bottom:none; }
.navContainer ul li ul li.st01 { border-bottom:none; padding-bottom:0px; }/*for the last element*/
.navContainer ul li ul li { padding-left:14px;}



.navContainer ul li.st02 { border-top:none; }
.navContainer ul li a {
	background:url(../_images/bull03.gif) 5px 4px no-repeat;
	display:block;
	padding-left:19px;

}


.navContainer h2 { margin:0 0 5px 20px; }
.navContainer div.st01  { padding-top:55px;  float:left;width:223px;}
.navContainer div.st01 ul {border:none;}
.navContainer div.st01 ul li { clear:both; border:none; float:left; width:100%; }
.navContainer div.st01 ul li img { float:left; margin-right:5px;  display:block;  }
.navContainer div.st01 ul li a  { float:left; background:url(../_images/bull01.gif) left 4px no-repeat;  display:block; width:115px; }

#nav img.st01 { display:none;}
#nav .content { position:relative; }
#nav .content a img.st01 { position:absolute; left:0px; top:0px; }

.column h2 { font-weight:normal;}
.column h2, .column h3, .column p, .column ul { margin-bottom:10px;}

.rhsContainerInner h2 { text-transform:none; margin-bottom:5px; }
.rhsContainerInner div.st01 { padding-bottom:5px;}

.rhsContainerInner a { background:url(../_images/bull02.gif) left 2px no-repeat;  padding-left:14px;}


	form input.btn, input.btn02 { width:60px;  }
	form input,form  textarea , form  select{ border:1px solid #D3D4D6; background:#F7F8F8; }
	form input.btn  { border:1px solid  #666666; background:#ccc; }
	form img { margin:10px;}
	form p { width:450px; clear:both; float:left; margin:0px;padding-bottom:10px; }
	form p span.lable { float:left;  color:#2C5370;  }
	form p input, form p select { display:block; float:right; width:225px; } 
	form p.st02 input {width:170px;}
	form p textarea {width:445px; height:100px;}
	form p span { color:#0083FE; }
	
	

/* footer containers */
.bottomContainer { background:url(../_images/bg04.gif) left top no-repeat;} 

.row li {list-style:disc outside; margin-left:18px;}


.bottomContainerInner {
	padding-top: 19px;
}
.bottom2 {
	padding-left:26px;
	float:left;
}

.bottom1 {
	padding-right:33px;
	float:right;
	
}
.bottom1 li {
	display: inline;
	padding:0 7px;
	border-right:1px solid #203D7A;
}
.bottom1 li.st01 { border:none;}
.bottom1 ul li a:hover { color: #0083FE; }

.bottom1 .selected01 { color:#0083FE; } 


/*fonts*/
h1 { display:none;}
body { font-family:Verdana, Arial, Helvetica, sans-serif;}

p, p.st01 a, p.st01, .topContainerInner a,  .middleContainer .row ul li { font-size:81.25%; } /*13px; */

.middleContainer .row ul li ul li, .middleContainer .row ul li a {font-size:100%;}


.navContainer a { font-size:75%; }/*12px;*/
.navContainer h2 {font-size:100%;}/*16px;*/

.column h2 { font-size:100%; font-weight:bold; } /*16*/
.column h3 { font-size:81.25%;} /*13*/
.rhsContainerInner p {font-size:68.75%;} /*11*/
.rhsContainerInner h2 {font-size:93.75%;} /*15*/

.bottomContainerInner {font-size:56.25%;} /*9*/
span.st01 {font-size:90%; display:block; text-align:center; padding-top:4px; clear:both;width:80px; white-space:nowrap}


#box  p { font-size:75%;} /*12*/


/*color*/

a {color:#51C0AA;} /*turquoise*/
.topContainerInner a,
.navContainer ul li a,
.navContainer h2, 
.bottomContainerInner a
{color:#203D7A;} /*dark blue*/

.navContainer div.st01 ul li a,
.column h1, .column h2, .column h3, .rhsContainerInner h2,
.bottomContainerInner a:hover, 
.bottomContainerInner li.selected a,

/*{color:#337BBF;}light blue*/

p, ul {color:#2C5370;} /*text color - dark blue*/

.bottomContainerInner .bottom2 {color:#868A8E}
.topContainerInner ul li a:hover,
.topContainerInner ul li.selected a,

.navContainer ul li a:hover, .navContainer ul li a.selected {color:#0083FE;}



.navContainer div.st01 a:hover, .middleContainer .row a:hover  { text-decoration:underline;} 

.content ul li.st01 { list-style: none; margin-bottom: 10px; }


/*******************************************************************/
#gallery { background:url(../_images/gallery/frame01.gif) left top no-repeat; width:100%; height:400px;}



#box2 li  { list-style:none; background: url(../_images/gallery/frame02.gif) left top no-repeat;  padding:5px; float:left; margin:0px 2px 0 0; position:relative;}
#box2 li.st01 { margin:0px;}
#box2 li ul { display:none; }
#box2 li div { width:81px; height:75px; background:#FFFFFF; position:absolute; left:5px; top:5px; opacity:0.4; filter:alpha(opacity=40); }
#box2 li a:hover div { display:none;}
#box2 li a.selected div { display:none;}
#box2 li a:hover.selected div { display:none;}

#box { padding:12px 10px; position:relative; }
#box p { position:absolute; left:15px; top:265px; color:#000000; }
#box p span { color:#233A78;}
#box div { background:#FFFFFF; position:absolute; left:10px; top:260px; opacity:0.6;filter:alpha(opacity=60); height:23px; width:446px; }
#box div.arr { position:absolute; left:399px; top:40px; width:57px; height:136px; opacity:1; filter:alpha(opacity=100)}
#box div.arr { background:url(../_images/gallery/btn_bg.gif) left top no-repeat;}
#box div.arr a { padding:25px 8px; display:block; background:url(../_images/gallery/arr-right01.gif) 18px 23px no-repeat;   }
#box div.arr a.st01 { background:url(../_images/gallery/arr-left01.gif) 18px 18px no-repeat;}
#box div.arr a:hover { text-decoration:none; }

#box div.arr a:hover { background:url(../_images/gallery/arr-right02.gif) 18px 23px no-repeat;  }
#box div.arr a.st01:hover { background:url(../_images/gallery/arr-left02.gif) 18px 18px no-repeat;}

#description { width:220px; float:right; padding-top:50px; }

.jobs h3 { margin-bottom:5px; margin-top:15px; } 
.jobs p { margin-bottom:5px; }


.middleContainer .row .column .content img { margin: 0px 10px 0px 0px; }
.middleContainer .row .column .content img.st01 { float: left; margin: 0px 10px 10px 0px; }
.middleContainer .row .column .content p.caption { padding-bottom: 10px; }