ul {
	list-style: none;
}
div#promo {
	width:485px;
	text-align:left;
	font-size:1.2em;
	margin: 0 0 0 30px;
}

div#promo-container {
	width: 485px;
	height: 480px;
	background: url(../img/bg-main.png) no-repeat;
}

.left {
	float: left;
	display: inline;
	margin: 10px 0px 0px 10px;
	width: 460px;

}

.left2 {
	float: left;
	display: inline;
	margin: 10px 10px 0px 10px;
	width: 440px;

}

.left3 {
	float: left;
	display: inline;
	margin: 10px 0px 0px 10px;
	width: 460px;
	height: 450px;
	overflow:scroll;
	overflow-x:hidden;
	scrollbar-face-color:#003366;
	scrollbar-highlight-color:#8BD3ED;
	padding-right: 10px;
}

.center {
  margin: 10px 0px 0px 10px;
  clear:both;
  text-align:center;
}

div.row {float: left; margin: 0; padding: 0; width: 98%;}
div.cols2 {float: left; width: 49%; margin: 20px 3px 0 0; padding: 0;}

/*
.right {
	float: right;
	display: inline;
	width: 480px;
	height: 203px;
	margin: 10px 0 0 10px;
}
*/

.clear { clear: both; }

/*h2 { color: #0793C2; font-size: 24px; line-height: 1.4; font-weight: normal; margin-bottom: 10px; }
h3 { color: #0793C2; font-size: 18px; line-height: 1.4; font-weight: normal; margin-bottom: 5px; margin-top: 10px; }*/

#nav { margin-top: 40px; float: left; width: 100%;}
#nav ul { list-style-type: none; display: inline; }
#nav ul li {
	float: left;
	margin-right: 20px;
}
#nav ul li a { color: #0793C2; text-decoration: none; font-size: 14px; display: block; }
#nav ul li a:hover { color: #0793C2; text-decoration: underline; }
#nav ul li a.active { background: transparent url(../img/bullet.png) no-repeat scroll 50% 100%; padding-bottom: 14px; }

h2 { color: #0793C2; font-size: 20px; line-height: 1.4; font-weight: normal; margin-bottom: 10px; }
h3 { color: #0793C2; font-size: 16px; line-height: 1.4; font-weight: normal; margin-bottom: 5px; margin-top: 10px; }
h4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	background-color: #FF0000;
	line-height: 1.4;
}

h5 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	line-height: 1.4;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

p.pres {
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	text-align: justify;
}
p.pres a { color: #333; }
p.pres2 { color: #777; font-size: 12px; line-height: 1.2; }
p.pres2 a { color: #0793C2; }

.more_text {

        color: #0793C2;
        font-weight:normal;
        font-family:verdana;
        font-size:9px;
		text-decoration: none;
		float: right;
}
.more_text a:hover { color: #333; }

.more_text2 {

        color: #0793C2;
        font-weight:normal;
        font-family:verdana;
        font-size:9px;
		text-decoration: none;
}
.more_text2 a:hover { color: #333; }

.more_text3 {
	color: #0793C2;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
}
.more_text3 a:hover { color: #333; }

.link_text {

        color: #0793C2;
        font-weight:normal;
        font-family:verdana;
        font-size:9px;
		text-decoration: none;
		text-align:center
}
.link_text a:hover { color: #333; }

.crumb_text {
	color: #FFFFFF;
	font-weight:normal;
	font-family:verdana;
	font-size:10px;
	text-decoration: none;
	float: left;
	font-variant: normal;
	vertical-align: middle;
}
.crumb_text a:hover { color: #333; }
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 485px;
	height: 480px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango.jcarousel-container {
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  485px;
	height: 480px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 485px;
	height: 480px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 470px;
	left: 391px;
	width: 94px;
	height: 34px;
	cursor: pointer;
	background: transparent url(../img/but-next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -94px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -94px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
		visibility: hidden;
}