/*----new css----*/
*{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
}

html {
  max-width: 1000px;
  margin: 0 auto;
  background: #f19d47; /* Fills the page */
}

body {
    max-width: 1000px;
    background-color: transparent; 
    margin: 0 auto;
}
.wrapper{
	width: 1000px;
	min-height: 600px;
	margin: 0 auto 0 auto;
	margin-left: auto ;
  	margin-right: auto ;
  	color: #000000;
	background: #f19d47;
}

.navbar{
	width: 1000px;
	height: 25px;
	background-image: url(navbar.jpg);
	background-repeat: repeat-x;
}

.header{
	width: 1000px;
	height: 40px;
	background-image: url(taball.jpg);
	background-repeat: no-repeat;
}
.header2{
	width: 1000px;
	height: 40px;
	background-image: url(taball2.jpg);
	background-repeat: no-repeat;
}
.header3{
	width: 1000px;
	height: 40px;
	background-image: url(taball3.jpg);
	background-repeat: no-repeat;
}
.header4{
	width: 1000px;
	height: 40px;
	background-image: url(taball4.jpg);
	background-repeat: no-repeat;
}
.header5{
	width: 1000px;
	height: 40px;
	background-image: url(taball5.jpg);
	background-repeat: no-repeat;
}
.header6{
	width: 1000px;
	height: 40px;
	background-image: url(taball6.jpg);
	background-repeat: no-repeat;
}

.button a{
	float: left;
	width: 100px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.button a:hover{
	float: left;
	width: 100px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-image: url(hover.jpg);
	background-repeat: repeat-x;
}

.buttons a{
	float: left;
	width: 60px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.buttons a:hover{
	float: left;
	width: 60px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-image: url(hover.jpg);
	background-repeat: repeat-x;
}

.buttont a{
	float: left;
	width: 125px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.buttont a:hover{
	float: left;
	width: 125px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.buttonr a{
	float: right;
	width: 60px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

.buttonr a:hover{
	float: right;
	width: 60px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-image: url(hover.jpg);
	background-repeat: repeat-x;
}

.buttong a{
	float: left;
	width: 100px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #00ff00;
	font-weight: bold;
	text-align: center;
}

.buttong a:hover{
	float: left;
	width: 100px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-image: url(hover.jpg);
	background-repeat: repeat-x;
}
.mainbody{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #ebf4fb;
}

.footer{
	width: 1000px;
	height: 25px;
	color: #ff0000;
	text-align: center;
	background-image: url(footer.jpg);
	background-repeat: repeat-x;
}

.mainbodya{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	/*background-image: url(home.jpg); 
	background-repeat: no-repeat; */
}

.mainbodyx{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
}
.mainbodyl{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background-image: url(login.jpg);
	background-repeat: no-repeat;
}
.mainbody2{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background-image: url(chgpass.jpg);
	background-repeat: no-repeat;
}
.mainbody3{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(eom.jpg);
	background-repeat: no-repeat;
}
.mainbody4{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(export.jpg);
	background-repeat: no-repeat;
}
.mainbody5{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(chckexp.jpg);
	background-repeat: no-repeat;
}
.mainbodyb{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(body2.jpg);
	background-repeat: no-repeat;
}
.mainbodyc{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color:  #000000;
	background: #f19d47;
	/*background-image: url(body.jpg); */
	background-repeat: repeat-y;
}

.mainbodyc1{
	width: 1000px;
	min-height: auto;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #ebf4fb;
	/*background-image: url(body.jpg);
	background-repeat: repeat; */
}
.mainbodycc{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(checkbg1.jpg);
	background-repeat: no-repeat;
}
.mainbodyz{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(blankbody.jpg);
	background-repeat: no-repeat;
}

.mainbodyx{
	width: 1000px;
	min-height: 540px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background: #f19d47;
	background-image: url(bodyx.jpg);
	background-repeat: no-repeat;
}

.tabf {
	font-size: large;
	font=weight: bold;
}
/* ----------- form stuff ----------- */
.t220q {
	width: 200px;
	height: 220px;
}
.t220 {
	width: 1000px;
	height: 220px;
}
.t160 {
	width: 1000px;
	height: 160px;
}
.t80 {
	width: 1000px;
	height: 80px;
}
.t60 {
	width: 1000px;
	height: 60px;
}
.t40 {
	width: 1000px;
	height: 40px;
}
.t20 {
	width: 1000px;
	height: 20px;
}
.t15 {
	width: 1000px;
	height: 15px;
}
.t10 {
	width: 1000px;
	height: 10px;
}
.t2 {
	width: 1000px;
	height: 2px;
}
.a8 {
    width: 8%;
    display: inline;
    float: left;
    white-space: nowrap;
    /*background: #f19d47;*/
    margin-left: 0px;
    margin-right: 2px;
}
.a16 {
    width: 16%;
    display: inline;
    float: left;
    white-space: nowrap;
    background: #f19d47;
    margin-left: 0px;
    margin-right: 2px;
}
.a18 {
    width: 18%;
    display: inline;
    float: left;
    white-space: nowrap;
    background: #f19d47;
    margin-left: 0px;
    margin-right: 2px;
}
.a20 {
    width: 20%;
    display: inline;
    float: left;
    white-space: nowrap;
    background: #f19d47;
    margin-left: 0px;
    margin-right: 2px;
}
.a25 {
    width: 24%;
    display: inline;
    float: left;
    color: #000000;
    /* background: #f19d47; */
    margin-left: 4px;
    margin-right: 4px;
}
.a25l {
    position: relative;
    right: 100px;
    top: 100px;
    background: #f19d47;
}
.a33 {
    width: 32%;
    display: inline;
    float: left;
    background: #f19d47;
    margin-left: 4px;
    margin-right: 4px;
}
.a48 {
    width: 45%;
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f19d47;
}
.a50 {
    width: 49%;
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f19d47;
}
.a50r {
    width: 49%;
    display: inline;
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    background: #f19d47;
}
.a60 {
    width: 60%;
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f19d47;
}
.a75 {
    width: 74%;
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f19d47;
}
.a100 {
    width: 100%;
    display: inline;
    float: left;
    background: #f19d47;
}

.right {
    width: 100%;
    display: inline;
    float: right;
    background: #f19d47;
}

.a100M {
    width: 99%;
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    color: #ff0000;
    background: #f19d47;
}
.a50M {
    width: 45%;
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f19d47;
}
#darkit {
    background: #e1e1e1;
}

#closeit {
    background: #ff6600;
}

#canit {
    background: #c0c0c0;
}

#openit {
    background: #00ff00;
}

#altit {
    background: #ffccff;
}

#signin {
    background: #f8f400;
}
.rojo{
	color: #ff0000;
}
.verde{
	color: #00ff00;
}
.azul{
	color: white;
	/*background-color: black;*/
}
.butt{
	float: left;
	width: 100px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(butt.jpg);
	background-repeat: repeat-x;
}

.butt:hover{
	float: left;
	width: 100px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(hover.jpg);
	background-repeat: repeat-x;
}

.bigbutt{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(butt.jpg);
	background-repeat: repeat-x;
}

.bigbutt:hover{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(hover.jpg);
	background-repeat: repeat-x;
}
.bigbutt2{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(navbar.jpg);
	background-repeat: repeat-x;
}

.bigbutt2:hover{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(hover.jpg);
	background-repeat: repeat-x;
}
.bigbutt3{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(chrome.gif);
	background-repeat: no-repeat;
}

.bigbutt3:hover{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 22px;
	font-family: verdana;
	font-size: 14px;
	color: red;
	font-weight: bold;
	text-align: center;
	margin-left: 4px;
  margin-right: 4px;
  background-image: url(chrome.gif);
	background-repeat: no-repeat;
}
td a{
	line-height: 11px;
	font-family: verdana;
	font-size: 9px;
  color: #000000;
  
}
.tat {
	/*border-bottom: 1px solid #ddd;*/
	text-align: right;
}
#rright {
    border: 1px solid #B3B3B3;
    width: 100%;
    text-align: right;
    -moz-border-radius: 3px;
}

.checkbox {
	float: left;
	width: 13px;
	height: 13px;
}

label {
    width: 100%;
    margin-left: 4px;
    margin-right: 4px;
    color: #000000;
}
input {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}
textarea {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}
select {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */

/*------------------------------------*\
    NAV
\*------------------------------------*/
#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left; /* Clear floats */
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    /*float:left;*/
    margin: 0 auto 0 auto;
		margin-left: auto ;
  	margin-right: auto ;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#000000;
    background:#;
    text-decoration:none;
}
#nav a:hover{
    color:#BE4C39;
    background:#;
    text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
    /* background:#fff; Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:/* rgba(255,255,255,0);  But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    margin: 0 auto 0 auto;
		margin-left: auto ;
  	margin-right: auto ;
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:10; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#;
    text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#;
}