/* Style sheet for TWC Graphics Design template */

html {
	margin: 0px;
	padding: 0px;
}

body  { 
	background: #0B3142;
	width: 100%;
	height: 100%;
	color: #666666; 
	margin: 0px;
	padding: 0px;
	text-align: center; font: normal normal 12px/17px Verdana, Arial, sans-serif;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin-bottom: 0px;
}

input { 
	color: #000000; font: normal normal 11px Arial, sans-serif; 
}

h1    { 
	font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #0B3142;  
}

h2    {
	font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #1A4A61; 
}

h3    {
	font: normal bold 11pt Arial, Verdana, sans-serif;
	color: #1A4A61;
	padding: 3px 3px 0px;
	margin-bottom: 0px;
}

h4    { 
	color: #000000; 
	font:  normal bold 12px Verdana, Arial, sans-serif; 
}

h5    { 
	color: #000000; 
	font:  normal bold 11px Verdana, Arial, sans-serif; 
}

h6    { 
	color: #000000; 
	font:  normal bold 10px Verdana, Arial, sans-serif; 
}

ol, ol ol, ol ol ol { 
	color: #000000; 
	font: normal normal 12px/17px  Verdana, Arial, sans-serif; 
}

ul    {
	list-style-image: url('images/design_elements/bullet.gif');
	color: #000000;
	font: normal normal 12px/17px Verdana, Arial, sans-serif;
}

li {
	margin-bottom: 6px;
}

ul ul    { 
	list-style-image: url('images/design_elements/bullet2.gif'); 
	color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; 
}

ul ul ul { 
	list-style-image: url('images/design_elements/bullet3.gif'); 
	color: #000; font: normal normal 12px/17px Verdana, Arial, sans-serif; 
}


/* Define Main Areas */

.yourname { 
	background: #FFFFFF;
	font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #0B3142;
	text-align: left;
}

.youraddress { 
	background: #FFFFFF;
	position: relative;
	text-align: right;
	color: #0B3142;
	font: normal normal 11px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
}

.leftside { 
	background: #DBE7E7; 
	color: #000000; 
	width: 285px; 
	padding: 10px; 
	height: 100%; 
	text-align: left; 
	border-left: 1px solid #D1D2D7;
	font: normal normal 12px/17px Verdana, Arial, sans-serif; 
}

.content { 
	background: #FFF;
	width: 435px;
	color: #000000; 
	font: normal normal 12px/17px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #D1D2D7;
	border-right: 1px solid #D1D2D7;
}

.contentfull { 
	background: #FFFFFF;
	width: 740px;
	color: #000000; 
	font: normal normal 12px/17px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #D1D2D7;
	border-right: 1px solid #D1D2D7;
}

.contentfull2 { 
	background: #FFFFFF;
	width: 100%;
	color: #000000; 
	font: normal normal 12px/17px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
}

.box1 { 
	background: #FBE3B4;
	width: 233px;
	color: #000000; 
	font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 8px; 
	text-align: left;
	border-left: 1px solid #CCE0E1;
	border-right: 1px solid #CCE0E1;
}

.boxtop1 { 
	background: #C25122;
	width: 233px;
	color: #E6F3F7;  
	font: normal bold 12px/16px Verdana, Arial, sans-serif; 
	padding: 3px 8px 3px 8px; 
	text-align: left;
	border-left: 1px solid #CCE0E1;
	border-right: 1px solid #CCE0E1;
}

.box2 { 
	background: #E4EAE6;
	width: 235px;
	color: #000000; 
	font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 8px; 
	text-align: left;
}

.boxtop2 { 
	background: #3B697F;
	width: 235px;
	color: #F8EFE3;  
	font: normal bold 12px/16px Verdana, Arial, sans-serif; 
	padding: 3px 8px 3px 8px; 
	text-align: left;
}

acronym {
	border-bottom: 1px dotted #7878A0;
	cursor: help;
}

/* Define main menu */

.hmenu { 
	background: #1A4A61;
	display: block;
	text-align: center;
	font: normal normal 11px/20px Verdana, Arial, sans-serif; 
	color: #FFFFFF; 
	width: 760px; 
	height: 26px;
	padding: 3px 0px 0px 0px;
}

.hmenu a, .hmenu a:link, .hmenu a:visited { 
	text-align: left; 
	color: #FFFFFF; 
	text-decoration: none; 
}

.hmenu a:hover {
	text-align: left; 
	color: #D1D2D7; 
	text-decoration: underline; 
}

/* Define footer section */

.footer {  
	background: #1A4A61;
	display: block;
	text-align: center;
	font: normal normal 11px/20px Verdana, Arial, sans-serif; 
	color: #FFFFFF; 
	width: 760px; 
	height: 26px;
	padding: 3px 0px 0px 0px;
}

.footer a:link, .footer a:active, .footer a:visited { 
	color: #FFFFFF; 
	text-decoration: none;
}

.footer a:hover { 
	color: #D1D2D7;
	text-decoration: underline;
}

/* Define standard hyperlinks */	

a:link  { color: #1A4A61;}  
a:active { color: #1A4A61;}
a:visited { color: #1A4A61;}
a:hover {
	color: #000000;
	text-decoration: none;
}

/* Define product page sections */

.productbox { 
	background: #E4EAE6; 
	color: #000000; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px; 
	border: 1px solid #D1D2D7; 
	text-align: left;
}

.productboxtop { 
	background: #3B697F;
	color: #FFFFFF;
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px;
	text-align: center; 
	border-top: 1px solid #3B697F;
	border-left: 1px solid #D1D2D7; 
	border-right: 1px solid #D1D2D7;
}

.products {
	background: #FFFFFF;
}

.productsleft {
	background: #FFFFFF;
	color: #195C82;
	border-left: 1px solid #D1D2D7; 
	border-top: 1px solid #D1D2D7; 
	padding: 4px 10px 4px 10px;
	text-align: center;
}

.productsright {
	background: #FFFFFF;
	color: #195C82;
	border-left: 1px solid #D1D2D7;
	border-top: 1px solid #D1D2D7; 
	padding: 4px 10px 4px 10px;
	text-align: center;
	border-right: 1px solid #D1D2D7;
}

.productboxleft {
	background: #E4EAE6;
	color: #000000;
	text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #D1D2D7;
	border-top: 1px solid #D1D2D7;
}

.productboxright {
	background: #E4EAE6;
	color: #000000;
	text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #D1D2D7;
	border-right: 1px solid #D1D2D7; 
	border-top: 1px solid #D1D2D7;
}

.productboxlbot {
	background: #E4EAE6;
	color: #000000;
	text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif;
	border-bottom: 1px solid #D1D2D7;
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #D1D2D7;
	border-top: 1px solid #D1D2D7;
}

.productboxrbot {
	background: #E4EAE6;
	color: #000000;
	text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #D1D2D7;
	border-bottom: 1px solid #D1D2D7;
	border-right: 1px solid #D1D2D7;
	border-top: 1px solid #D1D2D7;
}

/* Define textbox area */
.textbox {
	background: #FFFFFF;
	color: #666666; 
	font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 5px 10px 5px 10px; text-align: left;
	width: 250px; border: 1px solid #3B697F;
}

.textboxheader {
	background: #3B697F; 
	color: #FFFFFF;
	text-align: left;
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding: 5px 10px 5px 10px; 
	width: 250px;
}

.bhr {
	width: 50%;
	color: #333366;
	text-align: left;
}

.imgBorder {
	border-style : ridge ridge ridge ridge;
	border-top-width : 1px;
	border-right-width : 1px;
	border-left-width : 1px;
	border-bottom-width : 1px;
	border-color : Black Black Black Black;
}