/* CSS Document */
/* COLOR DOCUMENT */
.black        {color:#000;}
.white        {color:#FFFFFF;}
.dark-grey    {color:#333;}
.mid-grey     {color:#666;}
.light-grey   {color:#CCC;}
.red          {color:#FF0000;}
.dark-red     {color:#990000;}
.mid-red      {color:#CC0000;}
.light-red    {color:#FF3333;}
.green        {color:#00FF00;}
.dark-green   {color:#003300;}
.mid-green    {color:#336600;}
.light-green  {color:#66CC00;}
.blue         {color:#0000FF;}
.dark-blue    {color:#000033;}
.mid-blue     {color:#3366FF;}
.light-blue   {color:#3399FF;}
.orange       {color:#FF6600;}
.dark-orange  {color:#CC3300;}
.mid-orange   {color:#FF6600;}
.light-orange {color:#FF9933;}
.cream        {color:#f7f5f0;}

/* hyperlinks doc */

/* GENERAL LINKS */
a:link, a:visited {
	color: #fff;
	font-weight:bold;
	text-decoration:underline;}
a:hover {
	color: #ff0000;
	font-weight:bold;
	text-decoration:none;}
a:active { color: red; } /* this adds color on mouse down */
/* END GENERAL LINKS */

/* ============= */

/* BASIC LINK COLORS*/
/* ==== BLACK SHEME ==== */
.red {color:#ff0000;}
.red a:link, .red a:visited { 
	color: #ff0000;
	text-decoration:none;}
.red a:hover {
	color: #fff;
	text-decoration:none;}
.red a:active {
	text-decoration:underline;}
/* ==== END BLACK SHEME ==== */

/* ==== WHITE SHEME ==== */
.white a:link, .white a:visited { 
	color: #FFFFFF;}
.white a:link, .white a:visited { 
	color: #FFF;
	font-weight:normal;
	text-decoration:underline;}
.white a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;}
.white a:active {text-decoration:underline;}
/* ==== END WHITE SHEME ==== */

/* ============= */

/* INFO */
.info {color:#FFF;}
.info a:link, .info a:visited { 
	color: #FFF;
	font-weight:normal;
	text-decoration:underline;}
.info a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;}
.info a:active {text-decoration:underline;}
/* EN INFO */

/* ============= */

/* FOOTER LINKS */
.foot {color:#FFF;
text-indent:30px;}
.foot a:link, .foot a:visited { 
	color: #FFF;
	font-weight:normal;
	text-decoration:underline;}
.foot a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;}
.foot a:active {text-decoration:underline;}
/* END FOOTER LINKS */

/* ============= */

/* MAIN MENU */
.menu-red {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-red a:link, .menu-red a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-red a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-red a:active {text-decoration:underline;}

.menu-brown {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-brown a:link, .menu-brown a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-brown a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-brown a:active {text-decoration:underline;}

.menu-green {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-green a:link, .menu-green a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-green a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-green a:active {text-decoration:underline;}

.menu-blue {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-blue a:link, .menu-blue a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-blue a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-blue a:active {text-decoration:underline;}

.menu-orange {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-orange a:link, .menu-orange a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-orange a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-orange a:active {text-decoration:underline;}

.menu-yellow {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-yellow a:link, .menu-yellow a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-yellow a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-yellow a:active {text-decoration:underline;}

.menu-lblue {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-lblue a:link, .menu-lblue a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-lblue a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-lblue a:active {text-decoration:underline;}

.menu-purple {
color:#FFF;
display:block;
width:187px;
line-height:39px;
background-image:url(../images/menu-red.jpg);
text-indent:10px;
margin:0 0 3px 0}
.menu-purple a:link, .menu-purple a:visited { 
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;}
.menu-purple a:hover {
	color: #FFF;
	text-indent:16px;
	font-weight:bold;
	text-decoration:none;}
.menu-purple a:active {text-decoration:underline;}
/* END MAIN MENU */