/* Global Reset *******************************************************************************************************/
* { margin: 0; padding: 0;}

/* Body ***************************************************************************************************************/
body { font-size: 62.5%; /* for ems */ text-align: center; margin: 0; background:url(images/bg.jpg) no-repeat #fff center top; }

#wrapper { text-align: left; margin-left: auto; margin-right: auto; width: 900px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #fff; } 

/* Search box *********************************************************************************************************/ 
#searchbar { height: 33px; background-image: url(images/searchbar2.jpg);}
#searchbar ul { list-style: none; margin: 0; padding-top: 4px;}
#searchbar li { display: inline; padding-right: 8px; margin-left: 6px;}
#searchbar li a:link, #searchbar a:visited { font-weight: bold; font-size: 1em; color: #fff; text-decoration: none;}
#searchbar a:hover { color: #fff; text-decoration: underline; }
#searchbar form {float:right; height: 26px; width: 230px; border: solid 1px #aaa; background:#fff; margin-top: -15px;}
#searchbar-query { float:left; border:none; padding: 8px 0 0 5px; margin: 0px; width: 190px; font-size: 1.3em; background: #fff; color: #999;}
/*#searchbar-query { float:left; margin: 5px 3px 0 2px; width: 210px; height: 25px; border:none; font-size: 1.3em; background: red; padding: 0px;}*/
#searchbar-submit { float:right; width: 28px; height: 32px; background: url(images/search_button.png) no-repeat top right transparent; border: none; cursor:pointer; }
/* Header *********************************************************************************************************/
#header { height: 72px; background-image: url(images/pagetop.jpg); } 
/* #header a, #header a:visited { text-decoration: none; color: #000; }*/
/* #header span { display: none; position: absolute; }*/
/* #header a:hover span { display: block; }*/
/* #header span { no-repeat; width: 59px; height: 24px; top: 67px; left: 304px; background: url(images/home.gif)}*/
img.logo { margin-top: 0; border: 0px; float: left; }
p.tagline { float: right; margin: 28px 15px 0 0; font-size: 1.6em; font-weight: bold; color: #fff; }

/* Content  *********************************************************************************************************/ 
#content { margin: 10px 0 10px 0; width: 100%; height: 200px; float: left; background: #fff; } 

#carousel_box { margin: 0; width: 536px; height: 200px; float: left;} 

/***ul and li stying for carousel styling*******/
.ul jCarouselLite {overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 20px; width: 310px;}
.li lite {padding:10px;}

#welcome { margin: 0 10px 0 0; width: 352px; height: 100%; float: left; }
p.wel { font-size: 1.2em; line-height: 24px; margin: 0; padding: 5px 0 0 5px; color:#336699; }
p.login { font-size: 1.2em; line-height: 24px; margin: 0; padding: 5px 0 0 5px; color:#404040; }

#welcome a:link, a:visited { color: #336699; text-decoration: underline;}
#welcome a:hover { color: #6699cc; text-decoration: underline; } 

/* carousel  *********************************************************************************************************/
#wrap { clear:left; height:190px; width:537px; display:block; overflow:hidden; position:relative; }
/*#carousel { width:10000px; margin:0; padding:0; position:absolute; top:0; left:0; }
#carousel li { height:190px; width:537px; margin:0; padding:0; float:left; display:inline; }
#previous, #next { display:block; height:10px; text-indent:-4000em; margin:0 0 13px; cursor:pointer; }
#previous { float:left; width:65px; }
#next { float: right; width:55px; }*/
#container { width:537px; height:210px; /*background:url(../images/topbox.jpg) no-repeat top left; padding:0; margin:0;*/}
img.carousel { border: 0px; }
	
/* Menu area *********************************************************************************************************/
#menu { width: 100%; background: #fff; } 

#menu a:link, #menu a:visited { color: #fff; text-decoration: none;}
#menu a:hover { color:#363636; text-decoration: underline; }

#menu img { margin: 0; border: 0; } 
#col_one, #col_two, #col_three, #col_four, #col_five { width: 172px; height: 100%; float: left; }
.mem, .tech, .randd, .know, .about { font-size: 1.4em; font-weight: 600; text-align: center; margin: 0 0 0 0; padding: 4px 0 4px 0;} 

#col_one { margin-top: 10px; background: #339933; }
.mem { color: red;  background: #fff url(images/members.gif) top; } 
#col_two { margin: 10px 0 0 10px; background: #cc6600;}
.tech { color: #ffcc99; background: #fff url(images/technical.gif) top; }
#col_three { margin: 10px 0 0 10px; background: #9900cc;}
.randd { color: #99cc99; background: #fff url(images/randd.gif) top; } 
#col_four { margin: 10px 0 0 10px; background: #cc3333;}
.know { color: #cc9999; background: #fff url(images/knowledge.gif) top; } 
#col_five { margin: 10px 0 0 10px; background:#3366cc; }
.about { color: #cc99ff; background: #fff url(images/bri.gif) top; } 

/* Content 1 *******************************************************************************************************/ 
#content1 { margin: 10px 0 10px 0; width: 100%; height: 100%; float: left; background: #fff; }
#content1 hr { height: 1px; color: #cccccc; }

#content1 li { margin: 5px 0 0 40px; font-size: 1.1em; }
#content1 li a { clear: left; padding: .2em; }

#box_one { margin: 0 10px 0 0px; width: 170px; height: 245px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom;}
#box_one img { margin: 2px; padding: 3px; border: 0; float: left; border: solid #e3e3e3 1px; }

/*T R B L**/
#box_two { margin: 0 10px 0 0px; width: 358px; height: 245px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom;}
#box_two img.left { padding: 5px; border: solid #e3e3e3 1px; float: left; } 
#box_two img.right { padding: 5px; border: solid #e3e3e3 1px; margin: -15px 5px 0 0; float: right; } 


#box_three { width: 352px; height: 245px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom;}
#box_three img.left { padding: 5px; border: solid #e3e3e3 1px; float: left; }
#box_three img.right { padding: 5px; border: solid #e3e3e3 1px; margin: -42px 5px 0 0; float: right; } 
#box_three p.box { font-size: 1.1em; line-height: 1.6em; margin: 0 5px 0 85px; padding: 5px; color: #666; }


#content1 a:link, #content1 a:visited { color: #336699; text-decoration: none;}
#content1 a:hover { color: #000099; text-decoration: none; }

#content1 a:link.small, a:visited.small { font-size: .9em; color: #336699; text-decoration: none; }
#content1 a:hover.small { font-size: .9em; color: #000099; text-decoration: none; }
p.box { font-size: 1.1em; line-height: 1.6em; margin: 0 5px 0 85px; padding: 5px; color: #666; }

/* Fonts *********************************************************************************************************/
h1, h2, h3, h4, h5 { font-family: verdana, sans-serif; font-weight: lighter; margin: 0 0 0 0; color: #336699;}
h1 { font-size: 2.6em; padding: 0 25px 25px 5px; color: #000;}
h2 { font-size: 1.6em; padding: 5px; background: #e3e3e3; font-weight: 600;}
h3 { font-size: 1.3em; padding: 5px; color: #6699cc;}
p { font-size: 1.1em; line-height: 1.6em; margin: 0; padding: 5px; color: #666; }


/* Footer *********************************************************************************************************/ 
#footer { margin-top: 1px; padding: 10px 5px 10px 5px; height: 170px; background: #666; background: url(images/footer-background.jpg) repeat-x top left;} /* gradient background image added by DF 12 Aug 09 ****/
#bot_nav { float: left; width: 900px;}
#bot_nav .column { float: left; width: 145px; }
#bot_nav li { display: block; list-style: none; font-size: 1.1em; }
#bot_nav li a { display: block; clear: left;padding: .4em; font-weight: normal; color: #d7eaf3; text-decoration: none; }
#bot_nav li li a { padding-left: 10px; font-size: .81em; line-height: 1em; font-weight: normal; color: #fff; }
#bot_nav li a:hover { text-decoration: underline; color: white; }

/*top quick menu drop down menu with transparency*******************************/
#jsddm {position: absolute; width: 135px; list-style:none; margin:0; left: 56.5%; display:block; font-size: 1.1em; z-index:3;}

#jsddm li {	display:block; list-style:none; }

#jsddm li a { display: block;  padding: 8px 15px; font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; width: 96px; color: #000; white-space: nowrap; background: transparent; }/*background: url(images/dropdown1.gif) no-repeat right;*/

#jsddm li a:hover {	background-color: #fff; background: transparent;}	/*background: url(images/dropdown1.gif) no-repeat right;*/

#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border: 1px solid #48a1c9;}	
#jsddm li ul li {float: none; display: inline;}		

#jsddm li ul li a {	width: auto; background:url(images/buttonon.png); color: #fff; font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
			
#jsddm li ul li a:hover {background:#206786; text-decoration: none;}/*hoover over color*/
/* drop down box *********************************************************************************************************/