/* Style sheet for TWC Graphics Design template */
html {
	margin-left: 102px;
	padding: 0px;
}
body  { 	background: url(images/design_elements/background2.gif) repeat-y top left #202B4A;
	color: #666; 
	margin: 0px;
	padding: 0px;
	text-align: center; font: normal normal 12px/16px Verdana, Arial, sans-serif;
}
input { color: #000; font: normal normal 11px Arial, sans-serif; }
h1    { background: #D9DCE4;
	border-top: 3px solid #9BA3BD;
	padding: 7px 5px 1px 3px;
	font: normal bold 12px Verdana, Arial, sans-serif;
	color: #202B4A;
	margin-top: 0px;  }
h2    { font: normal bold 12px Verdana, Arial, sans-serif;
	color: #1C2D3D; }
h3    { font: normal bold 11pt Arial, Verdana, sans-serif; color: #000; padding: 3px; }
h4    { color: #202B4A; 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 12px/16px  Verdana, Arial, sans-serif; }
ul    { list-style-image: url('images/design_elements/bullet.gif'); color: #000; 
	 font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { list-style-image: url('images/design_elements/bullet2.gif'); 
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul ul { list-style-image: url('images/design_elements/bullet3.gif'); 
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }


#flashcontent {
	text-align: left;
	}
.menu { background: #202B4A;
	font: normal normal 11px Verdana, Arial, sans-serif;
	height: 26px;
	color: #EEEFF3;
	}
.menu a, .menu a:link, .menu a:visited { 
	color: #EEEFF3;
	text-decoration: none;
	}
.menu a:hover {
	color: #FFF;
	}

.leftcol { background: #9BA3BD;
	width: 165px;
	padding: 10px;
	color: #000;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.leftcol a, .leftcol a:link, .leftcol a:visited { 
	text-align: left; 
	color: #000;
	text-decoration: none; 
	padding: 2px 2px 2px 14px;  
	display: inline;
	background: url(images/design_elements/menu.gif) no-repeat top left;
	}
.leftcol a:hover {
	text-align: left; 
	color: #FFF; 
	text-decoration: none;  
	padding: 2px 2px 2px 14px;  
	background: url(images/design_elements/menu2.gif) no-repeat top left;
	display: inline;
	}
.midcol { background: #EEEFF3;
	width: 162px;
	padding: 0px 13px 10px 7px;
	font:  normal normal 11px/15px Verdana, Arial, sans-serif; 
	text-align: justify;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.rightcol { background: #FFF;
	width: 383px;
	padding: 0px 0px 10px 0px;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.rightcol p { padding-right: 10px; 
	padding-left: 10px;}
.rightcol li { padding-right: 10px; }	

.doublecol { background: #FFF;
	width: 570px;
	padding: 0px 0px 10px 0px;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.doublecol p { padding-right: 10px; 
	padding-left: 10px;}
.doublecol li { padding-right: 10px; }

.fullcol { background: #FFF;
	width: 760px;
	padding: 0px 0px 10px 0px;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.fullcol p { padding-right: 10px; 
	padding-left: 10px;}
.fullcol li { padding-right: 10px; }
.midresourcecol { background: #EEEFF3;
	width: 200px;
	padding: 0px 13px 10px 7px;
	font:  normal normal 11px/15px Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.rightresourcecol { background: #FFF;
	width: 350px;
	padding: 0px 0px 10px 0px;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
.rightresourcecol p { padding-right: 10px; 
	padding-left: 10px;}
.rightresourcecol li { padding-right: 10px; }
	
/* Define footer section */
.footerleft {  background: #D9DCE4;
	text-align: left;
	font: normal normal 11px/20px Verdana, Arial, sans-serif; 
	color: #333; 
	width: 364px; 
	height: 26px;
	padding: 3px 0px 0px 10px;
	border-top:  5px solid #1A233F;
	}
.footerright {  background: #FFF;
	display: block;
	text-align: right;
	font: normal normal 11px/20px Verdana, Arial, sans-serif; 
	color: #000; 
	width: 374px; 
	height: 26px;
	padding: 3px 10px 0px 0px;
	border-top: 5px solid #9BA3BD;
	}
.footerright a:link, .footerright a:active, .footerright a:visited  { color: #000; text-decoration: none;   }
.footerright a:hover   { color: #1C2D3D; text-decoration: underline;  }
.spacer { background: #FFF; }

/* Define standard hyperlinks */	
a:link  { color: #800000;  } 
a:active { color: #000000;  }
a:visited { color: #0066CC;  }
a:hover { color: #800000; text-decoration: none; }	
/* Define textbox with Scrollbar area */
	
/* Define textbox with Scrollbar area */

div.scroll {
height: 300px;
width: auto;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
color: #000000;
}	

/***********************************************
* Rich HTML Ticker- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
***********************************************/

.tickerstyle {font: normal 12px Verdana, Arial, sans-serif;
	width:160px; 
	height:100px; 
	border:1px solid black; 
	background:lightyellow; 
	padding:8px; 
	overflow:hidden;
	}

.messagediv {display: none;
	text-align:left;
	padding: 10px 5px 20px 5px;
	background:lightyellow
	}
	
/* transparent background on the contact page */

div.contact_background
 {
  width:561px;
  height:auto;
  background:url(images/contact4_color.jpg) no-repeat;
  border:2px solid black;
  }
div.transbox
  {
  width:400px;
  height:auto;
  margin:15px 0px 15px 143px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  }
  div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
  
  /***********************
  * Rounded Corner Boxes *
  ***********************/
  
  .roundedcornr_box_474980 {
   background: #dddddc;
}
.roundedcornr_top_474980 div {
   background: url(images/round_corners/roundedcornr_474980_tl.png) no-repeat top left;
}
.roundedcornr_top_474980 {
   background: url(images/round_corners/roundedcornr_474980_tr.png) no-repeat top right;
}
.roundedcornr_bottom_474980 div {
   background: url(images/round_corners/roundedcornr_474980_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_474980 {
   background: url(images/round_corners/roundedcornr_474980_br.png) no-repeat bottom right;
}

.roundedcornr_top_474980 div, .roundedcornr_top_474980, 
.roundedcornr_bottom_474980 div, .roundedcornr_bottom_474980 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_474980 { margin: 0 5px; }


  
.roundedcornr_box_731752 {
   background: #dddddd url(images/round_corners/roundedcornr_731752_grad.gif) repeat-x top left;
}
.roundedcornr_top_731752 div {
   background: url(images/round_corners/roundedcornr_731752_tl.gif) no-repeat top left;
}
.roundedcornr_top_731752 {
   background: transparent url(images/round_corners/roundedcornr_731752_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_731752 div {
   background: url(images/round_corners/roundedcornr_731752_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_731752 {
   background: transparent url(images/round_corners/roundedcornr_731752_br.gif) no-repeat bottom right;
}

.roundedcornr_top_731752 div, .roundedcornr_top_731752,
.roundedcornr_bottom_731752 div, .roundedcornr_bottom_731752 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_731752 { 
	margin: 0 5px;
}
.right_column {
	height: 450px;
}

.left_column {
	height: 450px;
}

#div1 { 
	float: left;
	width: 283px;
	 
}
#div2 { 
	float: left;
	width: 285px;
	
}

.rc1 {
	padding: 0 10px;
	
}

.rc2 {
	padding: 0 10px 15px 10px;
	height: 100%;
}

.rc3 {
	padding: 0 0 15px 10px;
	height: 520px;
}
.rc4 {
	padding: 0 8px 15px 10px;
	height: 520px;
}



.content { 
	width:570px; 
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
