BODY
{
  font-family: Arial, Verdana, Tahoma;
  margin: 0px;
  background-color: #FFFFFF;
  color: #666666;
  height: 100%;
}

HTML
{
  height: 100%;
}

h1
{
    padding:0;
    margin:0;
}

td
{
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  font-weight: normal;
}

.main_content { padding: 0px; background: url(../images/repeating.png) repeat-y center top;
z-index:1000;
}

.main_content_sec { background: url(../images/page.png) no-repeat center top;
z-index:5; 
}

A
{
  text-decoration:none;
}

A:hover
{
  text-decoration:none;
}

.dropdown
{
  background-color: #000000;
  color: #FDFDFD;
  border: 0px;
}

/* top menu stuff */
.menutop
{
    padding:10px 0px 0px 0px;
    height: 60px;
    vertical-align: middle;
}

.menutop img { cursor: pointer; }

/* top menu stuff */

.cinput, .sinput
{
  background-color: #FFFFFF;
  color: #111111;
  border: 1px solid #858585;
}

.error
{
  color: #FF9100;
}

.label
{
  width: 130px;
  text-decoration: none;
}

.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.vc { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }

.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }

.imgLogo
{
   border: 1px solid #CCC;
   padding: 2px;
}

.imgLogo:hover
{
   border: 1px solid orange;
   padding: 2px;
}

.noResult {
   font-family: 'Trebushe MS';
   font-size:16px;
   background-color:#FBDC7D;
   border:1px solid orange;
   width:330px;
   color:#5A4530;
}

.searchbox
{
  
}

.searchbutton
{
  width: 100px;
  height: 32px;
  background-color: #4B4B4B;
  border: 0px;
  text-align: center;
  vertical-align: middle;
  padding-top: 7px;
  font-size: 14px;
  font-weight: bold;
  color: #FEFFF8;
  padding: 0px;
  margin: 0px;
}

.morelink,.morelink:link,.morelink:active,.morelink:visited
{
  color: #eee;
  text-decoration: none;
}

.morelink:hover
{
  color: #b7b7b7;
}

.footer { background-color:#636466; color: #C8C8C8; }

.showing
{
  color: #757575;
}

.pages,.pages:link,.pages:active,.pages:visited
{
  color: #FF8300;
  text-decoration: none;
}

.pages:hover
{
  color: #FF8300;
  text-decoration: underline;
}

.box
{
	width: 185px;
	height: 200px;
	float: left;
	margin: 15px;
	text-align: center;
	color: #000080;
	font-size: 12px;
	font-family: Arial;
	border: 1px solid #E8E8E8;
  z-index: 1;
  position: relative;
}

.box_2
{
	width: 120px;
	height: 140px;
	float: left;
	margin: 15px;
	text-align: center;
	color: #000080;
	font-size: 12px;
	font-family: Arial;
	border: 1px solid #E8E8E8;
  z-index: 1;
  position: relative;
}

.box_float
{
	float: left;
	margin: 15px;
	text-align: center;
	color: #000080;
	font-size: 12px;
	font-family: Arial;
	border: 1px solid #E8E8E8;
  z-index: 1;
  position: relative;
}

.cLiBlu { color: #8FB0DD; }

.mandatory
{
  color: #F69101;
}

.developedby
{
  color: #999999;
  font-size: 10px;
}

.def_city
{
  font-size: 22px;
  font-weight: bold;
  color: #FDFDFD;
}

/* site map */
ul.l0 { list-style-type:disc; }
ul.l1 { list-style-type:circle; }
ul.l2 { list-style-type:square; }

ul.l0 li { padding-bottom:2px; padding-top:2px; }
ul.l1 li { padding-bottom:2px; padding-top:2px; }
ul.l2 li { padding-bottom:2px; padding-top:2px; }
ul.l0 a { font-size:14px; }
ul.l0 a { font-size:14px; }
ul.l0 a { font-size:14px; }
/* site map */


.s9 {	font-size: 9px;}
.s10 {	font-size: 10px;}
.s11 {	font-size: 11px;}
.s12 {	font-size: 12px;}
.s13 {	font-size: 13px;}
.s14 {	font-size: 14px;}
.s16 {	font-size: 16px;}
.s18 {	font-size: 18px;}
.s20 {	font-size: 20px;}
.s22 {	font-size: 22px;}
.s24 {	font-size: 24px;}
.s26 {	font-size: 26px;}
.s28 {	font-size: 28px;}
.s30 {	font-size: 30px;}
.s32 {	font-size: 32px;}
.s34 {	font-size: 34px;}
.s36 {	font-size: 36px;}

.category
{
		font-family: "Century Gothic";
		font-weight: bold;		
		color: #de330e; 
}

.category_g
{
		font-family: "Century Gothic";
		font-weight: bold;		
		color: #666666; 
}

.sub { color: #666666; }

.portcat { list-style-type: none; }
.portcat ul { list-style-type: disc; padding:10px 0px 10px 40px;  }
.portcat ul li { color: #de330e; }
.portcat ul li span { color: #666; font-family: Arial, Verdana, "Century Gothic"; font-weight:normal; font-size:11px; }

.bo { border:1px solid #CCC; }

.img_frame { border:1px solid #666; }
.img_frame:hover { border:1px solid #de330e; }


/* paging */

.paging .PrevNext
{	
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
  height:27px;
  line-height:27px;
  color: #de330e;
}

.paging .active { color: black; padding: 2px 5px; height:27px; line-height:27px; }

/* paging */

.frame_prj_pic { width:783px; height:478px; background-image: url(../images/frame.png); 
								 background-repeat: no-repeat; text-align: center; }

img.nav_left:hover { background-image: url(../images/prev_arrow-o.png); }
								 
.btn 
{
		background-image: url(../images/btn.png); 
		background-repeat: no-repeat;
		height:23px;
		line-height:23px;
		width:120px;
		text-align:center;
		vertical-align:middle;		
}
.btn a { color: #de330e; font-weight: bold; text-decoration: none; }
.btn:hover { background-image: url(../images/btn-o.png);  }								 
.btn:hover a {  color: #fff; }								 


.cRed { color: #de330e; font-weight: bold; }

.finput { border: 2px solid #CCCCCC; font-family: Arial, Tahoma; font-size: 14px; }
.finput:hover { border: 2px solid #888; font-size: 14px; }
.finput-active { border: 2px solid #de330e; font-family: Arial, Tahoma; font-size: 14px; }