body {
text-align:left;
font-family:verdana,helvitica,sans-seriff;
background:url(BG/bg-left-panel.jpg)repeat-y;
}


#headWrapper{
width:90%;
margin-left:0%;

}

#header{


}




#logo{
margin:4px 4px 4px 4px;


}


#mission{
float:left;
margin-top:-70px;
margin-left:70%;
position:absolute;
padding-right:30px;
color:#336699;
font-size:12px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;

}

#soShall{
position:absolute;
margin-left:225px;
margin-top:-100px;
color:#993366;
font-size:12px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;


}



#date{
float:right;
margin-top:-30px;
margin-left:75%;
color:#663399;
font-size:10px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;

}




#sectionLinks{
	margin: 0px;
	padding: 0px;
background-image:url(BG/bg-left-panel.jpg);
background-repeat:repeat-y;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}



#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 260px;
	border-left: 0px solid #ccd2d2;
        color:#000000;
        font-size:12px;
        font-weight:400;
        font-family:verdana,helvitica,sans-seriff;



}

#pageNav{
	float: left;
	width:250px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color:#000000;
        font-size:12px;
        font-weight:400;
        font-family:verdana,helvitica,sans-seriff;


}


#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}




#wrapper{
width:800px;
margin-left:0;
border:1px solid #f1f1f1;
background-image:url(BG/bg-header.png);
background-repeat:repeat-x;
}


#wrapper-end-right{
background-image:url(BG/bg-right-border);
background-repeat:repeat-y;
float:right;
margin-top:0px;
position:relative;
height:1200px;
z-index:-1000;
}



a:link, a:visited{
text-decoration:none;
}

a:hover{
color:#ff0000;
text-decoration:underline;
background-color:#cccccc;

}

a:active{
color:#fff000;
background-color:996633;

}

#li .active
{background:url(BG/bg-left-panel-links.gif) no-repeat;}

.active
{background:url(BG/bg-left-panel-links.gif) no-repeat;}

#center-panel{
margin-left:250px;
border-left: 1px solid #cccccc;
}

#center-panel img{
float:left;
width:350px;
height:300px;


}





.feature{
	padding: 0px 0px 10px 10px;
	font-size: 12px;

	min-height: 300px;
	height: 300px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}



.promise h3{
padding-left:4px;
font-size:1.4em;
font-weight:500;
font-family:verdana,helvitica,sans-seriff;

}

#feature1 img{

float:right;
margin-right:2%;
}

#feature1 h3{
float:left;
}
#feature1{
text-align:left;
color:000000;
font-size:12px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;
}







#footer {

text-align:left;
color:#000000;
font-size:12px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;

}


#footer a:link, #footer a:visited {

text-align:left;
padding-left:10px;
color:#0000ff;
font-size:12px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;
text-decoration:none;
}

#footer a:hover{

text-align:left;
padding-left:10px;
color:#ff0000;
font-size:12px;
font-weight:400;
font-family:verdana,helvitica,sans-seriff;
text-decoration:underline;
background-color:#ffffff;
}



#sectionLinks ul li ul{
float:left;
display:block;

}

#sectionLinks li {
list-style-type:none;
width:200px;
white-space:none;
}


.active

{background:url(BG/bg-left-panel-links.gif) no-repeat;}





.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}
 
.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}
 
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 12px Verdana,helvitica,sans-seriff;
margin: 10px 0;

}
 
 
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}
 
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: blue;
}
 




//-->