/* 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: #303030; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
}
a { 
	color: #2F96BF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2F96BF;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #2F96BF;
}


/*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..................................................*/

#hrow {
	width:100%;
	background:#ffffff;
	border-bottom:1px solid #808080;
	height:27px;
	display:none;
}

#wrapper{
	width:730px; height:auto; 
	margin-left:  auto;
	margin-right:  auto; 
	background:#ffffff;

}
#row_1 { 
	background:#2F96BF url(images/logoback.jpg) top left no-repeat;
	height:170px;
}

#row_2 { 
	height:240px;
}

#leftcol{
	width:415px;
	float:left;   
}
 

#midcol{
display:none;
	width:190px;
	float:left;  
}

#rightcol{
	padding-left:20px;
	padding-top:0px;
	width:260px;
	float:left;  
}


#footer{
clear:both;  
	padding-top:10px;
	padding-bottom:150px;
	padding-left:20px; 
	background:#E8E8E8;
}
#credit{background:#e8e8e8;
clear:both;   
	padding-left:20px; 
	font-size:10px;
	color:#606060;
}
#credit a{color:#606060; text-decoration:none;}



 
 

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

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

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

#midcol ul li.selected {
 
}


#midcol ul li.selected a{

	font-weight:bold;
}

#midcol ul li.selected ul li a{

	font-weight:normal;
}



#midcol ul li a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#000000; 
	display:block;
	width:100%;
}
 
#midcol ul li a:hover{ 
	color:red;
	font-weight:normal;
}
 
 #midcol ul li ul{
	height:auto; width:auto;
	background:transparent;
	margin:0; padding:0; 
	font-weight:normal;
	padding-left:5px; 
}

 
#midcol 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;
	
	
} 
 
 
 #midcol ul li ul li a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#303030; 
	display:block;
	width:100%;
}
 
 
 
 #leftcol h1 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #2F96BF;
	padding-top:16px;
	padding-left:20px;
}
 #leftcol h2 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #2F96BF;
	padding-top:6px;
	padding-left:20px;
	font-weight:normal;
}

#leftcol h3 {
	font:12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #333333;
	padding-top:6px;
	padding-left:20px;
	font-weight: bold;
}

 #leftcol p, #leftcol li {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #4b4b4b; 
	padding-left:20px;
	padding-bottom:5px;
	padding-top:10px;
	line-height:1.7;
}

#leftcol img.profile { margin:14px 14px 0 20px; width: 180px; border: 3px solid #BEE1EF; }

#rightcol img.profile { border: 3px solid #BEE1EF; }
 
/*midcol..................................................*/
 
 
    
#midcol h3 {
	color: #2F96BF;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	
	padding-top:6px;
	padding-left:10px;
	
} 
  
#midcol p {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #4b4b4b;  
	padding-left:10px;
	line-height:1.5;
	
} 
 
#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;
	
} 
 
 
#midcol img {
	border:0px;
	width:170px;
}
 
 
/*rightcol..................................................*/
 
    
#rightcol h3 { 
	
	font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #2F96BF;
	padding-top:18px;
	padding-left:10px;
	padding-bottom:4px;
	
} 
  
#rightcol p  {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color: #4b4b4b;  
	padding-left:10px;
	padding-top:10px;
	line-height:1.5;
	
} 
 
#rightcol ul {
	color: #000000; 
	padding:  0px 0px 0px 30px;
	margin:  0px 0px 0px 0px;
	
} 
#rightcol ul li {
	color: #000000;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:  2px 0 2px 0;
	
} 
 
 
 
#rightcol img {
	border:0px;
	
}
 
 
 
 
 
 
.clearing{
	clear:both;
}

#header { padding-top: 138px; clear: both; background: url(images/salos-sunesis-header.jpg) no-repeat top left; width: 730px; height: 31px; }

#banner { clear: both; width: 730px; height: 240px; }

ul#nav { padding: 0 0 0 14px; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav a { display: block; background-color: #000; color: #FFF; padding: 10px 11px; }
#nav a:hover { color: #000; background-color: #FFF; }
#nav li { float: left; }
#nav li ul { position: absolute; background: #000; width: 188px; left: -999em; opacity:.80; filter: alpha(opacity=80);  -moz-opacity: 0.8; }
#nav li ul li a { width: 188px; background-color: #FFF; color: #000; }
#nav li ul li a:hover { background-color: #E0E0E0; opacity: 1; filter: alpha(opacity=100);  -moz-opacity: 1; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#row_1 ul {
	float: left;
	list-style: none;   
	margin: 0;
	padding-top:135px;
}

#row_1 a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding:4px; 
	font-size:11px;

}

#row_1 a.extra {
	background: url(i/rightarrow.gif) center right no-repeat;
	padding-right:0px;
}

#row_1 li {
	float: left;
	padding: 0; 
}
#row_1 li a {
	padding:10px;
	color:#ffffff;
  	background:#000000;
}
#row_1 li a:hover { 
	color:#000000;
  	background:#ffffff;
}

#row_1 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em; 
	font-weight: normal; 
	border-width: 2px ;	
	margin: 0;
  padding:0;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
}

#row_1 li li {
	padding-right: 1em;
	width: 13em;
	
  border:none;
}

#row_1 li ul a {
	width: 14em; 
	padding-left:5px;
	font-size:11px; 
	padding:5px;
	padding-left:14px;
	color:#000000;
  background:#FFFFFF;
}

#row_1 li ul a:hover { 
	color:#000000;
  	background:#e0e0e0; 
}

#row_1 li ul ul {
	margin: -1.75em 0 0 14em;
}

#row_1 li:hover ul ul, #row_1 li:hover ul ul ul, #row_1 li.sfhover ul ul, #row_1 li.sfhover ul ul ul {
  left: -999em;
}

#row_1 li:hover ul, #row_1 li li:hover ul, #row_1 li li li:hover ul, #row_1 li.sfhover ul, #row_1 li li.sfhover ul, #row_1 li li li.sfhover ul {
	left: auto;
}

#row_1 li:hover, #row_1 li.sfhover {
	background: #003300;
}