/* CSS Document for uniconn */

/*initial setup for page..................................................*/

body,td,th, p {
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #555;
	
}
body {
	background-color: #ffffff; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
}
a { 
	color: #57BA00;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #57BA00;
}
a:hover {
	text-decoration: none;
	color: #bb2227;
}
a:active {
	text-decoration: none;
	color: #57BA00;
}


/*resets..................................................*/

a, b, p, h1, h2, h3, h4, h5, h6  {
	margin:0; padding:0;
}

input, textarea {

	width:280px;
	
}
#showsecond input, #showsecond textarea {

	width:120px;
	
}


/*wrappers or/and containers..................................................*/

#wrapper{
	width:950px; height:auto; 
}

#leftcol{
	width:175px;
	float:left; 
	background:#ffffff url(i/leftcol_logo.jpg) top left no-repeat;
	padding-top:131px;
}

#midcol{
	width:380px;
	float:left;
	background:#FFFFFF;
	margin:20px;
	margin-top:14px;
}

#rightcol{
	width:330px;
	float:left;
	background:#FFFFFF;
	margin-top:10px;
}


#footer{
clear:both;
	width:910px;
	float:left; 
	padding-top:30px;
}



 
 

/*leftcol..................................................*/

#leftcol ul{
	height:auto; width:auto;
	background:transparent;
	margin:0; padding:0;
	padding-left:30px;
}

#leftcol ul li{
	height:auto; width:auto;
	padding:2px;
	margin-left:-20px;
	border-left:20px solid #FFFFFF;
	margin-bottom:1px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#000000; 
	 display:block;
	 
	list-style:none;
	margin-right:6px;
	background-color:#FFFFFF;
	
	
}

#leftcol ul li.selected {

	border-left:20px solid #B8E592;
}



#leftcol ul li a{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#000000;
	border-bottom:1px solid #57BA00; 
	display:block;
	width:100%;
}
 
#leftcol ul li a:hover{ 
	color:red;
}
 
 #leftcol ul li ul{
	height:auto; width:auto;
	background:transparent;
	margin:0; padding:0;
	padding-left:10px;
}

 
#leftcol ul li ul li{
	height:auto; width:auto;
	padding:2px;
	margin-left:0px;
	border-left:0px solid #FFFFFF;
	padding-left:0px;
	margin-bottom:1px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#808080; 
	 display:block;
	 
	list-style:none;
	margin-right:0px;
	background-color:#ffffff;
	
	
} 
 
 
 #leftcol ul li ul li a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#808080;
	border-bottom:1px solid #57BA00; 
	display:block;
	width:100%;
}
 
 
 
 #leftcol h3 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #57BA00;
	padding-top:6px;
	padding-left:30px;
}
 #leftcol p {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #808080; 
	padding-left:30px;
	padding-bottom:5px;
}
 
/*midcol..................................................*/
 
 
#midcol h1 {
	color: #57BA00;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:  5px 0 5px 0;
	
} 
   
#midcol h2 {
	color: #57BA00;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:  5px 0 5px 0;
	
} 
     
#midcol h3 {
	color: #57BA00;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:  5px 0 5px 0;
	
} 
  
#midcol p {
	color: #000000;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:  5px 0 5px 0;
	line-height:1.4;
	
} 
 
#midcol ul {
	color: #000000; 
	padding:  0px 0px 0px 30px;
	margin:  0px 0px 0px 0px;
	
} 
#midcol ul li {
	color: #000000;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:  2px 0 2px 0;
	
} 
 
 
 
/*rightcol..................................................*/
 
 
#rightcol .highlight {

	border-bottom: 1px solid #b0b0b0;
	padding-left:104px;
	height:105px;

} 
 #rightcol  h3 {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #57BA00;
	padding-top:6px;
	padding-left:20px;
}
#rightcol .highlight h3 a, #rightcol .highlight h3 a:link, #rightcol .highlight h3 a:visited, #rightcol .highlight h3 a:active { 
	color: #57BA00; 
}
 #rightcol  p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #808080; 
	padding-left:20px;
}
 
 #highlight_services {		background:#ffffff url(i/rightcol_midgeater.jpg) top left no-repeat;} 
 #highlight_technologies {	background:#ffffff url(i/rightcol_pizza.jpg) top left no-repeat;} 
 #highlight_facilities {	background:#ffffff url(i/rightcol_lab.jpg) top left no-repeat;} 
 #highlight_forecast {		background:#ffffff url(i/rightcol_forecast.jpg) top left no-repeat;} 

#rightcol .highlight h3 {
	padding-left:0px;
}
 
#rightcol .highlight p {
	padding-left:0px;
}
 
#rightcol .highlight a, #rightcol .highlight a:link, #rightcol .highlight a:visited, #rightcol .highlight a:active   { 
	color: #808080;
}
 
#rightcol .highlight a:hover {
	text-decoration: none;
	color: #57BA00;
}
 
  
#rightcol .highlight a strong { 
	color: #57BA00;
}
 
 
 
 
 
 
 
 
.clearing{
	clear:both;
}