/*
 *  Turns the Base css into a three column format
 */

#wrapper #trio { margin: 10px 0 0 0; }


/*
 *  Left Column
 */

#wrapper #trio #left { color: #ffc;  width: 200px; float: left; padding: 5px 5px 5px 5px;  text-align:center; }

#wrapper #trio #left a,
#wrapper #trio #left a:link,
#wrapper #trio #left a:visited	{ color: #f93; }

#wrapper #trio #left a:hover,
#wrapper #trio #left a:focus,
#wrapper #trio #left a:active	{ color: #ff0; }

#wrapper #trio #left img		{ border: 2px solid #f93; margin: 0px 5px 0px 5px; }
#wrapper #trio #left img:hover	{ border: 2px solid #ff0; }


#wrapper #trio #left p 			{ text-align:left; }

/*
 *  Right Column
 */

#wrapper #trio #right { color: #ffc;  width: 200px; float: right; padding: 5px 5px 5px 5px; text-align:center; }


#wrapper #trio #right a,
#wrapper #trio #right a:link,
#wrapper #trio #right a:visited	{ color: #f93; }

#wrapper #trio #right a:hover,
#wrapper #trio #right a:focus,
#wrapper #trio #right a:active	{ color: #ff0; }

#wrapper #trio #right img		{ border: 2px solid #f93; }
#wrapper #trio #right img:hover	{ border: 2px solid #ff0; }


#wrapper #trio #right p 		{ text-align:left; }


/*
 *  Main Column
 */

#wrapper #trio #main    		{ background-color: white; margin: 0 210px 20px 210px; 
								  -moz-border-radius: 6px; -webkit-border-radius: 6px; }


#wrapper #trio #main			{ color:black; background-color: white; }
#wrapper #trio #main img.center { display:block; margin: 0 auto;}
#wrapper #trio #main img        { font-style:normal;border: 3px solid #137; margin:0 5px 5px 0; }
#wrapper #trio #main img:hover  { font-style:normal;border: 3px solid #f93; margin:0 5px 5px 0; }

#wrapper #trio #left a,
#wrapper #trio #left a:link,
#wrapper #trio #left a:visited	{ color: #f93; }

#wrapper #trio #left a:hover,
#wrapper #trio #left a:focus,
#wrapper #trio #left a:active	{ color: #ff0; }

.ui-tabs-nav { height:2.4em; }