body {
margin: 0;
background:#FEFEFE;
height: 100%;
overflow: scroll;
overflow-y: scroll;}

     
.gradienttable
	{
	background-position: 0px 0px;
    background-repeat:repeat-x; repeat-y; padding: 0px; border: 1px solid  #999898;}
  
.bottom { background: white url(images/sirastaffing_21.jpg); background-position: 0px 200px;
     background-repeat:repeat-x;}
     
.gray { font-size : 12px;font-family: Arial; color:#777776;}
.gray12 { font-size : 12px;font-family: Arial; color:#777776; line-height:20px;}
.gray1 { font-size : 12px;font-family: Arial; color:#777776;}
.gray13 { font-size : 13px;font-family: Arial; color:#777776; font-weight:bold;}
.graybig1 { font-size : 15px;font-family: Arial; color:#777776;}
.graybig2 { font-size : 19px;font-family: Arial; color:#777776}
.orange1 { font-size : 14px;font-family: Arial; color:#ff5f00}
.black1 { font-size : 10px;font-family: Arial; color:#000000}
.orange2 { font-size : 19px;font-family: Arial; color:#ff5f00}
.orange5{ font-size : 35px;font-family: Arial; color:#ff5f00}
.orange3 { font-size : 12px;font-family: Arial; color:#ff5f00}
.orange4 { font-size : 10px;font-family: Arial; color:#ff5f00}
.black3 { font-size : 12px;font-family: Arial; color:#000000; text-align : justify}
.black4 { font-size : 14px;font-family: Arial; color:#000000; text-align : justify}   
.white{ font-size : 40px;font-family: Arial; color:#ffffff}
.white1{ font-size : 12px;font-family:verdana; font-weight:bold; color:#ffffff}
.blue { font-size : 12px;font-family: Arial; color:#00237e;}

  
.menu5 {padding:0px 0 0 0em; margin:0; list-style:none; height:38px; position:relative; repeat-x left bottom; font-size:11px;}
 
.menu5 li {float:left; height:38px; margin-right:0px; white-space:nowrap; overflow: hidden;}

.menu5 li a {display:block; float:left; height:38px; line-height:38px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; cursor:pointer; background:url(pro_five_0a.gif) no-repeat;}

.menu5 li a b {float:left; display:block; padding:0 20px 0px 20px; background:url(images/mm.jpg) no-repeat right top;}

.menu5 li.current a b {background:url(images/mo1.jpg) no-repeat right top; color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; cursor:pointer;}

.menu5 li a:hover b {background:url(images/mo.jpg) no-repeat right top; color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; cursor:pointer;}

.menu5 li.current a:hover {background:url(images/mo.jpg) no-repeat right top; cursor:default;}

.menu5 li.current a:hover b {background:url(images/mo.jpg) no-repeat right top;}


.gradient {
height: 100px;
padding: 4px;
background: url(images/background.jpg) 0% 0% repeat-x;
color: #fc2;
}


#gradientDemo {
    border-collapse: collapse;
}
#gradientDemo td, #gradientDemo th {
    border: 1px solid black;
}
#gradientDemo th {
    background-color: #00c000;
    background-image: url(background.png);
    background-repeat: repeat-x;
    background-position: top left;
	font-size : 11px;font-family: Arial; color:#777776;
}


/* dock - top */
.dock {
	position: relative; 
	height: 60px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 50px;
}
a.dock-item {
	display: block;
	width: 80px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 50px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: relative;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 60px;		
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 80px; 
	color: #000; 	
	bottom:0px;
	top:0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}



.urbangreymenu{
width: 166px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: white;
background: #F6F6F6 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #F6F6F6;
display: block;
padding: 5px 0;
line-height: 13px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
background: #F6F6F6;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #454545;
}

.table3
{			
	background-color:#f2f2f2;	
	border-color:#cdcdcd;
	border-style:solid;
	border-width:1px;	
}
.table2
{			
	background-color:#ffffff;	
	border-color:#cdcdcd;
	border-style:solid;
	border-width:1px;	
}

/* Image Pop UP Code*/

#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 100%;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100%;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 5px solid #000000;
	display: inline;
	height: 650px;
	left: 150px;	
	position: absolute;
	top: -250px;
	width: 900px;
}
/* End Image Pop UP Code*/