/* Style sheet for TWC Graphics Design template */
body  { background-image: url('../images/design_elements/back.gif'); color: #000; 
	font: normal normal 11px Verdana, Arial, sans-serif; }
input { color: #000; font: normal normal 10px Arial, sans-serif; }
select { color: #000; font: normal normal 10px Arial, sans-serif; }
h1    { background: #; width: 100%; color: #000; font:  normal bold 11px Arial, sans-serif; 
	padding-left: 15px; padding-bottom: 3px; }
h2    { color: #C97B28; font:  normal bold 13px Verdana, Arial, sans-serif;
	border-bottom: 1px solid #C97B28; padding-bottom: 3px; width: 85%; }
h3    { color: #466552; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #C97B28; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #466552; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #C97B28; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol, ol ol, ol ol ol { color: #466552; font: normal normal 11px Verdana, Arial, sans-serif; }
ul       { list-style-image: url('images/design_elements/bullet1.gif'); color: #466552; 
	font: normal normal 11px/16px Verdana, Arial, sans-serif; }
ul ul    { color: #333; font: normal normal 11px/16px Verdana, Arial, sans-serif; }
ul ul ul { color: #466552; font: normal normal 10px/13px Verdana, Arial, sans-serif; }

/* Define directory content area */
.rightcontent { background: #FECD5E; color: #000; padding: 6px; font: normal normal 11px Arial, Verdana, sans-serif; 
	line-height: 15px; }
.rightcontent a:link    { color: #000;  text-decoration: underine;   }
.rightcontent a:active  { color: #000; text-decoration: none;   }
.rightcontent a:visited { color: #000; text-decoration: underline;   }
.rightcontent a:hover   { color: #222DA1; text-decoration: none;  }

/* Define top menu banner */
.topbanner1 { background: #222DA1; color: #FFF; font: normal normal 10px Verdana, Arial, sans-serif; 
	 padding-right: 10px; }
.topbanner1 a:link    { color: #FFF; text-decoration: none;   }
.topbanner1 a:active  { color: #FFF; text-decoration: none;   }
.topbanner1 a:visited { color: #FFF; text-decoration: none;   }
.topbanner1 a:hover   { color: #FECD5E; text-decoration: underine;  }

/* Define breadcrumb area */
.crumbs { background: #FFF; color: #333; font: normal normal 10px Verdana, Arial, sans-serif; }


/* Define Simple Listing Area */
.transparent { background: #FFF; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 6px;}

.listing1 { background: #FFF; color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 6px; border-bottom: 1px solid #E5EDF6; }
.listing2 { background: #E5EDF6; color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 6px; }

/* Define main sections */
.leftside { background: #6699CC; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #000; padding: 6px; }
.leftmenu { background: #FBE7AB; font: normal normal 11px/24px Verdana, Arial, sans-serif; 
	color: #000; width: 100%; border: 1px solid #C97B28;  }
.leftmenutop { background: #8F552A; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #FFF; width: 100%; border: 1px solid #C97B28; height: 24px; }
.leftmenu a:link    { color: #000; font-weight: normal; width: 100%; height: 24px; }
.leftmenu a:active  { color: #000; font-weight: normal; width: 100%; height: 24px; }
.leftmenu a:visited { color: #000; font-weight: normal; width: 100%; height: 24px; }
.leftmenu a:hover   { background: #C97B28; 
	font-weight: normal; color: #FFF; width: 100%; height: 24px; }
.main { background: #FFF; color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 3px; }
.rightside { background: #FFF; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #FXFXFX; border-right: 1px solid #F4D891; padding: 10px; }
.formpage { background: #FFF; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #333; padding: 10px; }
.formfield { background: #FFF; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	color: #333;  }
.pagehdr { background: #FFDC76; width: 100%; color: #000; font: normal normal 12px/15px Arial, sans-serif; 
	padding: 6px; }
.webpage { background: #FFF; color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; border-bottom: 1px solid #FECD5E; border-right: 1px solid #FECD5E; }

/* Define table grid */
.tblheader { background: #E5EDF6; color: #000; font: normal bold 11px/15px Verdana, Arial, sans-serif; 
	padding: 3px; border: 1px solid #E5EDF6; }
.tblleft { background: #FFF; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 3px; border-left: 1px solid #E5EDF6; border-bottom: 1px solid #E5EDF6; }
.tblmid { background: #FFF; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 3px;border-bottom: 1px solid #E5EDF6; }
.tblright { background: #FFF; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 3px; border-right: 1px solid #E5EDF6; border-bottom: 1px solid #E5EDF6; }

/* Define horizontal rule */
HR { height:1px; width: 96%; background:#C97B28; margin: 0% 2% 0% 2%; }

/* Define footer area */
.footer { background: #FFF; color: #666; font: normal normal 10px Verdana, Arial, sans-serif; 
	 height: 28px; padding: 6px; border-bottom: 1px solid #FECD5E; }
.footer a:link    { color: #666; text-decoration: none;   }
.footer a:active  { color: #666; text-decoration: none;   }
.footer a:visited { color: #666; text-decoration: none;   }
.footer a:hover   { color: #222DA1; text-decoration: underine;  }

	
/* Define standard hyperlinks */	
a:link  { color: #C97B28; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }  
a:active { color: #C97B28; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }
a:visited { color: #C97B28; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }
a:hover { color: #8F552A; font: normal normal Verdana, Arial, sans-serif; text-decoration: none; }
.errormessage { background: #FFF; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	color: #FF0000;}
.counter {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #ffffff; WIDTH: 225px; COLOR: #990000; DIRECTION: ltr; BORDER-TOP-COLOR: #ffffff; FONT-FAMILY: tahoma,sans-serif; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffffff
}
.button {
	BACKGROUND-COLOR: #222da1;
	COLOR: #FFFFFF;
	FONT-SIZE: 0.95em;
	MARGIN: 5px;
	TEXT-DECORATION: none;
	border: thin ridge #CCCCCC;
}
.box1 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	HEIGHT: 18px;
	MARGIN: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	WIDTH: 210px;
	border: 1px solid #000000;
	left: auto;
	clip:  rect(auto auto auto 1px);
}
.table{
	BORDER-RIGHT: #FECD5E 1px solid; BORDER-TOP: #FECD5E 1px solid; BORDER-LEFT: #FECD5E 1px solid; BORDER-BOTTOM: #FECD5E 1px solid

}



.abs {
	POSITION: absolute
}
.rel {
	POSITION: relative
}
BODY {
	FONT-SIZE: 11px; BACKGROUND: #ffffff; MARGIN: 10px; FONT-FAMILY: Verdana
}
TABLE {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
TD {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
TR {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
TH {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
P {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
DIV {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
A {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #666600; TEXT-DECORATION: underline
}
HR {
	MARGIN-TOP: -5px; BACKGROUND: #999999; VISIBILITY: visible; COLOR: #999999; HEIGHT: 1px
}
#header {
	MARGIN-TOP: 0px; FONT-SIZE: 20px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 0px; HEIGHT: 40px
}
#footer {
	MARGIN-TOP: 30px; PADDING-LEFT: 4px; FONT-SIZE: 10px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; COLOR: gray
}
#account {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0px; FONT-SIZE: 10px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right
}
#navigation {
	PADDING-RIGHT: 0px; BORDER-TOP: #999999 1px solid; MARGIN-TOP: 4px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: #ecd9b3; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; TEXT-ALIGN: left
}
#navigation A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #ecd9b3; PADDING-BOTTOM: 2px; COLOR: #666600; PADDING-TOP: 2px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#navigation A:hover {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #cccccc; PADDING-BOTTOM: 2px; COLOR: #666600; PADDING-TOP: 2px; TEXT-ALIGN: left; TEXT-DECORATION: none
}