* { margin: 0; padding: 0; font-family: Tahoma, Helvetica, sans-serif; font-size: 100%;}
html, body { background: url(../img/bg-main.jpg) left top repeat-x #F4F4F4; }

#main { width: 900px; overflow: hidden; margin: 0 auto; padding-bottom: 15px; }
#header { position: relative; width: 890px; background: url(../img/header.jpg) left top no-repeat; padding-left:10px; padding-top:16px; }
#main-middle-col { width: 880px; background: #ffffff; overflow: hidden; padding: 8px 10px 0px; }
#topnav_img { width: 200px; height: 16px; background: url(../img/top_nav_bk.jpg) left top no-repeat; }

#main-middle-col #left-col { position: relative; float: left; width: 200px; }
#main-middle-col #middle-col { position: relative; float: left; width: 494px; margin-left: 8px; }
#main-middle-col #right-col { position: relative; float: left; width: 170px; margin: 0px -5px 0px 8px; }

a { color: #007D03; font-weight:bold;  }
a:hover { text-decoration: none; }
p a { font-size:12px; }
.right { float:right !important;}
.left { float:left !important;}

#header div.banner {position:absolute; top:15px; left:218px; width: 494px; height:211px; padding:0px; margin:0px;}
#header div.banner a{position:absolute; top: 108px; left: 327px;}
#header div.authenticatedbanner {position:absolute; top:15px; right:10px; width: 140px; padding:15px; color: White; font-size:70%;  }
#header div.authenticatedbanner ul { text-align: left; margin-bottom: 10px; padding-top: 0px;}
#header div.authenticatedbanner ul li{ color:#fff; list-style:none; margin-top:0px; background: url(../img/arrow.gif) left center no-repeat; padding-left:15px; line-height:14px; margin-bottom: 5px;}
#header div.authenticatedbanner a { color:#fff; font-weight:normal;  }
#header div.authenticatedbanner a.other {margin-left: 15px; clear: both; display:block;}
#header div.authenticatedbanner h2 {font-size:110%; font-weight:normal; margin-bottom: 10px; padding-bottom: 5px; background: url(../img/line_border.jpg) left bottom no-repeat; padding-top: 5px;}
#header div.authenticatedbanner h2 span {font-weight:bold;}
#header div.authenticatedbanner h3 {margin-bottom: 5px; font-size: 100%;}
#header div.authenticatedbanner input {margin-top: 10px; margin-left: 10px;}
#header a.authenticatedbanner {position:absolute; top:15px; right:10px;}

#header div.authenticatedbanner div.account {position: absolute; top: 170px; overflow:hidden; }
#header div.authenticatedbanner div.account a {float: left;}
#header div.authenticatedbanner div.account input {float: left; margin-top: 0px!important;}

.padding_left { padding-left:15px; }
.padding_bottom { padding-bottom:30px; }

/*....................Left Navigation .........................*/

#button {
    position:relative;
	background:#044493;
	width: 180px;
	font-size: 70%;
	overflow: hidden;
	background: url(../img/bk_bottom_nav.jpg) left bottom no-repeat #044493;
	margin-bottom: 8px;	
	padding: 0px 10px 20px 10px;
	}


/* Latest Version of menu */
#button ul { list-style: none; border-top:1px solid #4585d4; border-bottom:1px solid #02306a; }
#button ul li { border-top: 1px solid #02306a; border-bottom: 1px solid #4585d4; }
#button ul li.CMSListMenuHighlightedLI { background: url(../img/bk_active_selec.jpg) top left no-repeat; }
#button ul li a { background: url(../img/arrow.gif) 4px 9px no-repeat; display: block; color: #ffffff; text-decoration: none; padding: 5px 0px 5px 14px; }
#button ul li a:hover { background: url(../img/bk_active.jpg) -2px -2px no-repeat; }
#button ul li.CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted { background: url(../img/arrow2.gif) 4px 9px no-repeat; }

#button ul li ul { padding-left: 10px; border-bottom: none; }
#button ul li ul li.last { border-bottom: none; }









/*....................end Navigation .........................*/

div#quick_search  {
 position:relative;
 overflow: hidden;
 margin-bottom: 8px;
 background: url(../img/quich_search.jpg) left top no-repeat ;
 width:200px;
 height:86px;
}

div#quick_search h2 { font-size: 75%; color: #ffffff; padding: 7px 0px 0px 30px; }
div#quick_search ul {list-style: none; margin-top: 20px; }
div#quick_search ul li { overflow: hidden; padding-left: 7px;}

div#quick_search ul li input.button {
 background: url(../img/go.jpg) left top repeat-x;
 width:37px;
 height:23px;
 border: none;
 font-size: 80%; 
 color:#FFFFFF;
 float: left;
 margin: 1px 0px 0px 10px;
 font-weight: bold;
}


div#quick_search li input.text {
 border: none;
 margin: 2px 0px 0px 7px;
 float: left;
 background: url(/img/blank.gif) left top;
 color:#666;
 width: 126px;
 height: 19px; 
 font-size: 70%;
 padding: 3px 3px 0px;

}


/*...............For all Features ......................*/
div.feature {position:relative; margin-top:0px; margin-bottom:10px; text-align: center;}
div.feature h2{height:24px; font-size:75%; color:#FFFFFF; padding-left:14px; padding-top:7px; text-align: left;}
div.feature p{ padding-left:10px; padding-top:8px; color:#666666; font-size:70%; text-align:left; font-weight:normal; margin-bottom: 5px;}
div.feature p strong { color:#007D03; }
div.feature a { font-size: 70%; background: url(../img/arrow_news.gif) 0px 5px no-repeat ; padding-left:10px; margin-left: 10px; color:#044493; text-decoration:none; font-weight:bold; text-align:left!important; display: block; }
div.feature a:hover { color:#007D03; text-decoration:none;  font-weight:bold;  }

/*...............Right Column Feature ......................*/
#right-col div.feature h2{ background: url(../img/green_tap_pro.jpg) left top no-repeat; }


/*...............Left Column Feature ......................*/
#left-col div.feature h2{ background: url(../img/new_tape.jpg) left top no-repeat; }

/*....................Contant area box on the top .........................*/
#content_top { overflow: hidden; position: relative; width: 494px; height: 13px; background: url(../img/text_top.jpg) left top no-repeat; }
.box_bottom {  overflow: hidden; position: relative; width: 494px; height: 13px; background: url(../img/text_bottom.jpg) left top no-repeat; }


/***** ALL CONTENT IS CONTAINED WITHION A BOX TOP DIV ******/
.box_top{ overflow: hidden; position:relative; width: 462px;  background-color:#ffffff ; border-left:#B3B3B3 1px solid ; border-right:#B3B3B3 1px solid;  padding: 0px 15px 10px 15px; font-size:70%; }
.box_top p{margin-bottom:10px; color:#666666; }
.box_top p.highlight { color: #004478; font-weight:bold;}
.box_top a {font-size: 100%;}

.box_top h1 {color:#004478; font-size: 170%; font-weight:normal; text-align:left; font-weight:bold; text-decoration: none; margin-top: -5px; background: url(../img/break_dont_line.gif) repeat-x bottom left; padding-bottom: 8px; margin-bottom: 10px;}
.box_top h1 span{color:#007D03; font-weight:normal; }
.box_top h2 {color:#004478; font-size:170%; padding-left:15px; margin-top:15px; margin-bottom:15px; background: url(../img/square.gif) 0px 8px no-repeat;}
.box_top h3 { font-size:125%; color:#007D03;  margin-bottom: 10px;}
.box_top h4 { font-size:110%;  margin-bottom: 5px;}

.box_top ul {list-style:none; margin-bottom: 15px; margin-left: 15px;}
.box_top ul.notindented {margin-left: 0px!important;}
.box_top ul li { color:#666666;  padding: 0px 15px 0px 8px; background: url(../img/arrow_news.gif) 0px 3px no-repeat; margin-bottom: 8px;}
.box_top ul.linebreak { background: url(../img/break_dont_line.gif) repeat-x bottom left; padding-bottom: 15px;}
.box_top ul li strong { color:#007D03; }

.box_top div.searchbox { margin-bottom: 10px; padding-bottom: 10px; background: url(../img/break_dont_line.gif) repeat-x bottom left;}

/*....................How we can help box .........................*/
#help_box {  position:relative; margin-top:8px; width:494px; }
#help_box h2{

 height:27px;
 background: url(../img/help_tab.jpg) left top no-repeat ;
 font-size:105%;
 color:#FFFFFF;
 padding-left:14px;
 padding-top:2px;
 font-weight:bold;

}
/*....................end  how we can help box.........................*/

.grey_box {
background: url(../img/grey_box.jpg) left bottom no-repeat ;
padding-left:0px;
width:441px;
padding: 15px 15px 10px 15px;
margin-left:-5px;
position:relative;
height: 1%;
}

.grey_box_content { overflow: hidden; margin-bottom: 15px; clear:both;  }
div.grey_box_content div.left { width:280px; margin-left:15px; }
div.grey_box_content div.left h3 { font-size:170%; font-weight:normal; color:#004478; margin: -4px 0px 6px 0px; }
div.grey_box_content div.left li{ font-weight:bold; }
div.grey_box_content h4{ font-size:140%; color:#007D03; margin-bottom:5px; }
div.grey_box_content p.date{ font-weight: bold; margin-bottom: 5px; padding: 0px;}
div.grey_box_content p.summary{ font-weight: bold; }
div.grey_box_content img.main { float:left; margin-bottom: 5px; margin-right: 10px;}

/* Border round images total 133 px wide : img = 119 wide 
div.grey_box_content div.square_box_133 { float:left; padding: 0px 0px 7px 0px; background: url(../img/box_bottom_133.jpg) left bottom no-repeat #E8E8E8;}
div.grey_box_content div.square_box_133 div.di_top_box { position: relative; background: url(../img/box_top_133.jpg) center top no-repeat; height:7px; width:133px; }
div.grey_box_content div.square_box_133 img {margin: 0px 0px 0px 7px;}
*/

div.top_logo { background:url(../img/top_logo.jpg) left top no-repeat; height:4px; width:69px;  }
div.bottom_logo { background:url(../img/bot_logo.jpg) left bottom no-repeat; height:4px; width:69px;   }

/*....................directory.........................*/
#directory { margin-top:10px; }
#directory ul { list-style: none; }
#directory ul li { overflow: hidden; clear: both; background: url(../img/break_dont_line.gif) repeat-x top left; padding-top: 7px; padding-bottom: 10px; }
#directory ul li div.logo_box { float: left; width: 69px; }
#directory ul li div.logo_box img { border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; padding: 3px 3px 3px 4px; }
#directory ul li div.left { width: 80px; margin-left: 5px; }
#directory ul li div.left p a { background: url(../img/arrow_news.gif) 0px 5px no-repeat; padding-left: 8px; font-size: 100%; color:#044493; text-decoration:none;}
#directory ul li div.left p a:hover {  color:#007D03; }

#directory h2 { font-size:75%; color:#007D03; font-weight:bold; background: url(../img/arrow_di.gif) 0px 5px no-repeat; padding-left: 8px; margin-left:2px; margin-bottom: 7px; }
#directory h3 {  color:#044493; font-weight:bold; margin-bottom:8px; font-size: 70%; }
#directory ul li div.left p { padding-left: 8px; font-size:70%; color:#666666; text-decoration:none; padding-bottom:10px;}



/*......................................this is for the directory/listing page..................*/
div.di_search_bar {  background:url(../img/directory_search.jpg) center top no-repeat; height:37px; width:472px; margin-left:-5px; overflow: hidden;}
div.di_search_bar label { font-size: 110%; color:#FFFFFF; padding-top:10px;  float: left; font-weight:bold; padding-left:11px; padding-right:10px; }
div.di_search_bar input { float: left; }
div.di_search_bar input.text { border:none; width:150px; color:#666666; margin-top:10px; margin-left:5px; background:none; height:18px; padding-right:7px;}
div.di_search_bar input.button { background:url(../img/directory_button.jpg) center top no-repeat;  font-weight:bold; color:#FFFFFF; height:26px; width:43px; border:none; margin-top:4px; padding-bottom:4px; }

#category_box { background-color:#F7FBF7; border-left: 1px solid #D0CECF ;  border-right: 1px solid #D0CECF; width:450px; margin-left:-5px; overflow:hidden; padding: 10px 10px 0px 10px; }
#category_box ul {  margin-left:0px; margin-bottom: 5px; overflow: hidden; }
#category_box ul li{ overflow: hidden; float: left; width: 180px;  padding-left:30px; margin-bottom:5px; margin-top:5px;  }
#category_box p { color:#037F06; font-weight:bold; overflow:hidden; }
#category_box  h3{ font-size:105%; color:#037F06; font-weight:bold; margin-bottom: 5px; }
#category_box  h3 span{ color:#004478; font-weight:bold; }
#category_box li.CMSListMenuLI { background: url(../img/arrow_news.gif) 20px 4px no-repeat; } 

#category_box_bottom {background:url(../img/bottom_di.jpg) center bottom no-repeat; width:472px;  height:15px; margin-left:-5px; margin-bottom: 15px; }

/* ------------ A company -------*/
.companies {background: url(../img/grey_box.jpg)  bottom no-repeat; margin-left:-5px; width:471px; padding-bottom:15px; margin-bottom: 15px;}
.companies_content { padding-left:15px; overflow: hidden;}
.companies_content h3 {font-size: 110%; color:#007D03; padding-left:10px; padding-bottom:15px; background: url(../img/arrow_di.gif) 0px 4px no-repeat ; margin-bottom: 0px;}
.companies_content h3 span{ color:#004478; }
.companies_content p {margin-bottom: 5px;}
.companies_content div.left { width: 300px; padding-left: 15px; color:#666; }

/* Border round images total 114 px wide : img = 100 wide */
div.logo_square_box { float:left; padding: 0px 0px 7px 0px; background: url(../img/di_box_bottom.jpg) left bottom no-repeat #E8E8E8; }
div.logo_square_box div.di_top_box { position: relative; background: url(../img/di_box_top.jpg) center top no-repeat; height:7px; width:114px; }
div.logo_square_box img { margin: 0px 0px 0px 7px;}









.contact_details { border-top: 1px solid #DADADA; color:#004478; margin-top:15px; padding-top:10px; line-height:20px;  }
.contact_details strong { font-weight:bold; color:#037F06; }
.contact_details span { padding-right:20px; }



/*...........................Contact us page..................................*/
ul.contact-form {margin-left: 0px;}
ul.contact-form li { margin-bottom: 25px; }
ul.contact-form li label { color:#007D03; font-weight:bold; display: block; margin-bottom: 10px;  }
ul.contact-form li input { padding: 2px; font-size: 110%; }
ul.contact-form li textarea { padding: 2px; font-size: 120%; }
ul.contact-form li.nobullet { background-image: none; padding-left: 0px; }
div#map { width: 400px; height: 400px; position: relative; }


/*....................footer .........................*/

#footer { background: url(../img/footer.jpg) 0px 0px no-repeat; color:#FFFFFF; width:900px; height:80px; clear:both; }
#footer p { color:#ffffff; font-size: 70%; padding-top:32px; padding-left:20px; padding-right:20px;}
#footer p a { color:#ffffff!important; font-weight: bold; font-size: 100%;}


/* Download files section */
div.download li { color:#004478!important;  padding: 0px 0px 0px 40px; height: 1%; background: url(../img/general_icon.jpg) left top  no-repeat ; margin-bottom: 10px;}
div.download li.doc { background: url(../img/word_icon.jpg) left top no-repeat !important;}
div.download li.xls { background: url(../img/excel_icon.jpg) left top no-repeat !important; }
div.download li.pdf { background: url(../img/pdf_icon.jpg) left top  no-repeat !important; }
div.download li.ppt { background: url(../img/powerpoint_icon.jpg) left top  no-repeat !important; }

div.download h3 { margin-bottom: 5px; }
div.download h3 span{ color:#007D03; }
div.download p { color:#666; background: url(../img/break_dont_line.gif) left bottom repeat-x ; padding-bottom:15px; }

 
/*....................General Content Managed stuff .........................*/
div.itemtext {padding: 0px 0px 10px 0px;}
div.itemtext table { border: 1px solid #888888; margin-bottom: 10px;}
div.itemtext table td, div.itemtext table th {padding: 2px;}
div.itemtext blockquote {margin: 0px 10px 10px 10px; font-style:italic;  }
div.itemtext p.who {margin-left: 10px; margin-right: 10px; font-weight: bold; padding-bottom: 10px; background: url(../img/break_dont_line.gif) left bottom repeat-x ; }

div.EventManagerRegistration span.EventManagerRegError {color: Red; margin-bottom: 10px; font-weight: bold; display: block;}

/*--- Forms , in particular the login form ---*/

div.login, div.register {margin-bottom: 20px; }
div.login table{width:100%;}
ul.form {margin-left: 0px; background: url(../img/break_dont_line.gif) left bottom repeat-x; padding-bottom: 5px;}
ul.form li { margin-bottom: 10px; }
ul.form li label { float: left; color:#007D03; font-weight:bold; margin-right: 10px; width:150px; }
ul.form li span.label{ float: left; color:#007D03; font-weight:bold; margin-right: 10px; width:150px; }
ul.form li input { padding: 2px; font-size: 110%; margin-right: 10px;}
ul.form li textarea { padding: 2px; font-size: 120%; }
ul.form li.nobullet { background-image: none; padding-left: 0px; }

div.message, span.errormessage {margin-bottom: 10px; color: #ff0000; font-weight: bold; display:block; }


/*---------Events---------*/
div.event { margin-bottom:5px; margin-top:0px; background: url(../img/break_dont_line.gif) left bottom repeat-x; padding-bottom: 10px; }
div.event h2 {font-size: 130%; background: none;  padding: 0px; margin-bottom: 5px;}
div.event p {margin-bottom: 5px;}
div.event b {float:left; width: 100px; clear: both;}
div.event p.book {margin-top: 5px; font-weight: bold;}

/* ------------------News -------------*/

div.grey_box_content img.newsdetail {float: left; margin: 0px 10px 5px 0px;}