/* CSS Document */


/*TEMPLATE */
body 	{
	text-align:center; 
	margin:0px 0px; 
	padding:0px;
	background: url('../bg2010.jpg')
      	}

/*HEADER*/

#bg-wrap {
	background: url('../bg2012a.jpg') repeat-x;
	height:160px;
	width:100%;
	top:0px;
	left:0px;
	
}


#header	{
	width:900px;
	height:155px; 
	margin-top:-155px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	}
	
	
/*HEADERS*/
.header1 {
	font-family:Century Gothic; 
	font-size:30pt; 
	color:#ffd200; 
	text-shadow: 0 1px 0 #ee1010;
	}
	
.header2 {
	font-size:20pt; 
	color:#ffd200; 
	text-shadow: 0 1px 0 #ee1010;
	font-family:Georgia, Times New Roman, serif; 
	font-style:italic;
	}

/*DROP-SHADOW TABLES*/

.drop
	{
	background-color:#FFFFFF;
	-moz-border-radius: 4px; 
	border-radius: 4px;
	}
	
.dropt
	{
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	}
	
#indexdiv
	{
	position:relative; 
	top:-60px;
	width:500px;
	}
	
#applydiv {
	position:relative; 
	top:-16px;
	width:860px;
	}

 /* NAVIGATION */
/* tabs
*************************/

ul.tabs
{
	text-align:center; 
	display: table;
	padding: 0;
	list-style: none;
	position: relative;
	font-family:Verdana; 
    	color:#ffff00; 
	font-size:medium; 
	height:20px;
	z-index:50;  
	margin-left:auto;
	margin-right:auto;
	border:none;
	background-color:#000000;
	background-repeat:repeat-x;
	text-align:center;
	z-index:101;
}

ul.tabs li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.tabs a
{
	position: relative;
	display: block;
	color:#ffff00; 
	text-decoration:none;
	padding-left: 4px;
	outline: none;
}

/* dropdowns
*************************/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.dropdown li a
{
	display: block;
	color:#ff3334;
	outline: none  
}


/* menu-specifc
*************************/

#menu
{
	background: #000000 url(../menuimages/topbg.gif) repeat-x;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:100%;
	height:40px;
	line-height:40px;
	border:none;
	text-align:center;
	z-index:100;
}

#menu ul
{
	margin: 0 auto;
}

#menu ul li.hasmore
{
	background: url(../menuimages/arrow.png) no-repeat center 27px;
}





#menu ul li a img
{
	vertical-align: middle;
	outline: none 
}



#menu ul li a span
{
	display: block;
	padding: 0 40px 0 36px;
	outline: none 
	
}

#menu ul li a:hover span
{
	background: url(../menuimages/topselectionright.png) top center;
	color:#FFFFFF;
	outline: none 
}

#menu ul.dropdown
{
	padding: 10px;
	background-image: url(../menuimages/dropdown.png);
	overflow:hidden;
	width: 150px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

#menu ul.dropdown li a
{
	border-bottom: 1px dashed #ff3334;
	line-height: 30px;
	overflow: hidden;
	height: 30px;
	outline: none 
}


#menu ul.dropdown li a:hover
{
	background: url(../menuimages/arrow2.png) no-repeat left center;
		color:#FFFFFF;
}

#menu ul li h4 a:hover
{
	background-image: none;
}


/* content */
#content {
	width:900px;
	z-index:1;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana;
	font-size:11pt;
	text-align:left;
	border:none;
	color:#330000;
	}
	
#content a:link {
	color: #ff3333;
	font-weight:bold;
	text-decoration: none;
	outline: none 
}

#content a:visited {
	color: #ff3333;
	font-weight:bold;
		text-decoration: none;
	outline: none 
}

#content a:hover {
	color: #cc3333;
	font-weight:bold;
		text-decoration: none;
}

#content a:active {
	color: #ff3333;
	font-weight:bold;
		text-decoration: none;
	outline: none 
}


/*TEMP*/
#applybox a:link {
color:#863033; font-size:40pt; font-family:Verdana; outline:none; 
}

#applybox a:visited {
color:#863033; font-size:40pt; font-family:Verdana;
}

#applybox a:hover {
color:#cc3333; font-size:40pt; font-family:Verdana; 
}

#applybox a:active {
color:#863033; font-size:40pt; font-family:Verdana; 
}
  
/*footer */

#footer {
	width:100%;
	font-size:xx-small;
	font-weight:bold;
	color:#ffffff;
	background-color:#000000;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer a:link {
	color: #cc3333;
	text-decoration: none;
	outline: none 
}

#footer a:visited {
	color: #cc3333;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:active {
	color: #cc3333;
	text-decoration: none;
}
#loadarea {
	height:475px;
	width:475px;
	background-color:#cc3333;
}

#photop {
	overflow:scroll;
	height:475px;
	width:475px;
}
 
 .table {
	border-width:1px;
	border:solid;
	border-color:#ff3333;
}

/*GALLERY*/

/*--Main Container--*/
.main_view {
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:318px;	width: 475px;
overflow:hidden;/*--Hides anything outside of the set width/height--*/
	position: relative;
	z-index:4;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 0px; left: 515px;
	

	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #000000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

/*--INDEX--*/

a.rollover {
	display: block;
	width: 150px;
	height: 44px;
	text-decoration: none;
	background: url("index/applynormal.png");
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}


