/*
Company:	MATCU
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: url(../images/page-bkg.jpg) repeat-x 0 75px #4397c1;
}
body {
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	background-color: #1a517f;
	border-bottom: 1px solid #265a86;
	height: 75px;
	overflow: hidden;
}
div#hd-inner {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/* Body */
div#bd {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0 0 10px 0;
}

/* Footer */
div#ft {
	border-top: 1px solid #fff;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 15px;
}
div#ft div.menu
{
	color: #ffffff;
	float: left;
	width: 800px;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
div#ft p.addy {
	color: #fff;
	width: 150px;
	font-size: 77%;
	float: left;
	display: inline;
}
div#ft a:link, div#ft a:visited {
	color: #fff;
	text-decoration: none;
}
div#ft a:hover {
	text-decoration: underline;
}
div#ft div.ft-text {
	width: 465px;
	margin: 0 27px 0 0;
	float: right;
	display: inline;
}
div#ft div.ft-text p {
	color: #fff;
	font-size: 77%;
}

div#ft div#logos,
div#ft div#ctl00_Footer1_logos 
{
    float: left;
    width: 135px;
}

div#ft div#logos img#left,
div#ft div#ctl00_Footer1_logos img#left
{
    float: left;   
}

div#ft div#logos img#right,
div#ft div#ctl00_Footer1_logos img#right
{
       float: right;
       margin-top: 15px;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	width: 210px;
	height: 43px;
	background: url(../images/matcu-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 17px 0 14px 0;
	float: left;
	display: inline;
}
div#logo a {
	display: block;
	height: 100%;
}

/* Side */
div.side {
	width: 160px;
	padding: 20px 0 0 0;
	float: left;
	display: inline;
}

/* Side Ad */
div.subnav {
	width: 168px;
	float: left;
	display: inline;
}

/* Main */
div.main {
	width: 460px;
	margin-right: 47px;
	padding: 20px 0 0 0;
	float: right;
	display: inline;
}

/* Side Ad */
div.sidead {
	margin: 0 0 30px 0;
}

/* Want To Selector */
div.want-to {
	margin: 0 0 10px 0;
}
div.want-to select 
{
	font-size:93%;
	width: 150px;
}

/* Find Location */
div.find-location {
	background-color: #1a517f;
	padding: 10px;
	width: 130px;
	margin: 0 0 10px 0;
}
div.find-location h2 {
	margin: 0 0 5px 0;
	color: #fff;
	font-size: 123.1%;
	font-weight: normal;
	font-family: "HelveticaNeue-Condensed", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
div.find-location label {
	font-size: 93%;
	color: #ffb400;
	font-family: "HelveticaNeue-Condensed", "HelveticaNeue", Helvetica, Arial, sans-serif;
	display: block;
	margin: 0 0 2px 0;
}
div.find-location input.txt {
	width: 60px;
	vertical-align: middle;
	margin: 0 0 5px 0;
	color: #666666;
	font-size: 77%;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	padding: 2px;
}
div.find-location input.btn {
	vertical-align: middle;
	margin: 0 0 5px 0;
}
div.find-location p {
	font-size: 77%;
	margin: 0;
}
div.find-location p a:link, div.find-location p a:visited {
	color: #fff;
}
div.find-location p a:hover {
	text-decoration: none;
}

/* Matcu eNews */
div.enews {
	background-color: #1a517f;
	padding: 10px;
	width: 130px;
}
div.enews h2 {
	margin: 0 0 5px 0;
	color: #fff;
	font-size: 161.6%;
	font-weight: normal;
	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
div.enews p {
	font-size: 93%;
	color: #ffb400;
	font-family: "HelveticaNeue-Condensed", "HelveticaNeue", Helvetica, Arial, sans-serif;
	margin: 0 0 4px 0;
}
div.enews input.txt {
	width: 120px;
	vertical-align: middle;
	margin: 0 0 5px 0;
	color: #666666;
	font-size: 77%;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	padding: 2px;
}
div.enews input.btn {
	vertical-align: middle;
	margin: 0 2px 0 0;
	float: right;
	display: inline;
}
div.enews p a:link, div.enews p a:visited {
	color: #fff;
}
div.enews p a:hover {
	text-decoration: none;
}

/* Graphic Boxes */
div.box-460x168 {
	width: 460px;
	height: 168px;
	overflow: hidden;
}
div.box-460x300 {
	width: 460px;
	height: 300px;
	overflow: hidden;
}
div.box-460x111 {
	width: 460px;
	height: 111px;
	overflow: hidden;
}
div.box-460x408 {
	width: 460px;
	height: 408px;
	overflow: hidden;
}
div.box-460x78 {
	width: 460px;
	height: 78px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

/* IE Transparency Fixes */
div.box-460x78 img,
div.box-460x111 img,
div.box-460x408 img,
div.box-460x168 img,
div.box-460x300 img
{
	behavior: url(iepngfix.htc);
}
div.box-460x78 img {
	width: 460px;
	height: 78px;
}
div.box-460x111 img {
	width: 460px;
	height: 111px;
}
div.box-460x408 img{
	width: 460px;
	height: 408px;
}
div.box-460x168 img{
	width: 460px;
	height: 168px;
}
div.box-460x300 img{
	width: 460px;
	height: 300px;
}

div.box-220x85 {
	width: 220px;
	height: 85px;
	margin: 0 0 17px 0;
	float: left;
	display: inline;
}	

div.box-right {
	float: right;
	display: inline;
}

/* Login */
div#login {
	width: 600px;
	height: 75px;
	float: right;
	display: inline;
}
label.login-customer {
	display: block;
	width: 75px;
	text-align: right;
	padding: 25px 10px 0 0;
	color: #fff;
	font-size: 93%;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	float: left;
	display: inline;
}
div.login-col1 {
	width: 140px;
	padding: 13px 5px 0 0;
	float: left;
	display: inline;
}
div.login-col1 label {
	display: block;
	font-size: 93%;
	color: #ffb400;
	height: 16px;
}
div.login-col1 input.txt {
	width: 130px;
	padding: 2px;
	font-size: 93%;
	color: #666666;
}

div.login-col2 {
	width: 160px;
	padding: 13px 0 0 0;
	float: left;
	display: inline;
}
div.login-col2 label {
	display: block;
	font-size: 93%;
	color: #ffb400;
	height: 16px;
}
div.login-col2 input.txt {
	width: 130px;
	font-size: 93%;
	color: #666666;
	padding: 2px;
}
div.login-col2 label a {
	font-size: 77%;
}
div.login-col2 label a:link, div.login-col2 label a:visited {
	color: #fff;
	text-decoration: none;
}
div.login-col2 label a:hover {
	text-decoration: underline;
}

div.login-col3 {
	width: 150px;
	padding: 31px 0 0 0;
	float: right;
	display: inline;
}
div.login-col3 p {
	font-size: 77%;
	color: #fff;
	margin: 0;
	white-space: nowrap;
}
div.login-col3 input.btn {
	margin: 0 0 5px 0;
}
div.login-col3 p a:link, div.login-col3 p a:visited {
	color: #fff;
	text-decoration: underline;
}
div.login-col3 p a:hover {
	text-decoration: none;
}

/* Callouts */
div.callouts {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px 0 0 0;
	background: url(../images/callouts-top.gif) no-repeat 0 0;
}
div.callouts a {
	margin: 0;
	font-size: 161.6%;
	font-weight: normal;
	font-family: "MyriadPro-Regular", "Myriad Pro Regular", Arial, sans-serif;
	color: #fff;
	display: block;
}
div.callouts span {
	display: block;
	font-family: "MyriadPro-Regular", "Myriad Pro Regular", Arial, sans-serif;
	font-size: 57%;
	color: #ffffff;
}
div.callouts a:link, div.callouts a:visited {
	color: #fff;
	text-decoration: none;
}
div.callouts a:hover {
	text-decoration: none;
}
div.callouts a:hover span {
	text-decoration: underline!important;
}
div.callouts div.callouts-inner {
	background: url(../images/callouts-divs.gif) repeat-y 50% 0;
}
div.callouts div.callouts-btm {
	padding: 0 0 10px 0;
	background: url(../images/callouts-btm.gif) no-repeat 0 100%;
}
div.callouts div.left {
	width: 135px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
div.callouts div.center {
	width: 135px;
	margin: 0 0 0 17px;
	float: left;
	display: inline;
}
div.callouts div.right {
	width: 135px;
	margin: 0 0 0 15px;
	float: left;
	display: inline;
}

/* Content */
div.content {
	padding: 0 0 20px 0;
}

/* HR */
div.hr {
	border-top: 1px solid #fff;
	height: 1px;
	overflow: hidden;
	margin: 0 0 10px 0;
}
/* @end */

/* @group Nav */
div#nav {
	margin: 0 0 30px 0;
}
div#nav ul {
	margin: 0;
	padding: 0;
	background: url(../images/nav.gif) no-repeat 0 0;
	width: 160px;
	height: 50px;
}
div#nav ul li {
	list-style: none;
}
div#nav ul li a {
	text-indent: -9000px;
}
div#nav ul li#n-why {
	margin: 0 0 2px 0;
}
div#nav ul li#n-personal {
	margin: 0 0 3px 0;
}
div#nav ul li#n-why a {
	display: block;
	width: 160px;
	height: 24px;
}
div#nav ul li#n-why a:hover, div#nav ul li#n-why a.active {
	background: url(../images/nav.gif) no-repeat -160px 0;
}
div#nav ul li#n-personal a {
	display: block;
	width: 160px;
	height: 23px;
}
div#nav ul li#n-personal a:hover, div#nav ul li#n-personal a.active {
	background: url(../images/nav.gif) no-repeat -160px -26px;
}
div#nav ul li#n-business a {
	display: block;
	width: 160px;
	height: 24px;
}
div#nav ul li#n-business a:hover, div#nav ul li#n-business a.active {
	background: url(../images/nav.gif) no-repeat -160px -52px;
}

/* Subnav */
div.subnav ul {
	margin: 0;
	padding: 25px 0 25px 0;
	border-left: 1px solid #fff;
}
div.subnav ul li {
	list-style: none;
}
div.subnav ul li a {
	font-size: 85%;
	display: block;
	width: 130px;
	padding: 3px 10px;
}
div.subnav ul li a:link, div.subnav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div.subnav ul li a:hover, div.subnav ul li a.active:link, div.subnav ul li a.active:visited {
	background-color: #fff;
	color: #ffb400;
}
/* @end */

/* @group Default Headings */
div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 {
	color: #fff;
}
div.content h2 {
	font-size: 108%;
	margin: 0 0 1em 0;
}
/* @end */

/* @group Common Text Styles */
div.content p {
	font-size: 100%;
	line-height: 140%;
	color: #fff;
}
div.content p.bc {
	color: #fff;
}
div.content p.bc a:link, div.content p.bc a:visited {
	color: #444;
	text-decoration: underline;
}
div.content p.bc a:hover {
	text-decoration: none;
}
div.content table td, div.content table th{
	color: #fff;
	border: 1px solid white;
	text-align: left;
	font-size: 100%;
}
/* @end */

/* @group Default Lists */
div.content li {
	color: #fff;
	font-size: 100%;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

table td
{
	border: none;
}

/* FCKEditor, Content Styles */
div.content p.intro_para {
	font-size: small;
	font-weight: bold;
}

hr {
	border: medium none ; background-color: rgb(255, 255, 255); height: 1px;
}

a.contentlink 
{
	color: #FFB400;
}

a.buttonlink {
	padding: 8px; color: rgb(255, 255, 255); background-color: rgb(26, 81, 127); font-size: medium; font-weight: bold;
}

div.content h2.section_header {
	font-size: large;
	font-weight: bold;
}

/* Location Styles */
div.location
{
	clear: both;
	color: #FFFFFF;
	padding: 0px;
}
div.location-left,
div.location-right
{
	margin: 0px;
	padding: 0px;
}
div.location-left
{
	clear: both;
	float: left;
}
div.location-right
{
	clear: both;
	float: right;
}
div.location p
{
	margin: 0px;
	padding: 0px;
}

#ctl00_MainContent_cblType 
{
	margin: 0px;
	padding: 0px;
}

#ctl00_MainContent_cblType td
{
	border-style: none;
	border-width: 0px;
}

#ctl00_MainContent_cblType td label
{
	margin-left: 5px;
}

/* Forms */
#checkboxTable
{
	font-size: smaller;
}

#checkboxTable b
{
	font-size: small;
}

#checkboxTable input
{
	margin-right: 3px;
} 
caption 
{
	color:white;
	font-size:larger;
}