/*
 *  Turns the Base css into a two column format with a wide left column
 */

#wrapper #dual { margin-top: 10px; }

/*
 *  Left Column
 */

#wrapper #dual #left			{ color: #ffc;  width: 300px; float: left; padding: 10px 10px 10px 10px; }

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

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

#wrapper #dual #left img.center { display:block; margin: 0 auto;}
#wrapper #dual #left img		{ border: 2px solid #f93; margin: 0px 5px 0px 5px; }
#wrapper #dual #left img:hover	{ border: 2px solid #ff0; }

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

#wrapper #dual #left a.nav		   { font: normal 95% monospace; color: #f93; }
#wrapper #dual #left a.nav:link    { font: normal 95% monospace; color: #f93; }
#wrapper #dual #left a.nav:active  { font: normal 95% monospace; color: #f93; }
#wrapper #dual #left a.nav:visited { font: normal 95% monospace; color: #f93; }
#wrapper #dual #left a.nav:hover   { font: normal 95% monospace; color: #ff0; }

/* Ajax Link */
#wrapper #dual #left .ui-menu-item a,
#wrapper #dual #left .ui-menu-item a:link,
#wrapper #dual #left .ui-menu-item a:visited	{ color: #00000; }

#wrapper #dual #left .ui-menu-item a:hover,
#wrapper #dual #left .ui-menu-item a:focus,
#wrapper #dual #left .ui-menu-item a:active	    { color: #0000CC; }

/*
 *  Main Column
 */

#wrapper #dual #main    			{ margin: 0 10px 0 320px; }

#wrapper #dual #main				{ color:black; background-color: white; }
#wrapper #dual #main img        	{ font-style:normal;border: 3px solid #137; margin:0 5 5 0; }
#wrapper #dual #main img:hover  	{ font-style:normal;border: 3px solid #f93; margin:0 5 5 0; }

#wrapper #dual #main  a,
#wrapper #dual #main  a:link,
#wrapper #dual #main  a:visited 	{ color: #137; font-weight:bold; text-decoration:underline; }

#wrapper #dual #main  a:hover,
#wrapper #dual #main  a:focus,
#wrapper #dual #main  a:active  	{ color: #fff; background-color: #137; }