/* CSS Document */

html {
	margin: 0;
	padding: 0;
	background:#2a4a92;
}

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d5966;
}

#site-wrapper {
	padding:0;
	margin:0 auto;
	width: 1000px;
	position:relative;
	background:#FFFFFF url(../images/body-tile.png) repeat-y;
}

/* >> IMAGES */

img, a img {

	border: 0;

}

/* >> LINKS */

a {
	color:#3399cc;
	text-decoration:underline;
}

a:hover {
	color:#f5a700;
	text-decoration:underline;
}


/*--------------------------------------------------------------------------*/


/* >> TITLES */

h1, h2, h3, h4, h5, h6 {
	color: #2e3192;
	font: normal bold Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin-top: 0;
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	font-weight: bold;
}



/* >> GENERAL CLASSES */

.align-left			{text-align: left;}
.align-right			{text-align: right;}
.align-center			{text-align: center;}
.align-justify			{text-align: justify;}
.v-middle 				{vertical-align:middle;}


.float-left			{float: left;}
.float-right			{float: right;}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.empty {
	height: 1px !important;
	font-size: 1px !important;
	line-height: 1px !important;
	clear:both;
}



.error {
	color: #FF0000;
}

.light-gray {
	color:#cbcbcb;
}

.dark-gray {
	color: #999999;
}

.p10 { padding:10px;}
.p20 { padding:20px;}
.p30 { padding:30px;}



/* --Forms-- */

.txtFld {

}
.txtareaFld {

}

input.but_submit {

}

/*--------------------------------------------------------------------------*/


/* ---->>  TOP */

#top {
	background:#2a4a92 url(../images/body-bkg-top.png) left 100% no-repeat;
	height:115px;
}

.caddr {
    color: #2e3192;
    font-size: 12px;
    font-weight: bold;
}

.greyhead {
    color: #8b8394;
    font-size: 12px;
    font-weight: bold;
    /*margin-left: auto;
    margin-right: auto;
    width: 50em;
    text-align: center;*/
}

.top-content-wrapper {
	position:relative;
}


.logo {
	top:12px;
	left:31px;
	position: absolute;
}

.top-links {
	position:absolute;
	right:35px;
	top:45px;
	color:#ffc60d;
}

.top-links a {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffc60d;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 4px;
}

.top-links a:hover {
	text-decoration:none;
	color:#ffed74;
}

.search {
/*	right:24px;
	bottom:24px;
	position:absolute;*/
	background:url(../images/search-bkg.png) no-repeat;
	width:320px;
	height:37px;
	float:right;
	margin:63px 24px 0 0;
	_margin:63px 12px 0 0;
}

.search input, .search span { float:left;}

.search input.txt-field {
	width:250px;
	height:13px; 
	padding:2px; 
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	margin:10px;
	font-size:11px;
}

/*.search input.s-btn {
	margin-top:10px;
}*/
.search .s-btn {
	margin-top:10px;
}
/* <<----  TOP */

/* ---->>  MIDDLE */

.header-img {
	position:relative;
	left:22px;
	top:-2px;
	width:956px;
	height:270px;
}

.header-img .crnTL,
.header-img .crnTR,
.header-img .crnBR,
.header-img .crnBL,
.header-img .underLine {
	position: absolute;
	overflow: hidden !important;
}


.header-img .crnTL,
.header-img .crnTR,
.header-img .crnBL,
.header-img .crnBR {
	width: 7px;
	height: 7px;
}
.header-img .crnTL {
	top: 0;
	left: 0;
	background: url(../images/crn_tl.png);
}
.header-img .crnTR {
	top: 0;
	right: 0;
	background: url(../images/crn_tr.png);
}
.header-img .crnBR {
	bottom: 8px;
	right: 0;
	background: url(../images/crn_br.png);
}
.header-img .crnBL {
	bottom: 8px;
	left: 0;
	background: url(../images/crn_bl.png);
}

.header-img .underLine {
	bottom: 0;
	left: 0;
	background: url(../images/under-header-line.png);
	width:956px;
	height:8px;
}


/*----left-side-bar-->>*/

.left-side-bar {
	float:left;
	width:254px;
	padding:8px 0 0 22px;
}

.left-side-bar .wrapper-1 {
	background:url(../images/menu-tile.png) repeat-y;
}

.left-side-bar .wrapper-1 .wrapper-2 {
	background:url(../images/menu-bkg-bottom.png) left 100% no-repeat;
}

.left-side-bar .wrapper-1 .wrapper-2 .wrapper-3 {
	background:url(../images/menu-bkg-top.png) left top no-repeat;
	min-height:478px;
	_height:478px;
}

ul.menu {
	list-style:none;
	margin:16px 0 0 0;
	padding:0;
}

ul.menu li {
	background:url(../images/m-btn-mid.png) repeat-y;
	margin:0 16px 8px 16px;
	padding:0 0 0 0;
	position:relative;
}

ul.menu li h2 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	background:url(../images/m-btn-bot.png) left 100% no-repeat;
	position:relative;
	bottom:-2px;
}

ul.menu li h2 a {
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/m-btn-top.png) left top no-repeat;
	display:block;
	min-height:10px;
	_height:10px;
	padding: 8px 10px 4px 12px;
	position:relative;
	top:-4px;

}

ul.menu li h2 a:hover {
	color:#ffff00;
	text-decoration:none;
	background:url(../images/m-btn-top_hover.png) left top no-repeat;
}




.latest-news {
	background: url(../images/news-tile.png) repeat-y;
	width:227px;
	position:relative;
	left:13px;
	margin: 15px 0 10px 0;
}

.latest-news .wrapper {
	background:url(../images/news-bkg-bot.png) left 100% no-repeat;
}

.latest-news .wrapper .content {
	background:url(../images/news-bkg-top.gif) left top no-repeat;
	min-height:220px;
	_height:220px;
	position:relative;
	top:-3px;
	padding:15px;
}

.latest-news .wrapper .content h2 {
	color:#7f9dc7;
	font-size:12px;
	margin:10px 0 0 0;
}

.latest-news .wrapper .content h3 {
	color:#49566d;
	font-size:18px;
	font-weight:normal;
	margin:0;
}

.latest-news .wrapper .content p {
	margin:0 0 0 0;
	text-align:justify;
	font-size:11px;
}

.latest-news .wrapper .content .align-right a {
	font-size:10px;
	color:#f5a700;
	text-decoration:none;
}

.latest-news .wrapper .content .align-right a:hover {
	padding-right:3px;
}

/*<<--left-side-bar----*/



/*----content-holder-->>*/

.content-holder {
	float:left;
	width:700px;
	margin:8px 0 0 14px;
}


.content-holder .content {
	background:url(../images/content-tile.png) repeat-y;
	width:386px;
	float:left;
	position:relative;
	left:10px;
}

.content-holder .content2 {
	background:url(../images/content-tile2.png) repeat-y;
	width:600px;
	float:left;
	position:relative;
	left:10px;
}

.content-holder .content2 .wrapper-1 {
	background:url(../images/content-bkg-bot2.png) left 100% no-repeat;
}

.content-holder .content2 .wrapper-1 .wrapper-2 {
	background:url(../images/content-bkg-top2.png) left top no-repeat;
	min-height:220px;
	_height:220px;
	padding:15px;
}

.content-holder .content2 h1.title {
	font-size:20px;
	font-weight:normal;
}

.content-holder .content2 p {
	text-align:justify;
}


.content-holder .content .wrapper-1 {
	background:url(../images/content-bkg-bot.png) left 100% no-repeat;
}

.content-holder .content .wrapper-1 .wrapper-2 {
	background:url(../images/content-bkg-top.png) left top no-repeat;
	min-height:220px;
	_height:220px;
	padding:15px;
}

.content-holder .content h1.title {
	font-size:20px;
	font-weight:normal;
}

.content-holder .content p {
	text-align:justify;
}




.content-holder .right-panel {
	background:url(../images/right-panel-tile.png) repeat-y;
	width:277px;
	float: right;
	right:11px;
	position:relative;
	right:11px;
}

.content-holder .right-panel .wrapper-1 {
	background:url(../images/right-panel-bkg-bot.png) left 100% no-repeat;
}

.content-holder .right-panel .wrapper-1 .wrapper-2 {
	background:url(../images/right-panel-bkg-top.png) left top no-repeat;
	min-height:220px;
	_height:220px;
	padding:15px;
}

.content-holder .right-panel .wrapper-1 .wrapper-2 h2.title {
	font-size:20px;
	color:#49566d;
	font-weight:normal;
	margin:0 0 0 0;
}

.content-holder .right-panel .wrapper-1 .wrapper-2 p {
	text-align:justify;
}

.content-holder .right-panel .wrapper-1 .wrapper-2 .align-right a {
	font-size:10px;
}



.content-holder .banners {
	clear:both;
}

.content-holder .banners ul {
	list-style:none;
	margin:0;
	padding:0;
}

.content-holder .banners ul li {
	margin:0;
	padding:10px 0 0 6px;
	float:left;
}

.content-holder .banners ul li a.frame-bkg img {
	width:301px;
	height:194px;
}

.content-holder .banners ul li a.frame-bkg {
	width:301px;
	height:194px;
	padding:17px;
	background:url(../images/banner-bkg.png) no-repeat;
	display:block;
}

.content-holder .banners ul li a.frame-bkg:hover {
	background:url(../images/banner-bkg.png) 0px -232px no-repeat;
}
/*<<--content-holder----*/



/* <<----  MIDDLE */




/* ---->>  FOOTER */
#footer {
	clear:both;
	background:url(../images/body-bkg-bottom.png) left 100% no-repeat;
}

#footer .wrapper {
	background:url(../images/footer-bkg.png) no-repeat;
	height:110px;
	margin:15px 22px 0 22px;
	padding:10px;
	color:#FFFFFF;
}

#footer .wrapper .footer-links {
	float:right;

}

#footer .wrapper .footer-links a {
	text-transform:uppercase;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	padding:0 4px;
}

#footer .wrapper .footer-links a:hover {
	text-decoration:underline;
}


#footer .wrapper .copyright {
	float:left;
	font-size:10px;
	padding-top:3px;
}

/* <<----  FOOTER */








