/* Style sheet for TWC Graphics Design template */
html {
	margin: 0px;
	padding: 0px;
}
body  { text-align: left; 
	background: #fff;
	width: 100%;
	height: 100%;
	color: #000; 
	margin: 0px;
	padding: 0px;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
}
input { color: #000; font: normal normal 9px Arial, sans-serif; }
h1    { background-image: url('images/design_elements/h1.gif'); background-repeat: no-repeat; 
	color: #0A211C; padding: 0px 2px 2px 20px; border-bottom: 1px solid #EBF0F0;
	font: normal bold 14pt Arial, serif; font-variant: small-caps; }
h2    { color: #000; font:  normal bold 12pt Arial, sans-serif; }
h3    { font: normal bold 11pt georgia, serif; font-variant: small-caps; color: #000;  }
h4    { color: #25668C; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol, ol ol, ol ol ol { color: #000; font: normal normal 100% Verdana, Arial, sans-serif; }
ul    { color: #25668C; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul ul { color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; }

#container { BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 0px solid; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 0px solid; WIDTH: 100%; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-BOTTOM: #ccc 0px solid; text-align:center; FLOAT: CENTER }
#tabnav { PADDING-LEFT: 10px; MARGIN: 0px; HEIGHT: 23px }
#tabnav LI { PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 4px; LIST-STYLE-TYPE: none }
#tabnav A:link {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #f0f0f0; FLOAT: center; PADDING-BOTTOM: 4px; BORDER-LEFT: #999999 1px solid; COLOR: #333333; LINE-HEIGHT: 23px; MARGIN-RIGHT: 2px; PADDING-TOP: 4px; BORDER-BOTTOM: #F3F3F3 0px solid; TEXT-DECORATION: none
}
#tabnav A:visited {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #f0f0f0; FLOAT: center; PADDING-BOTTOM: 4px; BORDER-LEFT: #999999 1px solid; COLOR: #333333; LINE-HEIGHT: 23px; MARGIN-RIGHT: 2px; PADDING-TOP: 4px; BORDER-BOTTOM: #F3F3F3 1px solid; TEXT-DECORATION: none
}
#tabnav A.active:link {
	BACKGROUND: #2566c8; COLOR: #FFFFFF; BORDER-BOTTOM: #00ff00 1px solid
}
#tabnav A.active:visited {
	BACKGROUND: #2566c8; COLOR: #FFFFFF; BORDER-BOTTOM: #00ff00 1px solid
}
#tabnav A:hover {
	BACKGROUND: #2566c8; COLOR: #FFFFFF; BORDER-BOTTOM: #00ff00 1px solid 
}

/* Define Container to set Fixed Width */
.container1 {
	width: 100%;
	display: block;
	height: 300px;
	background: #FFF;
	padding: 0px;
	}

#splashtext {
	padding: 0px 8px 0px 8px;
	background: #FFF;
	color: #000;
	font: normal normal 12px/18px Verdana, Arial, sans-serif;
	display: block;
	text-align: left;
	}

.topcell { background: #FFF;
	}
.banner { height: 28px;
	padding: 2px 10px 2px 2px;
	background: #2566c8;
	text-align: right;
	font: normal normal 13px Verdana, Arial, sans-serif;
	border-bottom: 1px dashed #CCC;
	border-top: 1px dashed #CCC;
	color: #000;
	}
.banner a:link    { color: #000; text-decoration: none; font-weight: none;  }
.banner a:active  { color: #FFF; text-decoration: none; font-weight: none;  }
.banner a:visited { color: #000; text-decoration: none; font-weight: none;  }
.banner a:hover   { color: #ffffff; text-decoration: underline; font-weight: none; }

.leftside { width: 220px;
	padding: 5px 5px 5px 10px;
	background: #dedede;
	color: #000;
	font: normal normal 12px/18px Verdana, Arial, sans-serif;
	border-right: 1px double #ccc;
	}

.content {
	padding: 8px;
	background: #fff;
	color: #000;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
	}
.rightside { width: 200px;
	padding: 5px;
	background: #dedede;
	color: #000;
	font: normal normal 11px/15px Verdana, Arial, sans-serif;
	border-left: 1px double #CCC;
}

/* Define footer section */
.footer { height: 50px;
	padding: 0px;
	text-align: center;
	background: #FFF;
	font: normal normal 10px Verdana, Arial, sans-serif;
	color: #666666;
	}
.footer a:link    { color: #666666; text-decoration: none; font-weight: normal;}
.footer a:active  { color: #666666; text-decoration: none; font-weight: normal;}
.footer a:visited { color: #666666; text-decoration: none; font-weight: normal;}
.footer a:hover   { color: #666666; text-decoration: underline; font-weight: normal;}
	
/* Define standard hyperlinks */	
A:LINK    {color: #7E9CDF; text-decoration: none; font-weight: bold;}
A:VISITED {color: #7E9CDF; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #BC876D; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #7E9CDF; text-decoration: none; font-weight: bold;}


.leftside a:link  {
	color: #000; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 13px
}

.leftside a:visited {
	color: #000; 
	text-decoration: none; 
	font-weight: bold;
    font-size: 13px
}

.leftside a:hover { 
    background: #2566c8; 
    color: #fff; 
    text-decoration: none; 
}

.leftside a:active {
	color: #000; 
	text-decoration: none; 
	font-weight: bold;
    font-size: 13px
}



/* Define textbox area */

.textbox      { background: #EBF0F0; color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 6px 8px 6px 8px; text-align: left;
	border: 1px solid #66B7BD; 
	}
.textboxheader { background: #66B7BD; color: #FFF; height: 24px; text-align: left; 
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px; 
	}
	
/* ASSIGN CLASSES TO IMAGES TO PLACE THE BORDER AND ALIGNMENT */

.imageleft   {margin: 0px 10px 2px 0px; float: left; border: 3px double #C0C0C0;}
.imageright  {margin: 0px 0px 2px 10px; float: right; border: 3px double #C0C0C0;}
.imagecenter {margin: 0px 5px; border: 3px double #C0C0C0;}
.productleft   {margin: 0px 10px 2px 0px; float: left;}
.productright   {margin: 0px 00px 2px 10px; float: right;}