﻿/* v1.0 | 20080212 */
/* reset all html elements */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align: center;
}
ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */

body 
{
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	margin:0px 0px; padding:0px;
}

#wrapper
{
	text-align: center;
	width:970px;
	margin-left: auto;
	margin-right: auto;

	
	
}

/* start top header css */
.topheader
{
	background-image: url(../images/headertopbg.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	font-family: Verdana, Arial;
	height: 63px;
	width: 972px;
	text-align: left;
	
}
#topheaderphone
{
	font-family: Verdana, Arial;
	margin-top: 10px;
	margin-left: 20px;
	/*height: 20px;*/
	width: 150px;
	float: left;
	
}
#loginfrm 
{
	/*display: block;*/
	width: 800px;
	font-family: verdana,arial;
	font-size: .7em;
	/*margin-top: 20px;*/
	text-align: right;
	margin-left: auto;
   margin-right: auto;
   float: right;
}
#webdenheader
{
	background-image: url(images/mainbannerbg2.png);
	color: #ffffff;
	background-repeat: no-repeat;
	font-family: verdana,arial;
	width: 970px;
	height: 257px;
	margin-left: auto;
	margin-right: auto;
}
#contentlayer
{
	background-image: url(images/firstlayerbottombg.gif);
	background-repeat: repeat-x;
	background-color: #0a1013;
	width: 970px;
	z-index: 2;
	overflow: visible;
	position: relative;
	top: -1px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.maincontentlayer2
{
	/*hbackground-image: url(images/mainpanelbg.gif);
	background-repeat: no-repeat;*/
	background-color: #161d23;
	width: 920px;
	min-height: 590px;
	margin-left: auto;
   margin-right: auto;
	
	z-index: 1;
	/*overflow:  visible;*/
}

#maincontentlayer
{
	background-image: url(images/mainpanelbg.gif);
	background-repeat: no-repeat;
	width: 920px;
	/*height: 568px;*/
	background-color: #161d23;
	 margin-left: auto;
   margin-right: auto;
	margin-top: 10px;
	z-index: 1;
	/*overflow:  visible;*/
}

#maincontentlayer2
{
	background-image: url(images/mainpanelbg.gif);
	background-repeat: no-repeat;
	width: 920px;
	min-height: 568px;
	background-color: #161d23;
	 margin-left: auto;
   margin-right: auto;
	margin-top: 10px;
	z-index: 1;
	/*overflow:  visible;*/
}


#webdenmainnav
{
	text-align: center;
	background-image: url(images/mainnavbarbg.gif);
	background-repeat: no-repeat;
	width: 888px;
	height: 53px;
	position: relative;
	top: -25px;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
	
	
}

.webdenmainnav
{
	text-align: center;
	background-image: url(images/mainnavbarbg.gif);
	background-repeat: no-repeat;
	width: 888px;
	height: 53px;
	position: relative;
	top: -35px;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
	
	
}
#maincontentpanel #webdenmainnav3 a
{
display: block;
	float: left;
	
	font-family: Verdana, Arial;
	font-size: .8em;
	font-weight: bolder;
	color: #FFFFFF;
	width: 102px;
	height: 38px;
	text-align: center;
	margin-top: 13px;
	margin-left: 40px;
	margin-right: auto;
	text-decoration: none;
	clear: none;
	
}
#maincontentpanel a 
{
	
	
	font-family: Verdana, Arial;
	font-size: .8em;
	font-weight: bolder;
	color: #FFFFFF;
	
	text-decoration: none;
	
	
	
}
#webdenmainnav3 a:hover
{
	background-image: url(images/navhover.gif);
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: underline;
}

#maincontentpanel .maincontent a:hover
{
	
	color: #000000;
	text-decoration: underline;
}


#webdensublinks 
{
	
}
#webdenmain
{
	width: 889px;
	height: 187px;
	background-image: url(images/welcome_bgcontent.gif);
	background-repeat: no-repeat;
	position: relative;
	top: -15px;
	margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   text-align: left;
}
#txtusername 
{
	
	margin-left: auto;
   margin-right: auto;
	
	font-family: Verdana,arial;
	font-size: .8em;
	
}



.username 
{
	width: 150px;
	margin-left: auto;
   margin-right: auto;
	
}
#txtpassword 
{
	
	margin-left: auto;
   margin-right: auto;
	
	
	font-family: Verdana,arial;
	font-size: .8em;
}
#login
{
	margin-right: 5px;
	margin-top: 10px;
	margin-left: auto;
   margin-right: auto;
	
}	
#sidebarleft
{
	background-image: url(images/sideinfopanel.gif);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	top: 190px;
	width: 486px;
	height: 301px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
}
.mainheadline1 
{
	display: inline-block;
	padding-right: 5px;
	font-family: Verdana, Arial;
	font-size: .9em;
	font-weight: bolder;
	color: #FFFFFF;
	float: right;
	width: 550px;
}

.mainheadline 
{
	display: inline;
	padding-right: 5px;
	font-family: Verdana, Arial;
	font-size: .9em;
	font-weight: bolder;
	color: #FFFFFF;
	
}

#grabbercontent
{
	display: inline;
	padding-right: 5px;
	color: #dcdcdc;
	font-family: Verdana, Arial;
	font-size: .7em;
	line-height: 2;
	
}
#grabbercontent1
{
	display: inline-block;
	padding-right: 5px;
	color: #dcdcdc;
	font-family: Verdana, Arial;
	font-size: .7em;
	line-height: 2;
	float: right;
	width: 550px;
}
#grabbercontent2
{
	display: inline-block;
	padding-right: 5px;
	color: #dcdcdc;
	font-family: Verdana, Arial;
	font-size: .7em;
	line-height: 1.5;
	float: right;
	width: 550px;
}
#bios
{
	
	font-family: Verdana, Arial;
	font-size: .7em;
	line-height: 1.5;
	
}
.bio
{
	
	font-family: Verdana, Arial;
	font-size: .7em;
	line-height: 1.5;
	
}

#bioheader
{
	font-family: Verdana, Arial;
	font-size: .8em;
	font-weight: bold;
}
.bioheader
{
	
	
	font-weight: bold;

}
	
.headerbullet
{
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 2px;
}
#newseventsheader
{
	font-weight: bold;
	font-size: 18pt;
	text-transform: uppercase;
	font-family: 'Times New Roman';
	font-variant: small-caps;
	color: #f6eb13;
}
.newseventsheader
{
	font-weight: bold;
	font-size: 18pt;
	text-transform: uppercase;
	font-family: 'Times New Roman';
	font-variant: small-caps;
	color: #f6eb13;
}
#mainfocusarea 
{
	color: #FFFFFF;
	width: 290px;
	float: right;
	margin-right: 15px;
	position: relative;
	text-align: left;
	margin-left: auto;
   
}
#mainfocusarea li
{
	background-image: url(images/yellowbullet.gif);
	font-size: .75em;
	margin-top: 10px;
	font-family: verdana, arial;
	font-variant: small-caps;
	color: #ffffff;
	background-repeat: no-repeat;
	padding-left: 15px;
	
	
}
#selfdefensepanel 
{
	margin-top: 45px;
}
.modalon
{
	background-image: url(images/emailpanel.gif);
	background-repeat: no-repeat;
	font: arial;
	font-size: small;
	padding: 0px 3px 0 10;
	visibility: visible;
	position: absolute;
	top: 40px;
	
}
.modaloff
{
    visibility: hidden;
    display:none;
}
.panelcontact 
{
	text-align: left;
	height: auto;
	background-color: #1f272d;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 5px;
	height: auto;
}
.panelcontact1 
{
	text-align: left;
	height: auto;
	background-color: #1f272d;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 5px;
	min-height: 450px;
}
#contactform
{
	float: right;
	width: 550px;
	/*border-left: white 4px solid;*/
	text-align: left;
	padding-left: 10px;
	font-family: Verdana;
	font-size: .7em;
	height: auto;
	
	display: inline-block;
}
#contactform .label
{
	display: block;
	width: 200px;
	
	
}
#contactform h1
{
	background-image: url(images/contactus.gif);
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 150px;
}
#contactform .fields
{
	font-family: verdana;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}
#newsholder a
{
	/*color: #ffffff;
	font-family: arial,verdana;
	text-decoration: none;*/
}
#newsholder a:hover
{
	/*color: #f6eb13;
	font-family: arial,verdana;
	text-decoration: underline;*/
}
#panelcontact a
{
	text-decoration: none;
	font-family: Arial;
}
.movieholder
{
	height: 267px;
	margin-top: 7px;
	position: relative;
	text-align: left;
	margin-top: 0px;
	overflow: auto;
	margin-right: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 1px;
}
#headerintro
{
	margin-left: 50px;
}
#details 
{
	min-height: 267px;
	margin-top: 7px;
	position: relative;
	text-align: left;
	margin-top: 0px;
	overflow: auto;
	margin-right: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 1px;
}
#details a
{
	color: #ffffff;
	text-decoration: none;
	width: 142px;
	height: 28px;
	display: block;
	
	
	background-image: url(images/linkbutton.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
}
	
#details a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
	background-image: url(images/linkbutton-over.gif);
	background-repeat: no-repeat;
}
#clubs a
{
	color: #ffffff;
	text-decoration: none;
	width: 146px;
	height: 42px;
	display: block;
	background-image: url(images/clubbg.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 12px;
	padding-left: 20px;
	font-size: .8em;
}
#clubs a:hover
{
	background-image: url(images/clubbg.gif);
	background-repeat: no-repeat;
}










.bodylink a
{
	text-decoration: underline;
}
#details1
{
	height: auto;
	margin-top: 7px;
	position: relative;
	text-align: left;
	margin-top: 0px;
	/*overflow: auto;*/
	margin-right: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 1px;
}
#details1 a
{
	color: #ffffff;
	text-decoration: none;
	
}

#newsholder .content
{
    padding-left: 5px;
}
#newsholder .pager
{
    margin-top: 20px;
}
#newsholder .pager span
{
    border: thin solid #808080;
    display: block;
    color: #808080;
    height: 12px;
    width: 15px;
    padding-left: 5px;
    margin-right: 2px;
    margin-top: 10px;
    margin-left: 5px;
    font-size: .8em;
    
}

#newsholder .pager a
{
    border: thin solid #808080;
    display: block;
    color: #808080;
    height: 12px;
    width: 15px;
   /* margin-top: 10px;*/
    margin-left: 5px;
    padding-left: 6px;
    font-size: .8em;
    margin-top: 10px;
}

#newsholder .pager a:hover
{
    border: thin solid #808080;
    display: block;
    color: #ffff00;
    height: 12px;
    width: 15px;
   /* margin-top: 10px;*/
    margin-left: 5px;
    padding-left: 6px;
    font-size: .8em;
}

#newsholder .event_date
{
    font-size: .8em;
    margin-left: 5px;

}
#newsholder .event_name
{
    font-size: .8em;
    font-weight: bold;
    margin-left: 5px;
}
#newsholder .event_description
{
    font-size: .8em;
    margin-left: 5px;
}
#bio
{
float: right; 
width: 570px;
 


}

#details
{
padding-right: 11px; 
padding-left: 11px; 
margin-bottom: 11px; 
/*overflow: auto;*/ 
font-family: Verdana;
height: auto;

}

.atalink
{
 font-size: .8em;
}
.detailsheader1
{
    font-weight: bold;
    font-size: .8em;
    display: inline-block;
    margin-top: 5px;
}
.details2
{
    font-size: .8em;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Verdana;
}
.imgpad
{
    margin: 5px 10px 5px 10px;
}
#dabanner
{
  float: right;
  width: 560px;
  display: block; 
  position: relative;
  height: 160px;  
  top: -155px; 
}
#mainfocusarea
{
   
    float: right;
    top: 0px;
    left: 28px;
    width: 408px;
}


.mainfocusareaposition
{
    position: relative;
    display: block;
    top: -140px;
    left: 390px; 
    width: 350px; 
    
    


}
#webdenfooter
{
	clear: both;
	height: 65px;
	width: 972px;
	text-align: left;
	color: gray;
	margin-top: 20px;
	padding-left: 35px;
	float: none;
}
#webdenfooter1
{
	
	
	height: 65px;
	width: 972px;
	text-align: left;
	color: gray;
	margin-top: 60px;
	padding-left: 35px;
	float: none;
	clear: both;
}
#webdenfooter img 
{
	
	margin-left: 25px;
	
}
.footerdate
{
	
	font-family: Verdana, Arial;
	font-size: .7em;
}
#footermenu 
{
	float: right;
	width: 430px;
	text-align: center;
	color: gray;
	font-family: Verdana, Arial;
	font-size: .8em;
}
#footermenu a 
{
	color: gray;
	font-family: Verdana, Arial;
	font-size: .8em;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	float: left;
}
	#footermenu a:hover
{
	color: silver;
	font-family: Verdana, Arial;
	font-size: .8em;
	text-decoration: underline;
}