﻿/* Style sheet for TWC Graphics Design template */
body  { background: #FFF; color: #154A84; font: normal normal 11px Verdana, Arial, sans-serif;
	text-align: center;
}
input { color: #000; font: normal normal 9px Arial, sans-serif; }
h1    { background-image: url('graphics/h1.gif'); background-repeat: no-repeat; 
	width: 90%; color: #666; padding-left: 15px; 
	border-bottom: 1px solid #607393; padding-bottom: 3px; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Arial, sans-serif }
h2    { color: #607393; font:  normal bold 13px Verdana, Arial, sans-serif;
	border-bottom: 1px solid #607393; padding-bottom: 3px; width: 85%; }
h3    { color: #800080; font:  normal normal bold medium normal Verdana, Arial, sans-serif; margin-bottom: 4px;	text-align: center;; font:  normal bold 14px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #800080; font:  normal normal bold medium normal Verdana, Arial, sans-serif; margin-bottom: 4px;	text-align: left;; font:  normal bold 14px Verdana, Arial, sans-serif; margin-bottom: 4px; }

h5    {color: #2554C7;	font: normal bold 16px Verdana, Arial, sans-serif;	margin-bottom: 4px;	margin-top: 4px;	text-decoration: none;}
h5 a:link { color: #2554C7;	font: normal bold 16px Verdana, Arial, sans-serif;	margin-bottom: 4px;	margin-top: 4px; text-decoration: none;}
h5 a:visited { color: #2554C7; font: normal bold 16px Verdana, Arial, sans-serif; margin-bottom: 4px; margin-top: 4px; text-decoration: none;}
h5 a:hover { color: #2554C7; font: normal bold 16px Verdana, Arial, sans-serif; margin-bottom: 4px; margin-top: 4px; text-decoration: none;}
h5 a:active { color: #2554C7; font: normal bold 16px Verdana, Arial, sans-serif; margin-bottom: 4px; margin-top: 4px; text-decoration: none;}


h6    { color: #607393; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol ol ol { color: #154A84; font: normal normal 11px Verdana, Arial, sans-serif; }
ol ol ol { color: #154A84; font: normal normal 11px Verdana, Arial, sans-serif; }
ol ol { color: #154A84; font: normal normal 11px Verdana, Arial, sans-serif; }
ol { color: #154A84; font: normal normal 12px Verdana, Arial, sans-serif; }
ul       {list-style-image: url('graphics/bullet1.gif');color: #154A84;	font-style: normal;	font-variant: normal;	font-weight: normal;	line-height: 16px;	font-size: 12px;	font-family: Verdana, Arial, sans-serif;}
ul a:link {list-style-image: url('graphics/bullet1.gif');color: #154A84;	font-style: normal;	font-variant: normal;	font-weight: normal;	line-height: 16px;	font-size: 12px;	font-family: Verdana, Arial, sans-serif;}
ul a:hover {list-style-image: url('graphics/bullet1.gif');color: #154A84;	font-style: normal;	font-variant: normal;	font-weight: normal;	line-height: 16px;	font-size: 12px;	font-family: Verdana, Arial, sans-serif;}
ul a:visited {list-style-image: url('graphics/bullet1.gif');color: #154A84;	font-style: normal;	font-variant: normal;	font-weight: normal;	line-height: 16px;	font-size: 12px;	font-family: Verdana, Arial, sans-serif;}
ul a:active {list-style-image: url('graphics/bullet1.gif');color: #154A84;	font-style: normal;	font-variant: normal;	font-weight: normal;	line-height: 16px;	font-size: 12px;	font-family: Verdana, Arial, sans-serif;}
ul ul    { color: #154A84; font: normal normal 11px/16px Verdana, Arial, sans-serif; }
ul ul ul { color: #154A84; font: normal normal 10px/13px Verdana, Arial, sans-serif; }

/* Define include_top area */
.topleft { background: #f1f2f3; border-left: 1px solid #FFF; padding: 0px; color: #000; 
	font: normal normal 11px Verdana, Arial, sans-serif; }
.topright { background: #f1f2f3 url('images/design_elements/topbox.gif') no-repeat; 
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; padding: 10px;
	height: 89px;
}
/* Define top menu banner */
.tagline {background: #FFF;	color: #333333;	font: normal bold 18px Verdana, Arial, sans-serif;	line-height: 28px;	padding: 1px;	text-decoration: none;}
.tagline a:link {background: #FFF;	color: #333333;	font: normal bold 18px Verdana, Arial, sans-serif;	line-height: 28px;	padding: 1px;	text-decoration: none;}
.tagline a:visited {background: #FFF;	color: #333333;	font: normal bold 18px Verdana, Arial, sans-serif;	line-height: 28px;	padding: 1px;	text-decoration: none;}

.tagline2 {
	background: #FFF;
	color: #333333;
	font: normal bold 18px Verdana, Arial, sans-serif;
	line-height: 28px;
	padding: 10px;
	text-decoration: none;
}

/* Define top menu banner */
.topbanner1 { background: #FFF; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding: 0px; text-decoration: none;  }
.topbanner1 a:link    { background: #FFF; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding: 0px; text-decoration: none;  }
.topbanner1 a:visited { background: #FFF; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding: 0px; text-decoration: none;    }
.topbanner1 a:hover   { background: #EEE; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding: 0px; text-decoration: none;    }
.topbanner1 a:active  {background: #FFF; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding: 0px;  text-decoration: none; }

/* Define top 2 menu banner */
.topbanner2 { background: #6B7E9D; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; height: 28px; border-left: 1px solid #607393; border-bottom: 1px solid #607393; padding-right: 5px; }
.topbanner2 a:link    { color: #FFF; text-decoration: none; font: normal normal 11px Verdana, Arial, sans-serif; height: 28px; border-left: 1px solid #607393; border-bottom: 1px solid #607393; padding-right: 5px; }
.topbanner2 a:active  { color: #607393; text-decoration: none; font: normal normal 11px Verdana, Arial, sans-serif; height: 28px; border-left: 1px solid #607393; border-bottom: 1px solid #607393; padding-right: 5px; }
.topbanner2 a:visited { color: #FFF; text-decoration: none; font: normal normal 11px Verdana, Arial, sans-serif; height: 28px; border-left: 1px solid #607393; border-bottom: 1px solid #607393; padding-right: 5px; }
.topbanner2 a:hover   { color: #CAD4E5; text-decoration: underline; font: normal normal 11px Verdana, Arial, sans-serif; height: 28px; border-left: 1px solid #607393; border-bottom: 1px solid #607393; padding-right: 5px; }

/* Define top menu banner */
.topnav { background: #CAD4E5; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding:6px 8px 6px 8px; text-decoration: none;  }
.topnav a:link    { background: #CAD4E5; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding:6px 8px 6px 8px; text-decoration: none;  }
.topnav a:visited { background: #CAD4E5; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding:6px 8px 6px 8px; text-decoration: none;    }
.topnav a:hover   { background: #FFF; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding:6px 8px 6px 8px; text-decoration: none;    }
.topnav a:active  {background: #FFF; color: #2554C7; font: normal bold 12px Verdana, Arial, sans-serif; line-height: 28px; padding:6px 8px 6px 8px;  text-decoration: none; }


/* Define topnav menu banner */

	/* Begin Navigation Bar Styling */
	#nav {
		width: 545px;
		height: 30px;
		float: left;
		margin: 0 0 0 0;
		padding: 0;
		vertical-align: bottom;
		list-style-type: none;
		background-color: #CAD4E5;
		 }
	#nav li {
		float: left; text-decoration: none;  	list-style-type:none;
	list-style-image:none;
	vertical-align:bottom; height: 30px;

}
	#nav li a {
	    float:left;
		display: block;
		padding:2px	11px 0px 11px;
		text-decoration: none;
		font-weight: bold;
		color: #2554C7;
		background-color:#CAD4E5;
		border-right: 1px solid #CAD4E5;
		border-left: 1px solid #CAD4E5;
		border-top: 1px solid #CAD4E5;
		text-align:center;
height: 30px;

		}
	#nav li a:hover {
		float:left;
	    display: block; 
	    padding:2px	11px 0px 11px;
		text-decoration: none;
		font-weight: bold;
		color: #2554C7;
		background-color: #fff;
		border-right: 1px solid #CAD4E5;
		border-left: 1px solid #CAD4E5;
		border-top: 1px solid #CAD4E5;
		text-align:center;
		height: 30px;

		 }
		



/* Define main sections */
.leftside {
	border-top: 1px solid #CAD4E5;
	background: #F1F2F3;
	font: normal normal 11px/16px Verdana, Arial, sans-serif;
	color: #000;
	border-left: 1px solid #CAD4E5;
	padding: 0px;
}
	
.leftmenutop { background: #607393; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #FFF; border: 1px solid #607393; height: 24px; }

.leftmenu { background: #FFF; color: #333; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	padding: 0px; border-right: 0px solid #CAD4E5; border-left: 0px solid #CAD4E5; }
.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   { color: #000; font-weight: normal; width: 100%; height: 24px; }

.leftmenu2 {
	background: #FFF;
	color: #000;
	font: normal normal 12px/20px Verdana, Arial, sans-serif;
	padding: 0px;
}
.leftmenu2 a:link    { background: #FFF; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif; padding: 0px; }
.leftmenu2 a:active  { background: #FFF; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif; padding: 0px; }
.leftmenu2 a:visited { background: #FFF; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif; padding: 0px; }
.leftmenu2 a:hover   { background: #FFF; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif; padding: 0px; }

.leftmenu3 { background: #F1F2F3; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif;	padding: 0px 0px 0px 0px;}
.leftmenu3 a:link { background: #F1F2F3; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif;	padding: 0px 0px 0px 0px;}
.leftmenu3 a:active { background: #F1F2F3; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif;	padding: 0px 0px 0px 0px;}
.leftmenu3 a:visited { background: #F1F2F3; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif;	padding: 0px 0px 0px 0px;}
.leftmenu3 a:hover { background: #FFF; color: #000; font: normal normal 12px/24px Verdana, Arial, sans-serif;	padding: 0px 0px 0px 0px;}

.main {
	border-bottom: 5px solid #CAD4E5;
	border-top: 1px solid #CAD4E5;
	background: #FFF;
	color: #333;
	font: normal normal 11px/16px Verdana, Arial, sans-serif;
	padding: 10px;
	border-right: 1px solid #CAD4E5;
	border-left: 1px solid #CAD4E5;
}

.mainbanner {
	border-bottom: 5px solid #CAD4E5;
	border-top: 1px solid #CAD4E5;
	background: #FFF;
	color: #333;
	font: normal normal 11px/16px Verdana, Arial, sans-serif;
	padding: 0px;
	border-right: 1px solid #CAD4E5;
	border-left: 1px solid #CAD4E5;
}

.rightside { background: #FFF; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #000; border-right: 1px solid #CAD4E5; padding: 10px; }
.formpage { background: #FFF; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #333; padding: 10px; }
.formfield {
	background: #FFF;
	font: normal normal normal small Verdana, Arial, sans-serif;
	color: #333;
}

/* Define product page sections */
.productbox      {padding: 4px 10px; background: #EFEFEF; color: #333; font: normal normal normal 12px Verdana, Arial, sans-serif; border: 1px solid #607393;}

.productboxtop   { background: #607393; color: #FFF; font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border-top: 1px solid #607393; border-left: 1px solid #607393;  border-right: 1px solid #607393;  }
.productboxtop a:link   { background: #607393; color: #FFF; font: normal normal 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border-top: 1px solid #607393; border-left: 1px solid #607393;  border-right: 1px solid #607393;  }
.productboxtop a:visited   { background: #607393; color: #FFF; font: normal normal 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border-top: 1px solid #607393; border-left: 1px solid #607393;  border-right: 1px solid #607393;  }
	
	
	
.products        { background: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; }
.products a:link        { background: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; }

.productssleft   { background: #FFF; color: #154A84; border-left: 1px solid #607393; border-top: 1px solid #607393; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.productssright  { background: #FFF; color: #154A84; border-left: 1px solid #607393; border-top: 1px solid #607393; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #607393; }


/* Define textbox area */

.textbox      { background: #F1F2F3; color: #333; font: normal normal 10px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; 
	border-left: 1px solid #607393; border-bottom: 1px solid #607393;  border-right: 1px solid #607393; }
.textboxheader { background: #607393; color: #FFF; 
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
	

/* Define horizontal rule */
HR { height:1px; width: 96%; background:#607393; margin: 0% 2% 0% 2%; }

/* Define footer area */
.footer { background: #607393; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; 
	 line-height: 28px; border-top: 1px solid #607393; border-bottom: 1px solid #607393; }
.footer a:link    { color: #FFF; text-decoration: none;   }
.footer a:active  { color: #607393; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #CAD4E5; text-decoration: underline;  }

	
/* Define standard hyperlinks */	
a:link  {color: #154A84; text-decoration: underline; text-align: center; 
font-size: 11px; font-weight: normal; font-style: normal; font-variant: normal; font-family: Verdana, Arial;
}
a:active { color: #154A84; text-decoration: underline; text-align: right; font-size: 11px; font-weight: normal; font-style: normal; font-variant: normal; font-family: Verdana, Arial;}
a:visited {color: #154A84; text-decoration: underline; text-align: right; font-size: 11px; font-weight: normal; font-style: normal; font-variant: normal; font-family: Verdana, Arial;}
a:hover { color: #154A84; text-decoration: underline; text-align: right; font-size: 11px; font-weight: normal; font-style: normal; font-variant: normal; font-family: Verdana, Arial;}

/* globes on index page */
#splash_menu { height:600px; padding-left:20px; padding-right:20px; }
#splash_menu table { margin-top:114px; vertical-align:middle }
#splash_menu .col_1 { width:220px; vertical-align:middle}
#splash_menu .col_2 { width:220px; vertical-align:middle}
#splash_menu .col_3 { width:220px; vertical-align:middle}

/* globes on index page */
.site_center1 {width:780px; margin:0 auto; text-align:left;}


