@import url(reset.css);
@import url(formbuilder.css);

a {
	color:#1D6DFF;
}

a:hover {
	color:#FF481D;
	text-decoration:none;
}

body {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 0;
	font-size:10pt;
	margin: 0;
	color:#555555;
	line-height : 1.5;
	background :#FFFFFF url(../images/body-bg3.png) no-repeat scroll center top;
}


form {
	margin: 0;
	padding: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

h1 {
	font-size:medium;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 10px 0;
}

h2 {
	font-size:1.667em;
	font-weight:normal;
	margin: 5px 0 10px 0;
}

h3 {
	color:#969a45;
	font-size:140%;
	font-weight:bold;
	font-family:Arial, Helvetica;
}

span.red
{
	color:#720000;
	font-weight:bold;
}

span.green
{
	color:#969a45;
	font-weight:bold;
}

/*

p {
	padding: 0;
	margin: 0 0 10px 0;
}
*/


table {
	width: 100%;
	/* border: 1px solid gray;*/
}

table td,
table th {
	vertical-align: top;	
}

table td,
table.noborders td table td {
	/* border: 1px solid gray;*/	
}

table.noborders {
	border: 0;	
}

table.noborders td {
	border: 0;	
}

.clear {
	clear: both;
}


/* Some layout
-----------------------------------------------------------------------------*/

#container {
	width: 930px;
	margin: 0 auto;
	background:#F1F1F1 none repeat scroll 0 0;
}

#account-menu {
	text-align: right;
	border-bottom: 1px solid gray;
	margin-bottom: 5px;
	padding: 5px;
}

#searchform {
	clear: both;
	width: 240px;
	float: right;
	padding-top: 10px;
}

#header {
	padding-left: 30px;
	padding-bottom: 10px;
	clear: both;
}

#content {
	padding:0 32px;
}

#content ul, #content ol {
	margin-bottom: 15px;
}

#content ol {
	list-style-type: decimal;
	list-style-position: inside;
}

#content ul {
	list-style-type: square;
	list-style-position: inside;
}

#footer {
	background:transparent url(../images/footer_bg.gif) repeat-x scroll 0 0;
	height:67px;
	margin:40px 0 0;
	overflow:hidden;
	padding:15px 20px;
	position:relative;
	z-index:1;
	font-size:10pt;
}

#footer p {
	margin: 0;
	padding: 0;
	
}


/*=Paginator, used for search and other stuff 
-----------------------------------------------------------------------------*/

.paginator {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #999;
	font-weight: bold;
}

.paginator ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.paginator ul li {
	display: inline;
	padding-right: 10px;
}

.paginator ul li {
}

.paginator ul li span {
}

.paginator ul li span a {
	text-decoration: underline;
	padding: 0 10px;
	color: #026a9d;
}

.paginator ul li.active {
}

.paginator ul li.active span {
	padding: 0 10px;
}


/*=Search Results
-----------------------------------------------------------------------------*/

#search-results {
}

#search-results ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#search-results ul li {
	padding-bottom: 10px;
	font-weight: bold;
}

#search-results ul li a {
	text-decoration: underline;
}

/*= Calendar of Events 
-----------------------------------------------------------------------------*/

.calendar {
	width: 180px;
}

.calendar .header {
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
}

.calendar .previous {
	float: left;
}

.calendar .next {
	float: right;
}

.calendar table.body {
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
	background-color: #ffffff;
}

.calendarleft
{
	float : left;
	margin-top : 15px;
	width : 200px;
}

.calendarright 
{
	float : left;
	width : 360px;
}

.calendar table.body tr.week {
}

.calendar table.body tr.week-first {
}

.calendar table.body tr.week-last {
}

.calendar table.body td {
	vertical-align: middle !important;
}

.calendar table.body td.day {
	text-align: center;
	border: 1px solid #efefef;
	height: 24px;
	color: Gray;
	padding: 0;
	margin: 0;
}

.calendar table.body td.day-first {
}

.calendar table.body td.day-last {
	border-right: 1px solid #efefef;
}

.calendar table.body td.day a {
	display: block;
	background: #eeedec;
	
	color: #650033;
	font-weight: bold;
}

/*=Gallery 
-----------------------------------------------------------------------------*/

ul#thumbnails {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

ul#thumbnails li {
	display: inline;
	height: 120px;
	width: 120px;
	float: left;
}

/*=Forms 
-----------------------------------------------------------------------------*/

.hint {
	color: Gray;
	font-size: 85%;
	font-weight: normal;
}

/* Applied to containers with  */
.validator {
	color: Red;
}

/* Applied to containers with required fields inside */
.validator-req {
}

/* 
    Applied to validator summary div, that contains ul
    By default it has style color: red; so you need to overwrite it somewhere in ul
	
	".errors" here is for validator summary from the form builder forms.
 */
.validator-summary, .errors {
	background: #fffed6;
	padding: 2px 8px;
	margin-bottom: 10px;
}

.validator-summary ul, .errors ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.validator-summary li, .errors li {
	font-weight: bold;
	padding: 3px 0 !important;
	color: #cc0000;
}


fieldset {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}


legend {
	display: none;
}

fieldset legend {
}

.field-row .field-control {
	margin-bottom: 10px;
}

.required .field-control {
}

.field-row .field-label {
	font-weight: bold;
}

label {
	font-family: Arial;
}

.field-row .field-control {
}

/* Simultaneously added to div.field-row */
.submit {
}

.input-name {
	width: 400px;
}

.input-address {
	width: 400px;
}

.input-city {
	width: 150px;
}

.input-state {
	width: 10ex;
}


.input-phone {
	width: 150px;
}

.input-reference {
	width: 150px;
}

.button-link {
	text-decoration: underline !important;
}

.news h2, .news a
{

}

/* My css */
#Header {
	background:transparent url(../images/header2.jpg) no-repeat scroll 0 55px;
	height:379px;
	width:930px;
	display : block;
	position:relative;
	overflow:hidden;
}

#MenuArea {
	background : transparent url(../images/menu_bg.jpg) repeat-x scroll 0 0;
	border : 1px solid #405B79;
	height : 53px;
	line-height : 53px;
	width : 100%;
	position : relative;
	overflow : hidden;
}

#Menu_top {
	left : 50%;
	float : left;
	text-align : center;
	position : relative;
}

#Menu_toplist {
	float : left;
	position : relative;
	left : -50%;
}

#Menu_toplist ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#Menu_toplist ul li 
{
	float : left;
}


.search {
	background:transparent url(../images/search_bg.jpg) repeat-x scroll 0 0;
	color:#FFFFFF;
	font-size:1.084em;
	height:34px;
	margin:0 -32px 39px;
	padding:7px 33px;
}

.column_left {
	width:589px;
	float:left;
	overflow:hidden;
	padding:0 20px 0 0;
}

.column_right
{
	width:216px;
	float:right;
	overflow:hidden;

}

.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}