/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#000000; border:0; font:13px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:20px; min-width:980px; overflow:hidden}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px;}

.bg1{position: fixed; z-index:-1; background:url(/images/bg_top.jpg) top repeat-x; width:100%; top:0; left:0;}

.block {height:40px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -40px; position:relative;}
body, html {height:100%;}

.container{ position:relative; padding-top:20px;}
.height{ height:800px; position:relative; overflow:inherit !important}
.spinner{ position:absolute; z-index:99; background:url(/images/bg_top.jpg) top repeat-x #7eb25f; width:100%; height:100%; top:0; left:0}
.spinner div{ position:absolute; z-index:99; background:url(/images/loader.gif) 50% 50% no-repeat; width:100%; height:100%; top:0; left:0}

/* ============================= main layout ====================== */

a{ color:#cf2c03; text-decoration: none; outline:none}
a:hover{ color:#000}

.reverselink a { color: #fff; text-decoration: none; outline:none;}
.reverselink a:hover { color: #ff4; text-decoration: none; outline:none;}

h1{ padding:24px 0 0 18px; float:left;}
h2{ font:21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#262626; line-height:1.2em; text-transform:uppercase; padding:23px 0 13px 0; font-weight:normal;}
h2 span{ color:#cf2c03}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ height:160px; background:url(/images/menu_bg.png) 0 0 no-repeat; position:absolute; bottom:60px; left:0; width:100%;}

#logo{ display:block; text-indent:-9999px; background:url(/images/logo.png) 0 0 no-repeat; width:350px; height:120px; position:relative; margin-top:-10px}

#menu { padding:19px 23px 0 0; float:right}
#menu > li { float:left; position:relative; margin-left:1px;}
#menu > li > a{ display:block; padding:0 22px; font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#272727; position:relative; line-height:52px;}
#menu > li > span{ background:#cf2c03; position:absolute; top:0; left:0; width:100%; height:100%;}
#menu > li:hover > a, #menu > .active > a{ color:#fff;}

.submenu_1{ width:480px; position:absolute; top:73px; left:0;}
.submenu_1 > ul{ background:url(/images/submenu_bg1.gif) repeat; float:left; box-shadow: 4px 4px 5px rgba(0, 0, 0, .75); -moz-box-shadow:4px 4px 5px rgba(0, 0, 0, .75); -webkit-box-shadow:4px 4px 5px rgba(0, 0, 0, .75); position: relative;}
.submenu_1 > ul > li{ border-right:1px solid #717171; float:left; position:relative;}
.submenu_1 > ul > .last, .submenu_2 > ul > .last{ border:0;}
.submenu_1 > ul > li > a{ display:block; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding: 0 22px; line-height:46px; position:relative}
.submenu_1 > ul > li > span{ background:#717171; position:absolute; top:0; left:0; width:100%; height:100%;}

.submenu_2{ width:143px; position:absolute; top:49px; left:-1px;}
.submenu_2 > ul{ background:url(/images/submenu_bg2.gif) repeat; float:left; box-shadow: 4px 4px 5px rgba(0, 0, 0, .45); -moz-box-shadow:4px 4px 5px rgba(0, 0, 0, .45); -webkit-box-shadow:4px 4px 5px rgba(0, 0, 0, .45); position: relative;}
.submenu_2 > ul > li{ border-bottom:1px solid #8d8d87; position:relative;}
.submenu_2 > ul > li > a{ display:block; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding: 0 22px; line-height:45px; position:relative}
.submenu_2 > ul > li > span{ background:#8d8d87; position:absolute; top:0; left:0; width:100%; height:100%;}

#menu div{ display:none;}

/* ============================= content ====================== */

#content{ height:544px; position: relative; bottom:200px; left:0; width:100%}

#content > ul > li{ position:relative; height:524px; width:100%;}

.box{
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background:url(/images/bg_content.png) repeat;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
	background-image: url(/images/bg_content.png);
}

.close{ font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#262626; line-height:1.2em; text-transform:uppercase; position:absolute; top:20px; right:20px; font-weight:bold;}
.close:hover{ color:#cf2c03}

.pad_bot1{ padding-bottom:16px}
.marg_right1{ margin-right:20px;}

.font1{ font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9a9a9a; line-height:28px;}

.date{ font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#525252; width:100%; overflow:hidden; padding:8px 0 7px 0; line-height:1.2em; text-transform:uppercase}
.date span{ float:left; background:url(/images/bg1.gif) 0 bottom repeat-x; margin-right:2px; width:49px; padding-left:1px; padding-bottom:14px}
.date .description{ color:#cf2c03; background:url(/images/bg2.gif) 0 bottom repeat-x; padding-left:9px; width:147px;}

.underline{ padding-bottom:21px; border-bottom:1px solid #ebe9e7; margin-bottom:21px;}

.button1{ display:inline-block; border:1px solid #dfdbda; background: url(/images/marker_2.gif) 14px 13px no-repeat #fff; padding:0 16px 0 22px; font-size:12px; color:#262626; line-height:30px; position:relative; font-weight:bold;}
.button1:hover{ color:#cf2c03}

.list1{}
.list1 li{ font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:31px; border-bottom:1px solid #e6e8e4}
.list1 a{ padding-left:22px; color:#111111; background:url(/images/marker_1.gif) 0 9px no-repeat;}
.list1 a:hover{ color:#cf2c03;}
.list1 .last{ border:0}

.list2{}
.list2 li{ font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:28px; border-bottom:1px solid #e6e8e4; margin:0px 0;}
.list2 a{ padding-left:5px; color:#111111;}
.list2 a:hover{ color:#cf2c03;}
.list2 .last{ border:0}


.color1{ color:#cf2c03}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; z-index:1; float:left;}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.lightbox-image .play{ position:absolute; width:45px; height:45px; top:50%; left:50%; z-index:2; margin-top:-22px; margin-left:-22px;}

.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
.pp_description{ display:none; height:0; padding:0; margin:0; font-size:0; line-height:0}
div.light_square .pp_close{ position:absolute; z-index:99; top:-38px; right:-22px; width:20px; height:16px; background:url(close.png) 0 0 no-repeat}
div.light_square .pp_close:hover{ background-position:right 0}

.donations{ padding-top:66px}
.donations .font1{ padding-bottom:13px}
.donations figure{ padding-bottom:44px;}

table{ background:url(/images/table_bg_top.gif) 0 top repeat-x #fff; border-bottom:1px solid #b6b3b2; border-left:1px solid #e2e1e0; border-right:1px solid #e2e1e0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 1px 0px #e8e6e5; -moz-box-shadow: 0 1px 0px #e8e6e5; -webkit-box-shadow: 0 1px 0px #e8e6e5; position: relative; margin-bottom:15px;}

table th{ font-size:12px; font-weight:bold; color:#cf2c03; text-transform:uppercase; border-right:1px solid #c9c9ca; width:70px; text-align:center; height:40px; line-height:40px; vertical-align:middle;}
table td{ font-size:12px; font-weight:bold; color:#cf2c03; text-transform:uppercase; border-right:1px solid #c9c9ca; width:70px; text-align:center; height:30px; line-height:17px; vertical-align:top;}

table .col1{ width:350px; padding:0 10px 0 10px; text-align:left;}
table .col2{ width:148px; padding:0 10px 0 10px;  border-right:none; text-align:left;}
table th.col1{ width:350px; padding-left:10px; text-align:center;}
table th.col2{ width:148px; padding-left:10px; text-align:center;}

table td.col1, table td.col2{ font-size:13px; color:#7a7b7c; font-weight:normal; text-transform:none; padding-bottom:30px;}

table .last td{ padding-bottom:22px; border-top:solid 1 #999}
table .first td{ padding-top:6px; border-top:solid 1 #999}

table .bg td{ background:#efeff0}

table p {margin-bottom:-20px;}

.address .col1{ width:98px; float:left;}

.map{ float:left; background:#fff; padding:9px;}

/* ============================= footer ====================== */

footer { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-align:center; line-height:30px; position:relative; bottom:40px; height:40px}
footer a{ color:#fff}
footer a:hover{ color:#ff4; text-decoration:none}

/* ============================= forms ============================= */

#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:26px;}
#ContactForm .success{display:none; position:absolute; padding:20px 30px; border:1px solid #dcdbda; top:300px; left:0; right:0; background:#fff; z-index:2;}
#ContactForm .success strong{ font-size:12px; text-transform:uppercase; color:#cf2c03}
#ContactForm label{ position:relative;min-height:38px; display: inline-block; z-index:1}
#ContactForm .message{ height:120px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:12px; color:#cf2c03; line-height:14px; display:none; width:100%}
#ContactForm a { 
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(/js/PIE.htc);
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 16px 0 0 25px;
}
 a:hover {background: #c1b7a5;}
#ContactForm .input { 
		display:block;
      	width: 400px;
		padding:8px 10px; 
		margin-bottom:4px;
		background:none; 
		/*border:none;*/
		color:#8e846b;
		font-size: 13px;
		line-height: 1.2em;
    		border: 1px solid #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        behavior: url(/js/PIE.htc);
}
#ContactForm textarea { overflow: auto;width:400px; height:100px; background: none; padding:10px 10px;color:#7d7d7d; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 0 0 2px;}


#ContactForm  .bg{ background:#fff; border:1px solid #dcdbda;position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 4px; display:block; width:auto;}

/*----- form defaults -----*/
/* see earlier */

#contest-form { }
#contact-form { }

.jquery-form {
	padding:10px 0 29px;
	/*width: 603px;*/      	
  			
}
	.jquery-form label {
		/*height:43px; */
		display:block;
    	margin: 4px 0;
      
	}
	.jquery-form a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(/js/PIE.htc);
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 16px 0 0 25px;
	}
		.jquery-form a:hover {background: #c1b7a5;}
	.jquery-form .input {
	/*	width:403px;*/
		/*background:url(/global/images/contact-form-label-bg.gif) 0 0 no-repeat;
		border:none; */
    	
   
		display:block;
	}
	.jquery-form input {
      	width: 400px;
		padding:8px 10px; 
		background:none; 
		/*border:none;*/
		color:#8e846b;
		font-size: 13px;
		line-height: 1.2em;
    		border: 1px solid #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        behavior: url(/js/PIE.htc);

	}
  .jquery-form .textarea {
		/*background:url(/images/contact-form-textarea-bg.gif) 0 0 no-repeat;
		border:none;*/
		/*width:603px; */
		display: block;
	}
	.jquery-form textarea {
			width: 400px;
		padding:8px 10px;  
    height:200px;
		background:none;
		/*border:none;*/
		overflow:auto; 
		color:#8e846b;
		font-size: 13px;
		line-height: 1.2em;
    		border: 1px solid #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        behavior: url(js/PIE.htc);
	}
	.jquery-form #captcha-image {
		display: inline-block;
		float: right;
		position: relative;
		margin: 24px 0 0 0;
    background:url(/images/captcha_bg.png) 0 0 no-repeat;
    width:132px;
    height:29px;
	}
  .jquery-form #captcha-entry {
		display: inline-block;
		float: right;
		position: relative;
		margin: 16px 0 0 15px;
    width:132px;
    height:29px;
	}
  .jquery-form #captcha-entry input { width: 130px; padding:6px 4px 6px 8px; /*color: red;*/ }



/*==========================================*/
