@import url("style_editor.css");


/*=== Setup ===*/


* {
	border: 0;
	margin: 0;
	padding: 0
}


body {
	background: #ffffff;
	color: #787878; font: .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }




a {
	color: #077eb9;
	text-decoration: none
}


a:hover {
	text-decoration: underline
}


input,select,textarea {
	border: #d4d4d4 1px solid;
	color: #777777;
	font-size: 1em;
	padding: 2px
}


li {
	list-style: none
}


em {
	color: #077eb9;
	font-style: normal
}

.date span { color: #077eb9;
font-style: normal;
text-transform: uppercase;}

/*=== Layout ===*/


#page {
	background: url(../images/page-bgr.png) repeat-y;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 700px;
	min-height: 700px;
	padding: 0 7px 0 0;
	width: 959px
}


#top-bg {
	background: url(../images/top-bgr.jpg) no-repeat 960px 0
}


#bot-bg {
	background: url(../images/bot-bgr.jpg) no-repeat bottom left
}


/*=== Header ===*/


#header {
	background: url(../images/header-bgr.jpg) no-repeat top left;
	height: 279px
}


#header .spacer {
	color: #9e9e9e;
	float: right;
	padding: 3px 5px 0 0
}


#header .spacer a {
	color: #9e9e9e;
	padding: 0 3px
}


#header .spacer a:hover {
	color: #077eb9
}


/*- Logo -*/


#header h1 {
	float: left;
	text-indent: -9999px;
	width: 415px
}


#header h1 a {
	display: block;
	height: 270px
}


#header h1 a:hover {
	text-decoration: none
}


/*=== Navigation ===*/


/*- Nav1 -*/

#top_nav { position: absolute; left: 240px; z-index: 800; background-color: #feffff; padding-top: 16px; }

#nav1 {
	font-size: 1.1em;
	margin: 0 0 2em
}


#nav1 li {
	line-height: 25px
}


#nav1 li a {
	background: url(../images/hl.gif) no-repeat bottom;
	display: block;
	height: 25px;
}


#nav1 li a:hover,
#nav1 li.active a {
	color: #000000;
	text-decoration: none
}


#nav1 li ul li {
	line-height: 18px
}


#nav1 li ul {
	background: url(../images/hl.gif) no-repeat bottom;
	padding: 0 0 7px
}


#nav1 li ul li a {
	background: none;
	color: #9e9e9e;
	height: 18px;
	font-size: .9em;
	padding: 0 0 0 5px
}


/*=== All Columns ===*/


#columns {
	height: 1%;
	padding: 0 0 15px 15px
}

#columns p {
	margin-bottom: 0.9em;
}


#columns h2 {
	color: #077eb9;
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 0.8em
}


#columns h3 {
	color: #077eb9;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 .5em
}


.col3 p, .col3_home p {
	font: 1.2em/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


/*=== Sub Columns ===*/


.col1 {
	float: left;
	margin: 15px 0 0;
	width: 200px
}


.col2 {
	float: left;
	margin: 0 0 0 26px;
	width: 155px
}


.col3, .col3_home {
	background: transparent url(../images/rightcol-bgr.gif) no-repeat scroll right top;
	float: right;
	height: 1%;
	margin: -250px 0 0 26px;
	padding: 320px 60px 0 0;
	position: relative;
	width: 620px;
	z-index: 1;}


.paging {
	margin-bottom: 1em;
}

/*=== Styling Boxes ===*/


/*- Box1 -*/


.box {
	background: url(../images/grad2.gif) repeat-x top;
	clear: both;
	height: 1%;
	margin: 0 -13px;
	padding: 20px 13px 25px;
	position: relative;
	width: 200px
}


.box img {margin: 5px 0 15px 0;}


/*- Video -*/


.video {
	margin: 0 0 3em
}


/*- Ad, Pic -*/


.ad img {
	border: 5px solid #e2e2e2;
	display: block;
	margin: 0 0 .8em
}


.ad.fl img {
	margin-right: 1em
}


/*=== Styling Forms ===*/


input.btn {
	border: 0;
	padding: 0
}


/*- Search -*/


#search {
	background: url(../images/grad1.gif) repeat-x bottom;
	margin: 0 0 .8em;
	padding: 0 0 25px
}


#search input {
	border: 1px solid #077eb9;
	color: #777777;
	width: 150px
}


#search .btn {
	border: 0;
	margin: 5px 0 0;
	width: auto
}


/*- Form1 Setup -*/


.form1 {
	background: url(../images/grad1.gif) repeat-x bottom;
	margin: 0 -13px;
	padding: 0 13px 25px;
	position: relative;
	width: 200px
}


.form1 div {
	margin: 0 0 5px
}


.form1 input {
	width: 194px
}


.form1 .btn {
	margin: 5px 0 0;
	width: auto
}


.form1 .fl {
	font-size: .9em;
	padding: 7px 0 0
}


/*=== Footer ===*/


#footer {
	background: url(../images/footer-bgr.jpg) no-repeat top left;
	clear: both;
	color: #077eb9;
	font-size: .9em;
	height: 35px;
	margin: -50px 0 0;
	padding: 40px 0 0 20px;
	position: relative
}


#footer a {
	color: #077eb9
}


#footer .fl {
	padding: 5px 0 0;
	text-align: center
}


#footer .fl a {
	color: #ffffff;
	padding: 0 0 0 5px
}


#footer .fl img {
	margin: 0 0 -5px;
	position: relative
}


#footer .fr {
	padding: 15px 0 0;
	width: 475px
}


/*=== Misc. ===*/


.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}


.hl2 {
	background: url(../images/hl2.gif) no-repeat top;
	clear: both;
	height: 1px;
	margin: 15px 0;
	overflow: hidden;
	width: 100%
}


.fl {
	float: left
}


.fr {
	float: right
}


.ar {
	text-align: right
}


.item { margin-bottom:20px; margin-top:20px;}

hr { height:2px; border-bottom: 1px solid #077eb9;}

#cbcontent h3 { font-size: 1.4em;}

.galeria {border-top: 1px solid; padding: 10px;}
.galeria_i {margin: 10px;}
.galeria_i .galimg {float: left; margin-right: 10px; width: 60; height: 60px; overflow: hidden;}