@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/***************Basic Styles**********************/
html{
height: 100%;
}



body{
background: url(../images/backdrop.jpg) repeat-x;
height: 100%;
}

body.home{
background: url(../images/home-backdrop.jpg) repeat-x;
height: 100%;
}

#header{
margin: auto;
width: 960px;
height: 290px;
background:url(../images/header.jpg) no-repeat;
}

.about #header{
background:url(../images/header-history.jpg) no-repeat;
}
.location #header{
background:url(../images/header-practice.jpg) no-repeat;
}
.events #header{
background:url(../images/header-events.jpg) no-repeat;
}
.basics #header{
background:url(../images/header-basics.jpg) no-repeat;
}
.knights #header{
background:url(../images/header-knights.jpg) no-repeat;
}
.resources #header{
background:url(../images/header-resources.jpg) no-repeat;
}
.contact #header{
background:url(../images/header-contact.jpg) no-repeat;
}



#wrapper{
margin: auto;
width: 960px;
margin-top: -40px;
background: url(../images/wrappernav.jpg) repeat-y;
height: auto;
}

.home #wrapper{
margin: auto;
width: 960px;
margin-top: 0px;
background: url(../images/wrappernav.jpg) repeat-y;
height: auto;
}

/***************Navigation**********************/

#nav{
margin-left: 20px;
background: url(../images/nav-backdrop.jpg) repeat-x top #687ba3;
border-left: 5px solid #000;
border-right: 5px solid #000;
margin-top: -5px;
padding-top: 10px;
float: left;
width: 147px;
min-height: 450px;


}

.nav{
list-style-type: none;
width: 200px;

}

.nav li a, .nav li a:active, .nav li a:link{
display: block;
width: 150px;
text-indent: 15px;
padding: .2em 0;
font-size: 1.1em;
color: #fff;
text-decoration: none;
}

.nav li a:hover{
text-decoration: underline;
}

.nav li a.current, .nav li a.current:active, .nav li a.current:link{
background: #000;
color: #fff;}


#subnav{
padding-top: 48px;
}

.subnav li{
font-size: .8em;
display: inline;
}

.subnav li a{
margin-left: 10px;
color: #eee;
text-decoration: none;}

.subnav li a.current{
background: none;
font-weight: bold;
color: #fff;
text-decoration: none;}

#nav h2{
padding: 10px 0 5px 15px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
font-size: .9em;
color: #bbb;
text-transform: uppercase;
background: none;
}

#nav .related li{
list-style-type: none;
padding-left: 10px;
font-size: .9em;
height: auto;
width: auto;
}

#nav .related li a{
padding: 0;
height: auto;
width: auto;
}

/***************Header**********************/

h1 a{
font-size:0.5em;
display: block;
line-height:0;
text-indent:-9999px;
}

h1 a.site{
position: absolute;
margin-left: 400px;
top: 0px;
background: url(../images/site.jpg) no-repeat;
height: 60px;
width: 310px;
}

.home h1 a.site{
position: absolute;
margin-left: 395px;
top: 8px;
background: url(../images/site-home.jpg) no-repeat;
height: 87px;
width: 310px;
}
h1 a.site:hover{
background-position: 0 -61px;
}

.home h1 a.site:hover{
background-position: 0 -90px;
}

/***************Content**********************/
#content{
margin-top: -30px;
background: #eee;
float: left;
margin-left: 30px;
padding: 30px;
width: 723px;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
border: none;
padding-left: 0px;
padding-top: 0px;
}


/***************Homepage Styles**********************/
.home #content{
margin-top: -30px;
background: #eee;
float: left;
margin-left: 30px;
padding: 30px;
width: 680px;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
border: none;
padding-left: 0px;
padding-top: 0px;
width: 465px;
background: #fff;
border: none;
padding-left: 0px;
padding-top: 0px;
margin-top: -53px;
}

.home #content h2{
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 -25px 0 -20px;
}

.home blockquote{
font-weight: bold;
font-size: 1.1em;
color: #0b1333;
padding: 0 15px 15px 25px;
}



.home #edhellen{
background: url(../images/ad-backdrop.jpg) repeat-x;
width: 510px;
height: 100px;
position: relative;
margin-left: -20px;
}

.home #edhellen img{
float: left;
padding: 10px 20px;
}

.home #edhellen strong{
display: block;
font-style: italic;
}

.home #announcements{

margin-top: -45px;
float: left;
display: block;
margin-left: 6px;
width: 229px;
padding-bottom: 20px;
background: url(../images/practice-bottom.jpg) #ddd no-repeat bottom;
}

.home #announcements #weather{
margin: 20px;
padding-bottom: 3px;
}


.home #announcements ul{
list-style-type:none;
padding-left: 20px;
padding-bottom: 10px;
display: block;
width: 80px;
float: left;
}

.home #announcements ul.col2{
float: left;
}

.home #announcements li{
padding: 2px;
}

.home #announcements h2{
font-size: 1.1em;
margin: 0;
background: #152043;
padding: 10px 20px;
color: #fff;
}

.home #announcements h3{
font-size: 1.0em;
color: #eee;
padding: 5px 20px;
margin-bottom: 10px;
background: #253043;
}

.home #announcements p{
font-family: Arial, Helvetica, sans-serif;
 padding: 10px;
 font-size: .8em;
 background: #455072;
 color: #fff;
}

#footer{
clear: both;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
color: #666;
font-size: .9em;
}

#footer a{
color: #555;
}

/*************
---TEXT----
***********/

h2{
font-size: 1.6em;
color: #ddd;
background: #152043;
padding: 5px 20px;
margin-bottom: 10px;
margin-top: -15px;
margin-left: -20px;
font-family:Georgia, "Times New Roman", Times, serif;
}

h3{
font-size: 1.3em;
color: #152043;
padding: 1em 0 .3em 0;
text-transform: uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
}

h4{
font-size: 1.1em;
border-bottom: #444 1px solid;
font-family:Georgia, "Times New Roman", Times, serif;
color: #444;
padding-bottom: 5px;
padding-top: 10px;
}

#content a, #content a:link{
color:#000088;
}
#content a:visited{
color:#000066;
}
#content a:hover{
color: #0000aa;
}

#content ul, ol{
padding-left: 30px;
}

#content ol.roman{
list-style-type:upper-roman;
}
#content li{
text-align: left;
padding: .2em 0;
}

em{
font-style: italic;
}
strong{
font-weight: bold;
}
#content p{
padding-bottom: .6em;
padding-top: .5em;
}
table{
border-collapse: collapse;
}
td{
border: 1px #333 solid;
padding: 5px;
text-align: center;
}
th{
font-weight: bold;
padding: 5px;
text-align: center;
}

#content img.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/*************Special styles******************/
img.unit{
float: left;
margin: 0 15px 10px 0;
border: 1px solid #555;
}

.unit li{
clear: both;
margin-top: 10px;
list-style-type: none;
}

.events #slideshow{
width: 400px;
height: 330px;
background: #ddd;
border: 5px solid #152043;
float: right;
margin-left: 20px;
}

.events #slideshow .caption{
text-indent: .8em;
color: #555;
font-size: .8em;
}