/* CSS Document */
body{padding:0px; margin:0px; background:#d1cdd6 url(../images/b_body.jpg) 0 0 repeat-x ; color:#848484; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#2bcade; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{margin:0; margin-bottom:20px; padding: 0; text-align:left; text-transform: uppercase; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41; font-weight:bold}

.title{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:24px/28px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}

.subtitle{font:10px/12px Tahoma, Geneva, sans-serif; color:#42a3a5;}

#container{width:1018px; height:500px; margin:0 auto}
#footer{margin:0 auto; height:70px; background:url(../images/footer_b.jpg) 0 0 no-repeat; }

#footer p{padding: 25px 0 0 0; font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#58545b;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#58545b; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#58545b}


/* HEADER */

#header{width:1018px; height:124px;  position:relative; background:#fff url(../images/headbar.jpg) 0 0 no-repeat ; }

#header img#logo{
	position:absolute;
	top:11px;
	left:95px
}

#header img#slogan{
	position:absolute;
	top:46px;
	left:929px
}

#header p.slogan{
	position:absolute;
	top:55px;
	left:755px;
	width:170px;
	height:22px;
}
#header .slogan a{font:14px/18px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none;}
#header .slogan a:hover{text-decoration:none;}


/* CONTENT */

#content{width:1021px; position:relative; margin:0 0 0 0}
#leftPan{width:508px; height:582px; position:relative; margin-top:2px; float:left; background-color:#eeecf1}
#rightPan{width:513px; height:582px; position:relative;margin-top:2px; float:left; background:url(../images/textbgd.jpg) 0 0 no-repeat}

ul.btn_more{width:72px; height:18px; background:url(../images/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_more li a:hover{text-decoration:underline;}

#welcome{margin-bottom:0px}
#welcome h2{height:57px; margin-top:30px; position:relative; background:url(../images/bappointment_h.png) 0 0 no-repeat; }
#welcome p.subtitle{margin-left:2px; margin-bottom:18px}
#welcome img{float:left; margin-left:9px}
#welcome p#wel_text{float:left; width:490px; text-align:center; margin-bottom:10px; margin-left:10px; padding-top:10px; font:18px/20px Georgia, "Times New Roman", Times, serif; color:#3f3d41}
#welcome div.list, #welcome div.list2 { position:relative; margin:0; float:left; width:200px}
#welcome ul{margin-left:7px}
#welcome ul li{font:23px/35px Georgia, "Times New Roman", Times, serif; color:#3f3d41; padding-left:15px;}
#welcome ul li a{color:#3f3d41; text-decoration:none;}
#welcome ul li a:hover{color:#3f3d41; text-decoration:none;}

#welcome a{color:#122831; text-decoration:none; font:18px/20px Georgia, "Times New Roman", Times, serif; color:#802989}
#welcome a:hover{color:#122831; text-decoration:underline;}


#achievements{width:510px; margin-right:5px; margin-bottom:0px}
#achievements h2{height:19px; position:relative; background:url(../images/h_achievements.gif) 0 0 no-repeat; }
#achievements p.subtitle{margin-left:2px; margin-bottom:18px; text-align:center;}
#achievements img{float:left; margin-right:9px}
#achievements p#ach_text{float:left;font:20px/24px "Times New Roman", Times, serif; width:253px; text-align:center; padding-top:3px; color:3f3d41; margin-left:135px; line-height:25px}

#achievements .clear{ height:13px}

#achievements a{color:#802989; text-decoration:none;font:14px/18px "Times New Roman", Times, serif;}
#achievements a:hover{color:#802989; text-decoration:none;}

#applications {
	position:absolute;
	margin-left:0px;
	width:359px;
	float:left;
	top: 292px;
	height: 284px;
	left: 74px;
}
#applications h2{height:19px; position:relative; background:url(../images/h_new.gif) 0 0 no-repeat; }
#applications p.subtitle{margin-left:2px; margin-bottom:18px}
#applications img{float:left; margin-right:9px}
#applications p#app_text{float:left;}

#spotlight{margin-bottom:18px; margin-left:0}
#spotlight h1{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}

#spotlight h2{height:19px; margin-top:30px; width:510px; height:166px; position:relative; background:url(../images/welcome_h.png) 0 0 no-repeat; }
#spotlight p.subtitle{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}
#spotlight img{padding:0px; margin:10px auto}
#spotlight a{color:#802989; text-decoration:none;font:22px/26px "Times New Roman", Times, serif; text-decoration:underline}
#spotlight a:hover{color:#802989; text-decoration:none;}

#spotlight div.list, #spotlight div.list2 { position:relative; margin:0; float:left; width:200px}
#spotlight div.list3 { position:relative; width:170px; float:left;}

#spotlight ul{margin-left:7px}
#spotlight ul li{font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41; background:url(../images/dot.png) 0 6px no-repeat; padding-left:15px; height:24px}
#spotlight ul li a{font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41; text-decoration:none;}
#spotlight ul li a:hover{
	color:#3f3d41;
	text-decoration:none;
	font-size: 18px;
}

#feature{margin-bottom:18px; margin-left:0}
#feature h1{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}

#feature h2{height:19px; margin-top:30px; width:510px; height:166px; position:relative; background:url(../images/welcome_h.png) 0 0 no-repeat; }
#feature p.subtitle{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}
#feature img{padding:0px; margin:10px auto}
#feature a{color:#802989; text-decoration:none;font:22px/26px "Times New Roman", Times, serif; text-decoration:underline}
#feature a:hover{color:#802989; text-decoration:none;}

#feature div.flist, #feature div.flist2 { position:relative; margin:0; float:left; width:200px}
#feature div.flist3 { position:relative; width:170px; float:left;}

#feature ul{margin-left:7px}
#feature ul li{font:22px/28px Georgia, "Times New Roman", Times, serif; color:#3f3d41; background:url(../images/dot.png) 0 10px no-repeat; padding-left:15px; height:24px; padding-bottom:15px}
#feature ul li a{font:22px/28px Georgia, "Times New Roman", Times, serif; color:#3f3d41; text-decoration:none;}
#feature ul li a:hover{
	color:#3f3d41;
	text-decoration:none;
	font-size: 22px;
}

#access{margin-bottom:18px; margin-left:0}
#access h1{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-decoration:underline; text-align:center; font:28px/32px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}

#access h2{height:19px; position:relative; }
#access p.subtitle{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}
#access img{padding:0px; margin:10px auto; margin-bottom:25px}

#access div.list, #access div.list2 { position:relative; margin:0; float:left; width:200px}
#access div.list3 { position:relative; width:170px; float:left;}

#access ul{margin-left:7px}
#access ul li{font:20px/25px Georgia, "Times New Roman", Times, serif; color:#3f3d41; line-height:65px; padding-left:0; height:24px; text-align:center}
#access ul li a{color:#3f3d41; text-decoration:none;}
#access ul li a:hover{color:#3f3d41; text-decoration:none;}

#qdel{margin-bottom:18px; margin-left:0}
#qdel h1{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:28px/32px Georgia, "Times New Roman", Times, serif; color:#3f3d41; border-bottom: #999 1px solid}

#qdel h2{height:19px; position:relative; }
#qdel p.subtitle{margin:0; margin-bottom:20px; padding: 0 25px 0 25px; text-align:center; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#3f3d41;}
#qdel img{padding:0px; margin:10px auto; margin-bottom:25px}

#qdel div.qlist, #qdel div.qlist2 { position:relative; margin:0; float:left; width:200px}
#qdel div.qlist3 { position:relative; width:170px; float:left;}

#qdel ul{margin-left:7px}
#qdel ul li{font:18px/25px Georgia, "Times New Roman", Times, serif; color:#3f3d41; line-height:65px; padding-left:0; height:24px; text-align:center}
#qdel ul li a{color:#3f3d41; text-decoration:none;}
#qdel ul li a:hover{color:#3f3d41; text-decoration:none;}

#featured{width:222px; padding:3px; border:#ededed 1px solid; position:relative}
#infeatured{background:#fbfbfb; padding-bottom:10px}
#infeatured h2{height:52px; position:relative; background:url(../images/h_featured.gif) 12px 13px no-repeat; }
#infeatured p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
.featured_topic{margin-left:15px; margin-bottom:9px}
.featured_topic img{float:left; margin-right:10px}
.featured_topic p{float:left; width:144px; line-height:12px}

.scroll-pane {
	width: 505px;
	height: 450px;
	overflow: auto;
	background: none;
	float: left;
}

#pane2 {
	height: 450px;
}

/* NEW menu::base */
.menu{
	margin-top:20px;
	position:absolute;
	background: #000 url(../images/m_bkgd.jpg) repeat-x;
	width:1018px;
	height:42px;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	top:84px;
	}
.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: #000 url(../images/m_bkgd.jpg) repeat-x;
		color:#cccccc;
		height:43px;
		display:block;
		font-weight:normal;
		line-height:40px;
		margin:0px;
		padding:0px 36px;
		padding-left:38px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: url(../images/selected.png) repeat-x;
			color:#FFFFFF;
			text-decoration:none;
			}
		
.menu ul li a.current{
	height:42px;
	background:url(../images/selected.png) repeat-x;	
}

	.menu li ul{
		filter:alpha(opacity=80);
        opacity:0.8;
		background:#242424 url(../images/submenu-bottom.png) no-repeat -4px bottom;
		display:none;
		height:auto;
		padding:0px;
		margin:-3px 0 0 1px;
		border:0;
		position:absolute;
		width:144px;
		z-index:200;
		-moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
	    -webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
        filter:alpha(opacity=80);
        opacity:0.8;
	    display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:144px;
		}
	.menu li:hover li a{
		background:none;
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:10px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background-color:#3d3a3f;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

    .menu ul ul li.last { 
    filter:alpha(opacity=80);
    opacity:0.8;
	background:none url(../images/submenu-bottom.png) no-repeat -4px bottom;
    _background:none url(../images/submenu-bottom.gif) no-repeat -4px bottom;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
	height:40px;
	}

/*****GALLERY*****/

div.img
  {
  margin:2px;
  border:0;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  color:#3f3d41;
  text-decoration:none;
  list-style:none;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:0;
  opacity:0.8;filter:alpha(opacity=80)
  }
div.img a:hover img
  {
  border:0;
  opacity:1;filter:alpha(opacity=100)
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:114px;
  margin:2px;
  }



/*****FORM******/
.cssform {height:260px}
.cssform p{
font:18px/25px Georgia, "Times New Roman", Times, serif; color:#3f3d41;
width: 300px;
clear: left;
margin: 0;
margin-left:15px;
padding: 5px 0 15px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.cssform textarea{
width: 280px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}