@charset "utf-8";

/*                                */
/* TEMPLATE Layout - CSS Document */
/*                                */

body {
	margin: 7px;
	background-color: #000;
	color: #333;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	text-align: left;
}
a { text-decoration: none; }
a:link    {	color: #C30; }
a:visited { color: #C30; }
a:hover   { color: #900; }
a:active  { color: #666; }

/*                                                     */

/* HEADER */
#WRAP_HEADER {
	width: 765px;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	text-align: left;
}

#VIS_MASTHEAD {
	width: 765px;
	height: 53px;
	border: 0;
	background-image: url(../bg/masthead.jpg) }
a:hover #VIS_MASTHEAD {
	background-image: url(../bg/masthead_hover.jpg) }


/* PAGE DIVS */
#WRAP_PAGE {
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../bg/cpanel-content.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
	text-align: left;
}
#WRAP_PAGE2 {
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	text-align: left;
}
#MENUMID {
	height: 16px;
	padding-top: 3px;
	padding-left: 16px;
	padding-right: 15px;
	background-image: url(../bg/menumid.jpg);
	background-repeat: repeat;
	background-color: #F4EBDC;
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
}
#MENUMID a:link    {	color: #900; }
#MENUMID a:visited { color: #900; }
#MENUMID a:hover   { color: #C30; }
#MENUMID a:active  { color: #666; }

#WRAP_LEFT {
	float: left;
	width: 200px;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}
#WRAP_BANNER {
	float: right;
	width: 565px; /*765page-200left (set banner image to 565x75) */
}
#WRAP_RIGHT {
	float: right;
	width: 525px; /*765page-200left-40padding*/
	padding-top: 20px;
	padding-left: 7px;
	padding-right: 20px;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	line-height: 15px;
	text-align: left;
}
#WRAP_CENTER {
	width: 725px; /*765page-40padding*/
	margin: 20px;
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	line-height: 13px;
	text-align: center;
}

/*                                                     */

#Contact_iFrame {
	width: 100%;
	height: 437px;
}

#Crumbs {
	width: 100%;
	color: #666;
	font: bold 9px "Trebuchet MS", Arial, sans-serif; 
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* SEARCH BOX */
#WRAP_SEARCH {
	clear: both;
	width: 748px;
	height: 26px;
	padding-top: 5px;
	padding-left: 17px;
	background-image: url(../bg/cpanel-content.jpg);
	background-repeat: repeat-y;
	text-align: left;
}
#Search_Terms {
	padding-left: 4px;
	background-color: #EEE;
	color: #666;
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
}
#VIS_Search {
	width: 21px;
	height: 16px;
	margin-bottom: -3px;
	border: 0;
	background-image: url(../graphics/search.gif) }

/* FOOTER */
#WRAP_FOOTER {
	clear: both;
	width: 100%;
	padding-top: 6px;
	background-image: url(../bg/footer.jpg);
	background-repeat: repeat-x;
	background-color: #F3E4CD;
	color: #666;
	font: bold 10px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	line-height: 10px;
	text-align: center;
}
#WRAP_FOOTER a:link    { color: #2C5C8D; }
#WRAP_FOOTER a:visited { color: #2C5C8D; }
#WRAP_FOOTER a:hover   { color: #900; }
#WRAP_FOOTER a:active  { color: #666; }

#VIS_CC {
	width: 34px;
	height: 12px;
	margin-top: 2px;
	margin-bottom: -2px;
	border:  0;
	background-image: url(../graphics/logo-cc.gif) }
a:hover #VIS_CC {
	background-image: url(../graphics/logo-cc_hover.gif) }
#VIS_DW {
	width: 17px;
	height: 17px;
	margin-top: 2px;
	margin-bottom: -5px;
	border: 0;
	background-image: url(../graphics/logo-dw.gif) }
a:hover #VIS_DW {
	background-image: url(../graphics/logo-dw_hover.gif) }

#Footer_W3C {
	width: 100%;
	margin-top: 6px;
	padding-top: 7px;
	background-color: #000;
}
#VIS_XHTML {
	width: 62px;
	height: 22px;
	border: 0;
	background-image: url(../graphics/valid-xhtml_yellow.png) }
a:hover #VIS_XHTML {
	background-image: url(../graphics/valid-xhtml_blue.png) }
#VIS_CSS {
	width: 62px;
	height: 22px;
	border: 0px;
	background-image: url(../graphics/valid-css_blue.png) }
a:hover #VIS_CSS {
	background-image: url(../graphics/valid-css_yellow.png) }

