/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color:#fff;	
	font-family:Century Gothic,Helvetica;
	font-size:13px;
	color:#fff;	
	font-weight:lighter;
}



div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background:#d80001 url(images/blackredbg.jpg) repeat-y;
	z-index:0;
}

div#header {
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 2px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-top:solid 1px black;
	width:793px;
	height:90px;
	color:Black;
	z-index:1;
	background-color:#fff;
}


div#content {
	padding:5px 1em 5em ; /* bottom padding for footer */
			}

div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ffffff;
	border-top:solid 2px black;
    margin:0;
	font-size:11px;
	letter-spacing:2px;
	color:#666;
	padding-top:2px;
	font-weight:bold;
}
	
.title1{ font-weight:bold; font-size:14px; padding-top:5px; letter-spacing:2px}	
.upload{position:relative;width:350px;z-index:7}

a.hype1:link{color:#666;text-decoration:none;font-size:11px;font-weight:bold;}
a.hype1:active{color:#666;text-decoration:none;font-size:11px;font-weight:bold;}
a.hype1:hover {color:#cc0000;text-decoration:none;font-size:11px;font-weight:bold;} 
a.hype1:visited{color:#666;text-decoration:none;font-size:11px;font-weight:bold;}

a.hype2:link{color:#fff;text-decoration:underline;font-weight:bold}
a.hype2:active{color:#ccc;text-decoration:underline;font-weight:bold}
a.hype2:hover {color:#ccc;text-decoration:underline;font-weight:bold} 
a.hype2:visited {color:#ccc;text-decoration:underline;font-weight:bold}

a.nav:link{color:#ffffff;text-decoration:none;}
a.nav:hover {color:#cc0000;text-decoration:none;} 
a.nav:visited {color:#ffffff;text-decoration:none;} 
a.nav:active{color:#cc0000;text-decoration:none;}	

a.hype3:link{color:#fff;text-decoration:underline; font-weight:bold; font-size:15px;}
a.hype3:active{color:#fff;text-decoration:underline; font-weight:bold; font-size:15px;}
a.hype3:hover {color:#fff;text-decoration:underline; font-weight:bold;font-size:15px;} 
a.hype3:visited{color:#fff;text-decoration:underline; font-weight:bold;font-size:15px;}

a.hype4:link{color:#000;text-decoration:underline; font-weight:bold; font-size:13px;}
a.hype4:active{color:#000;text-decoration:underline; font-weight:bold; font-size:13px;}
a.hype4:hover {color:#000;text-decoration:underline; font-weight:bold;font-size:13px;} 
a.hype4:visited{color:#000;text-decoration:underline; font-weight:bold;font-size:13px;}

a.hype5:link{color:#fff;text-decoration:none; font-size:13px;}
a.hype5:active{color:#fff;text-decoration:none; font-size:13px;}
a.hype5:hover {color:#fff;text-decoration:none; font-size:13px;} 
a.hype5:visited{color:#fff;text-decoration:none; font-size:13px;}


.btn { display: block; position: relative;background-color:#ccc; padding: 0px 2px 5px 2px ; float: left; color: #000; text-decoration: none; cursor: pointer; border:solid 1px #333; font-family:Arial;}
.btn * { font-style: normal; background-repeat: no-repeat; display: block; position: relative;}
.btn span { background-position: bottom left; padding: 0px 10px 3px 10px }

.btn:hover { background-color: #fff; }
.btn:active { background-color: #999; border:solid 0px #999;padding: 2px 2px 2px 2px  }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom;font-weight:bold; padding:2px}

.modalbackground
{background-color:Gray;
 filter:alpha(opacity=70);
 opacity:0.7;
    }