@charset "utf-8";
/* CSS Document */

body {
font-family:arial, sans-serif;
font-size:12px;
color:#000;
background: transparent url(../images/bg.jpg); background-repeat:repeat-x;
/*background-color:#6590b8;*/
margin:0px 0px 0px 0px;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
div {
/*float:left;*/ margin:auto;
}
.sprite {
background: transparent url(../img/sprite_01.gif);
}
.nmain {
width:992px;
float:none;
}
/* H E A D E R   S T A R T S */
.header {
width:100%;
}
.logo {
width:281px; margin:2px 4px 3px 0px;
}
.adv {
width:499px; margin-right:4px; text-align:center;
}
.welcome_b {
width:202px;
}
.welcome_b .left {
width:7px; height:46px;
background-position:-42px -0px;
}
.welcome_b .center {
width:188px; height:40px; padding:3px 0px 3px 0px; background-color:#95b7da; color:#ffffff;
}
.welcome_b .center a:link {
color:#ffffff; text-decoration:none;
}
.welcome_b .center a:visited {
color:#ffffff; text-decoration:none;
}
.welcome_b .center a:hover {
color:#ffffff; text-decoration:underline;
}
.welcome_b .right {
width:7px; height:46px;
background-position:-50px -0px;
}
.tlogin {
width:46px; height:17px; background-position: -96px -19px; border:none; cursor:pointer;
}
/* H E A D E R   E N D S */

/* M E N U   S T A R T S */
.menu_o {
width:992px; margin-top:1px;
}
.menu_o .m_left {
width:12px; height:33px;
background-position:-16px -0px;
}
.menu_o .m_center {
width:968px; height:24px; background-color:#462808; padding-top:9px;
}
.menu_o .m_right {
width:12px; height:33px;
background-position:-29px -0px;
}
.menu_o ul, li a, li a span {
height: 24px; _height: auto; margin:0; padding:0; float:left;
}
.menu_o li {
list-style:none;float:left; margin-right:4px;
} /*margin used to separate buttons*/
.menu_o li a, li a span {
display:block; text-decoration:none; line-height: 24px; cursor:pointer; color:#fff;
}
.menu_o li a {
padding-left: 10px; background: url(../img/tabbuttonR.gif) no-repeat top left; color:#fff;
}
.menu_o li a span {
padding-right: 10px; background: url(../img/tabbuttonR.gif) no-repeat right top; background-color:#FFF;
} /*use matching background colour to match body if using images with transparent corners*/
.menu_o li a:hover {
background: url(../img/tabbuttonR_H.gif) left top; position:relative; color:#000;
}
.menu_o li a:hover span {
background: url(../img/tabbuttonR_H.gif) right top; color:#000;
}
.menu_o li a.selected{ /*selected main tab style */
padding-left: 10px; background: url(../img/tabbuttonR_H.gif) no-repeat top left; position:relative; color:#02738c; 
}
.menu_o li a.selected span{ /*selected main tab style */
padding-right: 10px; background: url(../img/tabbuttonR_H.gif) no-repeat right top; background-color:#FFF; color:#000;
}
.menu_o li a.selected:hover{ /*selected main tab style */
text-decoration:none;
color:#3b5998;
color:#000;
}
/* M E N U   E N D S */

.bdy {
width:984px; _width:980px; background-color:#ffffff; padding:4px 4px 4px 4px;
}
.bd_left {
width:172px;
}
.bd_center {
width:643px; _width:633px; margin:0px 5px 0px 5px;
}
.bd_right {
width:159px; margin:0px 0px 5px 0px;
}
/*L E F T   S I D E */
.box {
width:173px; margin-bottom:5px;
}
.grleft {
width:8px; height:30px; background-position:-78px -0px;
}
.grcent {
width:157px; height:30px; background-position:-0px -184px;
}
.grright {
width:8px; height:30px; background-position:-87px -0px;
}
.btitle {
font-size:15px; color:#ffffff; margin-top:6px; width:123px;
}
.ico {
float:right; margin:auto; width:auto;
}
.grcont {
padding:2px 8px 2px 8px; width:155px; border-left: 1px solid #91d23e; border-right: 1px solid #91d23e; background-color:#eeffbf;
}
.grbleft {
width:8px; height:10px; background-position:-36px -52px;
}
.grbcent {
width:155px; height:10px; background-position:-0px -248px;
}
.grbright {
width:8px; height:10px; background-position:-47px -52px;
}

.rdleft {
width:7px; height:30px; background-position:-58px -35px;
}
.rdcent {
width:159px; height:30px; background-position:-0px -215px;
}
.rdright {
width:7px; height:30px; background-position:-66px -35px;
}
.rdcont {
padding:2px 8px 2px 8px; width:155px; _width:155px; border-left: 1px solid #707070; border-right: 1px solid #707070;
}
.rdbleft {
width:8px; height:8px; background-position:-96px -9px;
}
.rdbcent {
width:157px; height:7px; border-bottom:1px solid #726e6a;
}
.rdbright {
width:8px; height:8px; background-position:-105px -9px;
}
.rdtleft {
width:8px; height:8px; background-position:-96px -0px;
}
.rdtcent {
width:156px; height:7px; border-top:1px solid #726e6a;
}
.rdtright {
width:8px; height:8px; background-position:-105px -0px;
}
.citem ul {
list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}
.citem ul li {
float:left; padding:0px 0px 0px 0px; margin:0px 0px px 0px;
}
.citem ul li a:link {
float:left; margin:0px 0px px 0px; color:#468a03; border-bottom:1px solid #fff; text-decoration:none; width:155px; height:18px; padding-top:3px;
}
.citem ul li a:visited {
float:left; margin:0px 0px px 0px; color:#468a03; border-bottom:1px solid #fff; text-decoration:none; width:155px; height:18px; padding-top:3px;
}
.citem ul li a:hover {
float:left; margin:0px 0px px 0px; color:#0768cd; border-bottom:1px solid #fff; text-decoration:none; width:155px; height:18px; padding-top:3px;
}
/*L E F T   S I D E   E N D S*/

/*C E N T E R   A R E A */
.cbox {
width:643px; _width:633px; margin-bottom:5px;
}
.se_left {
width:7px; height:73px; background-position:-0px -0px;
}
.se_cent {
width:629px; _width:619px; height:65px; background-position:-0px -74px; padding:4px 0px 4px 0px;
}
.se_cent a:link {
color:#000000;
}
.se_cent a:visited {
color:#000000;
}
.se_cent a:hover {
color:#d8310e;
}
.se_right {
width:7px; height:73px; background-position:-8px -0px;
}
.sfleft {
background:transparent url(../img/sea_left.gif); width:12px; height:24px;
}
.sfcent {
width:200px; _width:198px; height:22px; border-top:1px solid #e73d1a; border-bottom:1px solid #e73d1a; background-color:#ffffff;
}
.sfcent Input {
width:99%; _width:90%; height:14px; border:1px solid #fff;
}
.search {
width:23px; height:24px; background:transparent url(../img/sea_right.gif); border:none;
}
.tdmrg td {
padding-top:5px;
}
.cbx_left {
width:12px; height:33px; background-position:-16px -0px;
}
.cbx_cent {
width:12px; height:33px; background-color:#462808; width:619px; _width:609px;
}
.cbx_right {
width:12px; height:33px; background-position:-29px -0px;
}
.cen_cont {
width:625px; _width:615px; padding:4px 8px 0px 8px; background-color:#fff7ee; border:1px solid #462808;
}
.cbx_bleft {
width:9px; height:26px; background-position:-16px -36px;
}
.cbx_bcent {
height:26px; background-color:#e5c29a; width:625px; _width:615px;
}
.cbx_bright {
width:9px; height:26px; background-position:-26px -36px;
}
.gbx_left {
width:9px; height:33px; background-position:-58px -0px;
}
.gbx_cent {
height:33px; background-color:#e5c29a; width:625px; _width:615px; background-position:-0px -149px;
}
.gbx_right {
width:9px; height:33px; background-position:-68px -0px;
}
.gcen_cont {
width:633px; _width:623px; padding:4px 4px 0px 4px; border:1px solid #6d8d1a;
}
.gcen_cont ul {
list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}
.gcen_cont ul li {
float:left; padding:0px 0px 0px 0px; width:134px; margin:0px 7px 5px 0px; _margin:0px 4px 5px 0px;
}
.gcen_cont ul li a {
float:left; color:#000; border-bottom:1px solid #fff; text-decoration:none; width:134px; height:auto; font-size:11px;
}
.gcen_cont ul li a IMG {
width:134px; margin:1px 1px 1px 1px; border:1px solid #999999;
}
.gbx_bleft {
width:9px; height:25px; background-position:-74px -36px;
}
.gbx_bcent {
height:24px; background-color:#caf991; width:625px; _width:615px;
}
.gbx_bright {
width:9px; height:25px; background-position:-84px -36px;
}
/*C E N T E R   A R E A   E N D S*/

/*R I G H T   S I D E*/
.toprt {
width:154px; background-position:-0px -280px; height:22px; padding:3px 0px 0px 3px; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; font-size:13px; color:#ffffff;
}
.toprc {
width:151px; padding:3px 3px 3px 3px; border-right:1px solid #000; border-left:1px solid #000;
}
.toprt a {
text-decoration:none; color:#ffffff;
}
.toprc a IMG {
border:1px solid #666666; margin-bottom:3px;
}
.toprb {
width:159px; height:10px; background:transparent url(../img/rbox_bottom.gif);
}
/*R I G H T   S I D E   E N D S*/

/*F O O T E R   S T A R T S*/
.ftrt {
background-position:-0px -258px; width:100%; height:17px; background-color:#fff; text-align:center; color:#ffffff; padding-top:3px;
}
.ftrb {
width:139px; background-color:#fff; padding-left:2px;
}
.ftrb a {
color:#666666;
}
.ftro {
width:100%; background-color:#fff;
}

/***************navigation start*********************/
a.squarebutton2{
background: url(../images/btLeft.jpg) no-repeat top left;
display: block;
font: normal 12px arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding:0 0 0 4px; /* Width of left menu image */
text-decoration: none;
margin:0 0 0 6px;
float:left;
}

a:link.squarebutton2, a:visited.squarebutton3, a:active.squarebutton2{
color: #fff; /*button text color*/
text-decoration:none;
}

a.squarebutton2 span{
background: url(../images/btRight.jpg) no-repeat top right;
display: block;
padding: 8px 8px 8px 3px; /*Set 9px below to match value of 'padding-left' value above*/
}


.squarebutton2 a span:selected{
color: #fff !important;
}
.squarebutton2 a:selected{
color: #fff !important;
}
a.squarebutton2:hover{ /* Hover state CSS */
background-position: top left;
background: url(../images/btLeft_hover.jpg) no-repeat top left; 
color: #fff;
}

a.squarebutton2:hover span{ /* Hover state CSS */
background-position: top right;
background: url(../images/btRight_hover.jpg) no-repeat top right;
color: #fff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.squarebutton2_active{
background: url(../images/btLeft_hover.jpg) no-repeat top left;
display: block;
font: normal 12px arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding:0 10px; /* Width of left menu image */
text-decoration: none;
margin:0 0 0 6px; float:left;
}
a.squarebutton2_active span{
background: url(../images/btRight_hover.jpg) no-repeat top right;
display: block;
padding: 8px 8px 8px 3px;
color:#fff;
}

.ftSimple {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
padding:0 0px;
}

.ftSimple a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
padding:0 0px;
}

.ftSimple a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #000;
text-decoration: none;
padding:0 0px;
}

.ftSimple a:selected {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #fff;
text-decoration: none;
padding:0 0px;
}
.ft2 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
padding:0 0px;
line-height:21px;
}

.ft2:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #fe980b;
text-decoration: none;
padding:0 0px;
line-height:21px;
}

.topBox { width:980px; margin:0 auto; padding:0px; }


.ftSimple {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
width:100%;
}


.footer {
	background-image: url(../images/bgBotom.jpg);
	background-repeat: repeat-x;
	background-position:top;
	height:110px;
	width:100%;

}


.clear { clear:both; }
.copy{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#fe980b;
width:100%;
}
/***************navigation end*********************/

.topBox { width:980px; margin:0 auto; padding:0px; }
.logo { width:300px; float:left; padding:6px 0 0 0; height:90px; }

.right { float:right; width:670px;}

.clear { clear:both; }
.copy{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#fe980b;
}

.ftSimple {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
}

.ft{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
padding:0 6px;
}

.ft:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #000;
text-decoration: none;
padding:0 6px;
}

.ft2 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;
padding:0 6px;
line-height:21px;
}

.ft2:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #fe980b;
text-decoration: none;
padding:0 6px;
line-height:21px;
}

.footer {
    background-color: #3A3A3A;
    background-image: url("../images/bgBotom.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    height: 145px;
    padding-top: 15px;
    width: 100%;
	padding-left:15px;
	
}

#footer h1{
	font-size:14px;
	color:#3188b7;
	margin-bottom:5px;
}

.fnav{
	width:165px;
	float:left;
	margin-right:15px;
	border-right:1px dotted #c6c8c9;
}
.fnav h1 {
    color: #FF6600;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0 0;
    width: 100%;
	line-height:20px;
}

.fnav ul{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
}

.fnav li{
	list-style-type:none;
	display:block;
}

.fnav li a{
	text-decoration:none;
	color:#666;
	font-size:11px;
	line-height:18px;
}

.fnav li a:hover{
	text-decoration:underline;
}

.social{
	width:165px;
	float:left;
	color:#006ca7;
	margin-right:15px;
}

.social img{
	border:none;
	margin-bottom:10px;
	margin-top:5px;
}

.social a{
	margin-right:10px;
}

.copyright{
	width:100%;
	height:60px;
	padding-top:30px;
	float:left;
	color:#fff;
	line-height:22px;
	text-align:center;
	background:#188ac9;
}

.copyright a{
	text-decoration:none;
	color:#fff;
}

.copyright a:hover{
	text-decoration:underline;
}
.right-banner{	
	width:140px;
	height:140px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}


.my {
	width:160px;
	float:right;
	height:36px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:36px;
	background:url(../images/my.jpg) no-repeat;
	cursor:pointer;
}

.my:hover{
	background:url(../images/myRol.jpg) no-repeat;
	color:#fff;
	text-decoration:none;
}

.vr { font-family:Arial, Helvetica, sans-serif; color:#2a3b63; font-size:12px; font-weight:bold; text-decoration:none;}
.vr:hover { color:#000; text-decoration: underline;}
#footer h1{
	font-size:14px;
	color:#3188b7;
	margin-bottom:5px;
}

.fnav h1 {
    color: #FF6600;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 3px 0;
    width: 100%;
}

.fnav{
	width:165px;
	float:left;
	margin-right:15px;
	border-right:1px dotted #c6c8c9;
	min-height:122px;
}

.fnav ul{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
}

.fnav li{
	list-style-type:none;
	display:block;
}

.fnav li a{
	text-decoration:none;
	color:#666;
	font-size:11px;
	line-height:18px;
	width:155px;
}

.fnav li a:hover{
	text-decoration:underline;
}

.social{
	width:165px;
	float:left;
	color:#006ca7;
	margin-right:15px;
}

.social img{
	border:none;
	margin-bottom:10px;
	margin-top:5px;
}

.social a{
	margin-right:10px;
}

.copyright{
	width:100%;
	height:60px;
	padding-top:30px;
	float:left;
	color:#fff;
	line-height:22px;
	text-align:center;
	background:#188ac9;
}

.copyright a{
	text-decoration:none;
	color:#fff;
}

.copyright a:hover{
	text-decoration:underline;
}
.right-banner{	
	width:140px;
	height:140px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}


.my {
	width:160px;
	float:right;
	height:36px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:36px;
	background:url(../images/my.jpg) no-repeat;
	cursor:pointer;
}

.my:hover{
	background:url(../images/myRol.jpg) no-repeat;
	color:#fff;
	text-decoration:none;
}

.vr { font-family:Arial, Helvetica, sans-serif; color:#2a3b63; font-size:12px; font-weight:bold; text-decoration:none;}
.vr:hover { color:#000; text-decoration: underline;}

/***************navigation start*********************/
a.squarebutton2{
background: url(../images/btLeft.jpg) no-repeat top left;
display: block;
font: normal 12px arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding:0 0 0 4px; /* Width of left menu image */
text-decoration: none;
margin:0 0 0 6px;
float:left;
}

a:link.squarebutton2, a:visited.squarebutton3, a:active.squarebutton2{
color: #fff; /*button text color*/
text-decoration:none;
}

a.squarebutton2 span{
background: url(../images/btRight.jpg) no-repeat top right;
display: block;
padding: 8px 8px 8px 3px; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton3{
background: url(../images/btLeft_hover.jpg) no-repeat top left;
display: block;
font: normal 12px arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding:0 0 0 4px; /* Width of left menu image */
text-decoration: none;
margin:0 0 0 6px;
float:left;
}

a:link.squarebutton3, a:visited.squarebutton3, a:active.squarebutton2{
color: #fff; /*button text color*/
text-decoration:none;
}

a.squarebutton3 span{
background: url(../images/btRight_hover.jpg) no-repeat top right;
display: block;
padding: 8px 8px 8px 3px; /*Set 9px below to match value of 'padding-left' value above*/
}


a.squarebutton2:hover{ /* Hover state CSS */
background-position: top left;
background: url(../images/btLeft_hover.jpg) no-repeat top left; 
color: #fff;
}

a.squarebutton2:hover span{ /* Hover state CSS */
background-position: top right;
background: url(../images/btRight_hover.jpg) no-repeat top right;
color: #fff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.squarebutton2_active{
background: url(../images/btLeft_hover.jpg) no-repeat top left;
display: block;
font: normal 12px arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding:0 10px; /* Width of left menu image */
text-decoration: none;
margin:0 0 0 6px; float:left;
}
a.squarebutton2_active span{
background: url(../images/btRight_hover.jpg) no-repeat top right;
display: block;
padding: 8px 8px 8px 3px;
color:#fff;
}
/***************navigation end*********************/

/*F O O T E R   E N D S*/