/* CSS Document */


/*
********************
GENERIC POSITIONING ELEMENTS 
********************
*/
Body
{
width: 100%;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background: url(../bgs/top-nav-bg.png) repeat-x 0 110px ;
}
#global
{
width: 980px;
margin: 0px auto;
}
hr
{
height: 2px;
border: 0px;
margin: 10px 0px 10px 0px;
background: #999999;
color: #999999;
}
h1
{
background: url(../images/topBrand.jpg) no-repeat;
width: 264px;
float: left;
height: 95px;
margin: 8px 0px 0px 0px;
padding: 0px;
text-indent: -100000px;
}
h2.headerOptionProjects
{
background: url(../bgs/promo-Box-free.gif) no-repeat;
width: 196px;
height: 23px;
font-size: 13px;
padding: 6px 0px 0px 5px;
color: #CC0000;
margin: 0px;
}

h2.headerOptionJobs
{
background: url(../bgs/promo-Box-blank.gif) no-repeat;
width: 196px;
height: 23px;
font-size: 13px;
color: #EA8C00;
padding: 6px 0px 0px 5px;
margin: 0px;
}
h2.headerOptionClassifieds
{
background: url(../bgs/promo-Box-free.gif) no-repeat;
width: 196px;
height: 23px;
color: #336699;
font-size: 13px;
padding: 6px 0px 0px 5px;
margin: 0px;
}
h3.welcome
{
background: url(../bgs/welcome-headerbar.png) repeat-x;
height: 31px;
width: 560px;
color: #666666;
margin: 0px;
padding: 7px 0px 0px 8px;
}
H3.intro
{
color: #FFB94F;
margin: 0px 0px 0px 0px;
padding: 0px; 
font-size: 25px;
}
h4
{
font-size: 14px;
padding: 0px;
margin: 15px 0px 10px 0px;
}
a
{
color:#0066CC;
text-decoration: underline;
}
a:hover
{
color: #0066CC;
text-decoration: none;
}
a.arrowed
{
background: url(../images/b_linkarrow.png) no-repeat 0px 5px;
padding: 0px 0px 0px 10px;
display: block;
margin-bottom: 7px;
}

.topbox
{
float: left;
}
.adarea
{
float: right;
margin: 30px 0 20px 0;
}
.midbar
{
float: left;
clear: both;
margin-bottom: 30px;
height: 30px;
width: 980px;
}
#searchTop
{
float: right;
margin: 7px 0 0 0;
}

#leftCol
{
float: left;
width: 200px;
margin-right: 20px;
}
#centreCol
{
width: 568px;
margin-right: 10px;
float: left;
}
#centreColDouble
{
width: 755px;
float: left;
}
#rightCol
{
float: right;
width: 170px;
}
#breadcrumb
{
font-size: 10px;
font-weight: bold;
margin-bottom: 20px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
color: #777777;
}
#footer
{
background: url(../bgs/footer_rpt.gif) repeat-x top;
padding: 10px 0px 0px 0px;
clear: both;
margin: 0px auto;
text-align: center;
font-size: 11px;
line-height: 17px;
color: #888888
}
#footerdeails
{
width: 980px;
font-size: 11px;
margin: 0px auto;
text-align: center;
}
#tab
{
padding: 5px;
background: #FF9900;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
display: block;
width: 100px;
border-bottom: 1px solid #ffffff;
margin-top: 20px;
}
#optionBox
{
border: 1px solid #FF9900;
padding: 10px;
margin-bottom: 10px;
}
/* 
*************************
left option boxes 
*************************
*/
.leftOptionBox
{
border: 1px solid #C8E3FF;
background: #Ffffff;
width: 196px;
padding: 1px 1px 1px 1px;
margin-bottom: 14px;
display: block;
}
.leftOptionBoxText
{
padding: 8px 0px 0px 3px;
width: 196px;
}
.leftOptionBoxText:hover
{
background: #F2F9FF;
}
.leftOptionBox a
{
background: url(../images/link_blue_arrow.gif) no-repeat 2px 9px;
padding: 0px 0px 0px 12px;
display: block;
line-height: 22px;
}
.leftOptionBox a:hover
{
text-decoration: none;
}
.adBanRight
{
float: right;
display: block;
margin-bottom: 10px;
clear: both;
}
.featureBox
{
clear: both;
border: 1px solid #C8E3FF;
margin-bottom: 10px;
}


.featureBoxHead
{
background: #C8E3FF;
font-weight: bold;
padding: 4px;
}
.featureBoxText
{
padding: 4px;
font-size: 11px
}

/* navigational elements */

ul#globalNav
{
margin: 10px 0px 0px 0px;
padding: 0px;
list-style: none;
float: left
}
#globalNav li
{
float: left;
margin: 0px 20px 0px 0px;
padding: 0px;
}

/* 
*****************************
SPECIALS 
**************************** 
*/

#homeHeroPod
{
background: url(../images/home-message.jpg) no-repeat right bottom;
height: 254px;
padding-right: 100px;
}
#homeLogin
{
background: url(../bgs/home-login-bg.png) no-repeat;
width: 315px;
height: 95px;
clear: both;
padding: 17px 0 0 0px;
margin-top: 10px;
}
#loginSide
{
float: left;
margin-bottom: 0px;
height: 64px;
}
#signUpside
{
float: left;
margin-left: 10px;
margin-top: 4px;
margin-bottom: 15px;
}
#iforgot
{
clear: both;
margin-top: 5px;
width: 315px;
text-align: right;
}
.tasterBox
{
width: 278px;
float: left;
margin-right: 1px;
margin-bottom: 10px;
}
.homeTasterHeads
{
background: #DFDFDF;
height: 21px;
width: 273px;
float: left;
color: #666666;
font-size: 15px;
padding: 5px 0px 0px 5px;
font-weight: bold;
}
.tasterBoxText
{
float: left;
margin-bottom: 20px;
width: 278px;
padding: 5px 5px 0px 0px;
clear: both;
}
.homeicon
{
margin: 0px 5px 0px 0px;
float: left;
}
.homeicon2
{
margin: 0px 0px 0px 5px;
float: right;
}
/*
********************
FORM ELEMENTS 
********************
*/
INPUT.topSearch
{
width: 160px;
margin: 0px 13px 0px 0px;
height: 22px;
border-bottom: 1px solid #EBE9ED;
float: left;
border-right: 1px solid #EBE9ED;
border-left: 1px solid #CE7B00;
border-top: 1px solid #CE7B00;
padding: 5px 0 0 3px;
}
INPUT.login
{
width: 160px;
height: 21px;
border-bottom: 0px;
border-left: 1px solid #666666;
border-right: 0px;
padding: 4px 0 0 4px;
margin: 0px 0px 10px 6px;
color: #666666;
font-size: 14px;
border-top: 1px solid #666666;
}
INPUT.contact
{
width: 500px;
height: 23px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
border-right: 1px solid #CCCCCC;
padding: 4px 0 0 4px;
margin: 4px 0px 10px 0px;
color: #666666;
font-size: 14px;
display: block;
border-top: 1px solid #999999;
}
INPUT.contact_sm
{
width: 100px;
height: 23px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
border-right: 1px solid #CCCCCC;
padding: 4px 0 0 4px;
margin: 4px 0px 10px 0px;
color: #666666;
font-size: 14px;
display: block;
border-top: 1px solid #999999;
}
TEXTAREA.upload
{
width: 500px;
height: 150px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
border-right: 1px solid #CCCCCC;
padding: 4px 0 0 4px;
margin: 4px 0px 10px 0px;
color: #666666;
font-size: 14px;
display: block;
border-top: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
FILE.contact
{
width: 500px;
height: 23px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
border-right: 1px solid #CCCCCC;
padding: 4px 0 0 4px;
margin: 4px 0px 10px 0px;
color: #666666;
font-size: 14px;
display: block;
border-top: 1px solid #999999;
}
/*
**************************
INTERNAL PAGE ELEMENTS 
**************************
*/

.itemHeader
{
background: #C8E3FF;
padding: 4PX 0 4px 5px;
font-weight: bold;
font-size: 14px;
color: #666666;
border-bottom: 1px solid #ffffff;
}
.itemOverview
{
background: #EEEEEE;
padding: 5px;
}
.listItem
{
background: #EEEEEE;
border-bottom: 1px solid #cccccc;
display: block;
padding: 5px 0 5px 0px;
}
.listItem1
{
background: #ffffff;
border-bottom: 1px solid #cccccc;
display: block;
padding: 5px 0 5px 0px;
}
.listItem1:hover
{
background:#C8E3FF;
}
.listItem:hover
{
background:#C8E3FF;
}
.pages
{
padding: 0px 0px 10px 0px;
font-size: 11px;
}
.imgForTextLeft
{
margin-left: 10px 
}
.imgForTextRight
{
margin-right: 10px 
}
.classifiedHead
{
background: #D7D7D7;
margin-top: 5px;
font-weight: bold;
padding: 5px;
}
.classified
{
border: 1px #D7D7D7 solid;
padding: 5px;
margin-bottom: 12px;
}


.forumitem2 {
 background:#eeeeee;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}

SELECT {
 font-size: 14px;
 display: block;
 margin: 4px 0px 10px 0px;
}

TH {
 text-align: left;
 background: #cccccc;
 }
 
 TABLE {
  border-collapse: collapse;
 }
 
 TD, TH {
  padding:4px;
 }
 
 #membernav {
  list-style-type: none;
  padding: 0;
 }
 
 #membernav li {
  margin-bottom: 4px; 
 }
 
 em  {
  font-weight: bold;
  color: #009900;
 }