/********
pageITworks for SkyTop
Author: elvira
08262009
*********/
body
{ 	background: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	background-color: #003366;
 	margin: 4px 0px 4px 0px; 
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 11px;
	color: #000000;
	margin-top:0px;
}
.bannerL {
	width: 200;
	height: 100;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color:#0033CC;
}
.bannerR {
	width: 512;
	height: 100;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color:#0033CC;
	background: url(images/bg_topbanner.jpg);
	text-align:right;
	padding:20px;
}
.tableBody {
	width: 800px;
	background-image:url(images/bg_table.jpg);
	background-repeat:repeat-x;
	padding:0px;
	text-align:center;
	background-color:#FFFFFF;
	
}

.titleTopic {
	font-family: Trebuchet MS, Arial Narrow, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	height: 30px;
	padding: 10 10 10 10;
	text-transform: uppercase;
}
.titleBox {
	font-family: Arial, Helvetica, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10 10 10 10;
	text-transform: capitalize;
	background-color: #0099CC;
}
.content-small {
	font-family: Arial, Helvetica, Tahoma;
	font-size: 10px;

}
#titleBoxBody {
	font-family: Arial, Helvetica, Tahoma;
	font-size: 11px;
	padding: 10 10 10 10;
	border: solid #EEEEEE 1px;
	padding: 10 10 10 10;
}
#titleBoxBody a , #content a:link, #content a:visited{
	text-decoration: underline;
	color: #666666;
}
#titleBoxBody a:hover {
	text-decoration: none;
	color: #999999;
}

#navBar {
	font-family: Arial, Helvetica, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#navBar a , #content a:link, #content a:visited{
	text-decoration: none;
}
#navBar a:hover {
	text-decoration: none;
}
#bottomBar {
	font-family:  Arial, Helvetica, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #003366;
	
}
#bottomBar a , #content a:link, #content a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
#bottomBar  a:hover {
	text-decoration: none;
	color: gold;
}
h2
{
}
hr {
	width: 90%;
	size: 1;
	color: #EEEEEE;
}
.bodystyle
{	border-left: solid #B5C7EC 1px;
	border-right: solid #B5C7EC 1px;
	background-color: #ECF5FD;
}
.pagename {
	padding: 5 5 5 5;
	font-family: Arial, Helvetica, Tahoma;
	font-size: 16px;
	color: #666666;

}
.pic-box {
	border: solid #CCCCCC 1px;
	padding: 3 2 3 2;
}
.List0 { background-color: #EFEFEF; padding: 5 5 5 5; list-style-image: url(images/bluebullet.jpg);list-style-position: inside;}
.List1 { background-color: #FFFFFF; padding: 5 5 5 5; list-style-image: url(images/bluebullet.jpg);list-style-position: inside;}

.List00 { background-color: #EFEFEF; padding: 5 5 5 5; list-style: none outside none;}
.List01 { background-color: #FFFFFF; padding: 5 5 5 5; list-style: none outside none;}

#content {
	font-family: georgia, Verdana, Arial, Helvetica, Tahoma;
	font-size: 12px;
	color: #333333;
	padding: 5 20 5 20;
	line-height: 18px;
	text-align: justify;
}
#content a , #content a:link, #content a:visited{
	text-decoration: underline;
	color: #666666;
}
#content a:hover {
	text-decoration: none;
	color: #999999;
}

#hyperlink {
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 9px;
	color: #FFFFFF;
	padding: 10 0 10 0;

}
#hyperlink a , #hyperlink a:link, #hyperlink a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
#hyperlink a:hover {
	background-color: gold;
	color: #000000;
}
.rightnav {
	padding: 5 5 5 5;
	width: 186px;
}
#footer
{	font-family: Verdana, Arial,Helvetica, Tahoma; 
	font-size: 9px; 
	color: #FFFFFF; 
}
#footer a:link { 
	text-decoration: none; 
}
#footer a:visited { 
	text-decoration: none; 
}
#footer a:hover { 
	text-decoration: underline; 
}
#footer a:active { 
	color: #CCCCCC; 
	text-decoration: none; 
}


/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */

	#menu3 {
		font-family: Verdana, Arial, Tahoma;
		font-size: 10px;
        width: 160px;
        /*border: 1px solid #ccc;*/
        margin: 10px;
        }
	#menu3 li a {
        /*height: 32px;*/
        height: 20px;
        text-decoration: none;
        }

	#menu3 li a:link, #menu3 li a:visited {
        color: #888;
        display: block;
        background:  url(images/leftmenu.gif);
        padding: 5px 0 0 22px;
        }

	#menu3 li a:hover, #menu3 li #current, #menu3 li a:active {
        color: #283A50;
        background:  url(images/leftmenu.gif) 0 -25px;
        padding: 5px 0 0 22px;
		
        }

	img {
		border: none;
		}
	.pic-right {
		padding: 5 5 5 5;
		float: right;
	}
	.pic-left {
		padding: 5 5 5 5;
		float: left;
	}
	.pic-center {
		padding: 5 5 5 5;
		float: center;
	}
	.jobs-bg {
		padding: 2 0 2 10;
		background-color: #EEEEEE;
	}

/*- Menu Tabs 1--------------------------- */
    #tabs1 {
      float:right;
      width:100%;
      /*background:#F4F7FB;*/
	  background: url(images/bg_tabs.jpg);
	  /*background: #FFFFFF;*/
      font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	  line-height:normal;
      border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
      margin:0;
      padding:10px 10px 0 225px;
      list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:5;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background: url(images/tableft1.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background: url(images/tabright1.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      /*color:#627EB7;*/
	  color:#666666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
  
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

    #tabs1 #current a {
      background-position:0% -42px;
      }
    #tabs1 #current a span {
      background-position:100% -42px;
      }