/* CSS Document */

body { padding: 0 370px 0 370px; margin: 0; text-align: center; background-color: #D2E8F3; color: #000; font: 80% arial, verdana, sans-serif; line-height: 1.2em; }

p {margin: 0; padding: 0 0 1.2em 0;}
p.smalltext {font-size: 0.85em;}
.clear { clear: both; font-size: 0; height: 0; padding: 0; margin: 0; line-height: 0px;}
.none {display: none; font-size: 0; height: 0; padding: 0; margin: 0;  line-height: 0px;}

a  { color: #36c; text-decoration: underline; }
a:link { color: #36c; text-decoration: underline; }
a:visited {	color: #639 ; text-decoration: underline; }
a:hover { color: #000; background-color: #efefef; }
a:active { color: #36c; text-decoration: underline; }

/* LAYOUT */
#sizer { margin: 0 auto 0 auto; padding: 0; width: 46%; max-width: 250px; }
#expander { background: white; margin: 0 -370px 0 -370px; min-width: 740px; /* Critical Safari fix! */ position: relative; }
/* Hide from IE Mac \*/ * html #expander { height: 0; } /* */

#bg-left { background: url(../images/gradient-l.gif) repeat-y top left; padding: 0 0 0 6px;}
#bg-right { background: url(../images/gradient-r.gif) repeat-y top right; padding: 0 6px 0 0;}

#wrapper { width: 100%; border-left: 1px solid #999;  border-right: 1px solid #999; border-bottom: 1px solid #999;} 
#mainbar { width: 61%; margin-left: 2%; text-align: left; display: inline; float: left; }
#sidebar { width: 32%; float: left; display: inline; text-align: left; margin-left: 3%; }
#footer { clear: both; padding: 25px 0; margin: 30px 2% 10px 2%; font-size: 0.85em; text-align: center; border-top: 2px solid #ddd; }


/* HEADER */

#header {padding: 0 0 5px 0; margin: 0; text-align: left; }
#header img {border: 0;}
.header1 { float: left; padding: 10px 7px 7px 10px; }
.header2 { float: left; padding: 18px 15px 0 7px; }
.header2 span.header_title { color: #666; font-size: 15pt;  }	
.header2 span.header_tag {font-size: 8pt; color: #666; letter-spacing: 0px; line-height: 23px; }
.header3 { float: right; padding: 0pt 12px 0px 30px; margin: 7px 0 7px 0;   }
.header4 { float: right; padding: 3px 10px 6px 10px; margin: 7px 0 0 0;  font-size: 8pt; line-height: 1.5em; border-left: 1px solid #999; }

/* TOPNAV */
#topnav { clear: both; padding: 0px; margin: 0; width:100%; height:27px; background: #f93;}
#topnav ul { font: bold 8pt tahoma, verdana, arial, sans-serif;  padding: 0; margin: 0; list-style-type: none; width: 100%; }
#topnav li { padding: 0; margin: 0; display: inline; text-align: center;}
#topnav ul li a  { color: #fff;  text-decoration: none; padding: 7px 0 ; display: block;  float: left;}

#topnav ul li#home a { background-color: #39c; width: 12%;  }
#topnav ul li#info a { background-color: #339; width: 20%;  background-image: url(../images/topnav-bg.gif); background-repeat: repeat-y; background-position: top left; }
#topnav ul li#tender a { background-color: #093; width: 16%; background-image: url(../images/topnav-bg.gif); background-repeat: repeat-y; background-position: top left; }
#topnav ul li#people a { background-color: #6c0; width: 20%;  background-image: url(../images/topnav-bg.gif); background-repeat: repeat-y; background-position: top left; }
#topnav ul li#forum a { background-color: #f63; width: 17%;background-image: url(../images/topnav-bg.gif); background-repeat: repeat-y; background-position: top left; }
#topnav ul li#search a { background-color:#f93; width: 10%; background-image: url(../images/topnav-bg.gif); background-repeat: repeat-y; background-position: top left;}

/* Hide from IE-Mac \*/ 
#topnav ul li#search a { background-color:#f93; width: 14%; background-image: url(../images/topnav-bg.gif); background-repeat: repeat-y; background-position: top left;}
* html #topnav ul li#search a {width: 13.5%;} /* 14% is too wide for IE5.5 and at certain browser widths in IE 6 !! */
 /* End hide */





#topnav ul li#search a:hover,
#topnav ul li#home a:hover,
#topnav ul li#info a:hover,
#topnav ul li#tender a:hover,
#topnav ul li#people a:hover,
#topnav ul li#forum a:hover { background-color: #eee; color: #000;  }


/* MISSION STATEMENT */

/* Hide from IE-Mac \*/ #mission {width: 100%;} /* End hide */
#mission { background-color: #eee; margin: 2px 0 10px 0; padding: 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left;}
#mission p {margin: 0; padding: 3px 10px 6px 10px;font: 0.85em verdana, arial, tahoma, sans-serif;  line-height: 1.3em;}


/* MAIN COLUMN */
#mainbar h2 { color: #339;  margin:0 0 5px 0; padding: 2px 5px; background: #E0F0FF;  border-bottom: 1px solid #69c; border-top: 1px solid #69c; font-size: 0.85em; font-weight: normal; letter-spacing: 1px;}

/* community network tools*/
ul.cntools {list-style-type: none; margin:0; padding:0 0 5px 0; }
ul.cntools li {margin:0; padding: 0 0 5px 0;}
ul.cntools li a {font-weight: bold; }

/* sector highlights*/
ul.sector-highlights {list-style-type: none; margin:0; padding:0; }
ul.sector-highlights li {padding: 0 0 10px 0; margin: 0;}
ul.sector-highlights .sector-name {font-weight: bold;}
ul.sector-highlights .sector-links,
.new {font-size: 0.85em; padding-left: 5px; } 
span.new {color: #c00; }
a.new {color: #c00; font-weight: bold; padding: 0px; font-size: 1.0em;}

ul.sector-highlights ul {list-style-type: none; margin:0; padding:2px 0 0 0; }
ul.sector-highlights li {padding: 1px 0 7px 11px; background: url(../images/li_arrow.gif) 1px 5px no-repeat;}

#teasers p {margin:0; padding: 0 0 0.7em 0;}
#teasers p.teaser-super {color: #c00; font-size: 0.85em; margin: 0; padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3.teaser-title {font-weight: bold; font-size: 1em; margin:0; padding:0;}
#teasers img {float: right; padding:0 0 5px 5px;}

#adgFeatureBoxWrapper {background-color: #FFFFCC; padding:5px 0 0 5px; margin-bottom:5px;}

/* SIDE BAR */
#sidebar h2 { color: #333;  margin:0 0 5px 0; padding: 2px 5px; background: #efefef;  border-bottom: 1px solid #999; border-top: 1px solid #999; font-size: 0.85em; font-weight: normal;}

form {padding: 0 0 10px 0; margin: 0; }

.button { border: #69c 1px solid; background: #9cf; font-size:0.85em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; CURSOR: pointer; color: #036; padding:0 2px; }
.field { border: #969696 1px solid; background: #fff; font-size: 0.85em; padding:2px; margin-right:3px;}

#sidebar #searchbox h2 {background-image: url(../images/icon_search.gif);}
#sidebar #cgnetwork h2 {background-image: url(../images/icon_plus.gif);}
#sidebar #searchbox h2, 
#sidebar #cgnetwork h2 { padding: 2px 5px 2px 20px; background-repeat: no-repeat; background-position:  4px 5px; letter-spacing: 0px; } 
#searchbox p { padding-bottom: 5px; margin:0; } 

.stories-from-field {background-color: #eee; margin-bottom: 10px; border: 1px solid #eee;} /*to ensure bg stretches to required height of both image and text */
.stories-from-field img {float: left; margin:0 5px 0 0;}
.stories-from-field p.caption { padding: 5px; margin:0;}

.highlight { margin: 0 0 15px 0; background-color: #E0F0FF; border-bottom: 1px solid #69c; }
#sidebar .highlight h2 {background-color:#E0F0FF; border-top: 1px solid #69c; border-bottom: 1px solid #69c; margin-bottom: 2px; }
.highlight p {padding: 5px 5px 1.2em 5px;}
#sidebar .highlight h3 { padding: 0 0 0 5px;  font-size: 1.0em;  margin: 0; }

#sidebar ul {list-style-type: none; margin:0; padding:2px 0 0 0; }
#sidebar li {padding: 1px 0 3px 11px; background: url(../images/li_arrow.gif) 1px 5px no-repeat;}

#sidebar .date { font-size: 0.9em; margin: 0; padding: 4px 0 7px 0; }

h2.side-bar-top{
        background-color:                       #FFAA66 !important;
        border:                                 0px !important;
        margin:                                 0 0 0 0 !important;
        color:                                  #000000 !important;
        font-weight:                            bold !important;
        border-top:                             1px solid #DD6633 !important;
        border-bottom:                          1px solid #DD6633 !important;
}
div.side-bar-top{
        background-color:                       #FFAA66;
        padding:                                3px;
        margin:                                 0 0 10px 0;
        display:                                block;
        border-bottom:                          1px solid #DD6633 !important;

}

.resource-button-wrapper{
        padding:                                0px;
        margin:                                 0px;
        height:                                 24px;
}

.resource-button{
        width:                                  116px;
        background-image:                       url(/images/button-resource.gif);
        background-repeat:                      none;
        height:                                 32px;
        text-align:                             center;
        font-weight:                            bold;
        color:                                  #2a59a7;
        line-height:                            26px;
        margin-left:                            0px;
        padding-bottom:                         5px;
        /*padding-right:                                10px;*/
        text-decoration:                        underline;
        font-size:                              12px;
        border:                                 0px;
        background-color:                       transparent;
}
.resource-button:active{
        background-image:                       url(/images/button-resource-on.gif);
}
.highlight form{
        text-align:                             center;
        padding-top:                            8px;
}