﻿/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

html, body {
	height: 100%;
}


a{color:#003163; text-decoration:underline} 
a:hover{text-decoration:none}

.a{color:#003163; text-decoration:underline} 
.a:hover{text-decoration:none}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-size:12px;
	font-family:Tahoma;
	color: #4C4C4C;
	background-image: ;
	background-repeat: repeat-y;
	z-index: 100;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
	color: #3b3831;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.text1 {
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #3b3831;
}

.textH2 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #003163;
}

.text2 {
	font-size: 16px;
	color: #003163;
	margin-bottom: .5em;
}

#box1 {
	float: left;
	width: 710px;

}

#box2 {
	float: left;
	padding-left: 50px;

}



/** BACKGROUNDS */


.bg1 { background-color: #ffffff;}
.bgf { background: url(images/bgfooter.jpg) no-repeat; left top; }



/** STYLES */

.style1 {
	color: #003f76;
	font-size: 11px;
}

.style1 a {
	color: #003f76;
}

.style1 a:hover {
}

.style-phone {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
}

.styleheaderlinks {
	color: #99bbde;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.styleheaderlinks a {
	color: #99bbde;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/** Main Content */

#maincontent {
	float: left;
	width: 700px;
	padding-left: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 20px;

}




/** FOOTER */

#footer {
	width: 980px;
	height: 40px;
	margin: 0px auto;
	padding-top: 0px;
}

#address {
	float: left;
	width: 430px;
	padding: 15px 0px 0px 100px;
	text-align: left;
}

#contacts {
	float: right;
	width: 400px;
	padding: 15px 50px 0px 0px;
}

/** Header */

#header {
	float: left;
	width: 780px;
	height: 156px;
	padding-left: 0px;
	background:
}

#titleimage {
	float: left;
	width: 500px;
	padding: 60px 0px 0px 0px;
	position:relative;
	text-align: left;
	top: 0px;
	height: 111px;
	left: 4px;
	z-index: 1;
}

#subtitle {
	float: left;
	padding: 60px 0px 0px 30px;
	position:absolute;
	text-align: left;
}

#phonenumber {
	float: left;
	padding: 0px 0px 0px 630px;
	position:relative;
	text-align: left;
	left: 4px;
	width: 500px;
	height: 100px;
	background-image: url(%20);
	z-index: 1;
	top: auto;
}

#logo {
	float: left;
	position:relative;
	text-align: left;
	left: -5px;
	width: 500px;
	height: 119px;
	z-index: 300;
	top: 11px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#headerlinks {
	float: left;
	padding: 60px 0px 0px 600px;
	position:absolute;
	text-align: left;
	width: 384px;
	height: 98px;
	background-image: url(images/cashheaderbg.gif);
}

/** Banner */

#banner {
	float: left;
	width: 779px;
	height: 170px;
	border-bottom: solid 1px #003f76;
	border-right: solid 1px #003f76;
}

#bannerphoto {
	float: left;
	width: 499px;
	height: 170px;
	background: url(images/bannerphoto-handshake.jpg) repeat-y left top;
}

#banneradd {
	float: left;
	width: 280px;
	height: 170px;
	background-color:#8fabc9;
}



/** Main Menu */

#mainmenu {
	float: left;
	width: 200px;
	height: 260px;
	padding-left: 0px;
	background: url(images/bgmenu.jpg) repeat-y left top;
}


/*begin creating the tabs */
.menu {
	
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td 
{
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	
}

/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	display: block;
	float: left;
	width: auto;
	height: 20px;
	vertical-align:bottom;
	padding: 10px 0px 0px 40px;
	text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	
	color: #FFFFFF;
	background: url(images/bgMenuItem.jpg) no-repeat left bottom;
	margin-left: 10px;
}
	/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	background: url(images/bgMenuItem.jpg) no-repeat left bottom;
	color: #204768;
	

}

/* make drop down menu container style */
.menuPopup {
	background: url(images/background_drop_menu.html) repeat #8C9FB4;
	border: 1px dotted #666666;
	border-bottom: none;
	color: #ffffff;
    margin-left: 22px;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px dotted #666666;
	font: 0.7em Verdana;
	padding: 3px;
}
	

#input1{ 
   width:175px; height:10px;
   vertical-align:middle;
   padding-left:0px;
   padding-top:0px;
}


#input2{ 
border:0px;
   width:61px; height:16px;
   margin-left:5px;
   vertical-align:middle;
   padding-left:0px;
   padding-top:0px;
}

.input3 {
	width: 200px; 
	height: 13px;
	padding: 3px 3px;
	background: #FFFFFF url(images/homepage16.html) repeat-x left top;
	border: 1px solid #CCCCCC;
}

.input4 {
	width: 200px;
	padding: 3px 5px;
	background: #FFFFFF url(images/homepage16.html) repeat-x left top;
	border: 1px solid #CCCCCC;
}

.input5 {
	width: 200px;
	padding: 3px 5px;
	vertical-align:middle;

}

