@import url("../../common/stylesheets/index.css");

/* triad, contrast */

<!--#set var="triad1a" value="#ffb200" -->
<!--#set var="triad1b" value="#996b00" -->
<!--#set var="triad1c" value="#fff7e6" -->
<!--#set var="triad1d" value="#ffd166" -->

<!--#set var="triad2a" value="#ffe200" -->
<!--#set var="triad2b" value="#998800" -->
<!--#set var="triad2c" value="#fffce6" -->
<!--#set var="triad2d" value="#ffee66" -->

<!--#set var="triad3a" value="#ff8500" -->
<!--#set var="triad3b" value="#995000" -->
<!--#set var="triad3c" value="#fff3e6" -->
<!--#set var="triad3d" value="#ffb666" -->

body, html {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->;}

#menu h2 {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1a" -->;}
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot 
 {color:<!--#echo var="triad2d" -->; background:<!--#echo var="triad1a" -->;}
a:link     {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->;
 font-weight:bold; text-decoration:none;} 
a:visited  {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->;
 font-weight:bold; text-decoration:none;}
a:hover    {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1d" -->;
 text-decoration:none;}
a:focus    {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1c" -->;
 text-decoration:none;}
a:active   {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1d" -->; 
 font-weight:bold; text-decoration:none;}

a.offsite {color:<!--#echo var="triad2c" -->; background:<!--#echo var="triad1a" -->;
 font-weight:normal; text-decoration:none;}
a:visited.offsite {color:<!--#echo var="triad2c" -->; background:<!--#echo var="triad1a" -->;
 font-weight:normal; text-decoration:none;}
a:hover.offsite {color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2d" -->;
 font-weight:normal; text-decoration:none;} 
a:focus.offsite {color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2c" -->;
 font-weight:normal; text-decoration:none;} 
a:active.offsite {color:<!--#echo var="triad2c" -->; background:<!--#echo var="triad2d" -->;
 font-weight:normal; text-decoration:none;}	

#banner {border-bottom-color:#666; color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1b" -->;}
#banner h1 {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1b" -->;}
#banner h2 {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1b" -->;}

#tools   	 {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->; border-bottom-color:#000;}
#tools h2 	 {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1a" -->; display:inline;}
#tools *  	 {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->;}
#tools a:link	 {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->; font-weight:bold; text-decoration:none;} 
#tools a:visited {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1a" -->; font-weight:bold; text-decoration:none;}
#tools a:hover	 {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1d" -->; font-weight:bold; text-decoration:none;}
#tools a:focus	 {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1c" -->; font-weight:bold; text-decoration:none;}
#tools a:active  {color:<!--#echo var="triad1c" -->; background:<!--#echo var="triad1d" -->; font-weight:bold; text-decoration:none;}

#content-div { color:<!--#echo var="triad3b" -->; background:<!--#echo var="triad3c" -->;
 border-left-color:#666;}
#content-div h1, 
#content-div h2, 
#content-div h3, 
#content-div h4, 
#content-div h5, 
#content-div h6,
#content-div dt,
#content-div th, 
#content-div thead, 
#content-div tfoot 
 { color:<!--#echo var="triad3a" -->; background:<!--#echo var="triad3c" -->;}
#content-div a:link { color:<!--#echo var="triad3b" -->; background:<!--#echo var="triad3d" -->; 
 font-weight:bold; text-decoration:none;} 
#content-div a:visited { color:<!--#echo var="triad3b" -->; background:<!--#echo var="triad3d" -->; 
 font-weight:bold; text-decoration:none;}
#content-div a:hover { color:<!--#echo var="triad3c" -->; background:<!--#echo var="triad3a" -->; 
 font-weight:bold; text-decoration:none;}
#content-div a:focus { color:<!--#echo var="triad3a" -->; background:<!--#echo var="triad3c" -->;
 font-weight:bold; text-decoration:none;}
#content-div a:active { color:<!--#echo var="triad3b" -->; background:<!--#echo var="triad3a" -->;
 font-weight:bold; text-decoration:none;}
#content-div a.offsite { color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2d" -->;
 font-weight:normal; text-decoration:none;} 
#content-div a:visited.offsite { color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2d" -->;
 font-weight:normal;  text-decoration:none;}
#content-div a:hover.offsite { color:<!--#echo var="triad2c" -->; background:<!--#echo var="triad1a" -->;
 font-weight:normal; text-decoration:none;}
#content-div a:focus.offsite { color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2c" -->;
 font-weight:normal; text-decoration:none;}
#content-div a:active.offsite { color:<!--#echo var="triad2c" -->; background:<!--#echo var="triad2b" -->;
 font-weight:normal; text-decoration:none;}
#breadcrumbs h2 {color:<!--#echo var="triad3b" -->; background:<!--#echo var="triad3c" -->;}

#contentinfo { color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2a" -->;
 border-bottom-color:#666;}
#contentinfo h2 {color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2a" -->;}
#contentinfo  a:link {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad2a" -->;
 font-weight:bold; text-decoration:none;} 
#contentinfo  a:visited {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad2a" -->;
 font-weight:bold; text-decoration:none;}
#contentinfo  a:hover {color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2d" -->;
 text-decoration:none;}
#contentinfo  a:focus {color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2c" -->;
 text-decoration:none;}
#contentinfo  a:active {color:<!--#echo var="triad2b" -->; background:<!--#echo var="triad2a" -->;
 font-weight:bold; text-decoration:none;}

hr {color:#666;}

#current-icon {color:<!--#echo var="triad1b" -->; background:<!--#echo var="triad1c" -->;}