@charset "utf-8";

/*@import url("reset.css");*/

/* CSS Document */

/*************************************************************

DC Texas Exes screen style sheet



Written by Daniel Noll

djnoll(at)gmail.com

*************************************************************/



/*************************************************************

General site wide styles

*************************************************************/

body { background-image: url(/images/background.png); background-repeat: repeat-x; font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; position:relative; background-color: #562e18;}
.hide { display: none;}
.show { display: block;}
.left { float: left;}
.right { float: right;}
.nomargin {	margin: 0;}	

h1 { margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}

#wrapper {
width: 900px;
margin: 25px auto 0px auto;
position: relative;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px;
color:#36424a;
}

a{
color: #3b3b3b;
text-decoration:none;
}

a:hover {
color: #c0143c;
}

img{border:none;}


img a {
text-decoration:none;
border: none;
}

#header {
width: 900px;
padding:  0px;
margin: 0px;
background-image: url(/images/header.png); background-repeat:no-repeat; background-position: top;
height: 71px;
z-index: 0;
}

#header h1{
height: 71px;
width: 900px;
}

#header h1 a{
display: block;
width: 900px;
height: 71px;
z-index: 1;
}

#header h1 a span{
display: none;
}

ul {
margin: 0;
padding: 0;
}

#nav {
width: 175px;
margin:0px;
background: none;
height: 205px;
}

#nav ul {
list-style: none;
}

#nav ul li {
display: inline;
margin-bottom: 0 !important;
}

#nav ul li a {
display: block; 
width: 175px;
height: 34px;
margin: 0 auto;
}

#nav ul li a span {
display: none;
}

#nav ul li#about a{background:url(/images/about.png);}
#nav ul li#get_involved a{background:url(/images/get_involved.png);}
#nav ul li#upcoming_events a{background:url(/images/upcoming_events.png);}
#nav ul li#scholarships a{background:url(/images/scholarships.png);}
#nav ul li#message_board a{background:url(/images/message_board.png);}
#nav ul li#resources a{background:url(/images/resources.png)}
#nav ul li#contact a{background:url(/images/contact.png); height: 35px;}

#nav ul li#about a:hover, #nav ul li#upcoming_events a:hover, #nav ul li#scholarships a:hover, #nav ul li#message_board a:hover, #nav ul li#resources a:hover, #nav ul li#contact a:hover {
background-position: 0 -35px; 
}

#content {

position: relative;
height: 205px;
}

#main {

position: relative;
top: 0px;
left: 0px;
/*background-color: #fff;*/
height: 100%;
border: 1px solid #FFFFFF;
}

#content_right {
padding: 12px 8px 0px 12px;
left: 174px;
background-color: #fff;
width: 704px;
margin: 0px 0px 0px 174px;
top: 0px;
}

#content_right h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height: 24px; 
font-weight: bold;
color: #c85917;
padding: 0px 0px 12px 0px;
margin: 0px;
}

#content_right h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 18px; 
font-weight: bold;
color: #716b67;
padding: 0px 0px 12px 0px;
margin: 0px;
}

#content_right p {color: #716b67;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
padding: 0px;
margin: 0px;
}

#content_right a{
text-decoration: none;
color: #c85917;
}

#content_left {
float: left;
position: absolute;
top: -1px;
left: -1px;
width: 175px;
z-index: 2;
}

#home_navleft {
float: left;
position: absolute;
top: 0px;
left: 0px;
width: 175px;
z-index: 2;
}

#right_home {
position: absolute;
top: 0px;
left: 175px;
width: 724px;
height: 203px;
/*background-image: url(/NewSite/images/graphic1.png);*/
border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; 
/*background-repeat: no-repeat;*/
overflow: hidden;
}

.pics {
    height:  250px;
    width:   724px;
    padding: 0;
    margin:  0;
}

.pics img {
    padding: 0px;
    width:  724px;
    height: 213px;
    top:  0;
    left: 0;
}

#bottom {
position: relative;
width: 900px; 
height: 410px;
margin-top: 8px;
}

#home_left, #home_mid, #home_right {
position: absolute;
margin: 0 auto;
}

#home_left p, #home_mid p, #home_right p {
padding: 8px 15px 0px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #af4614;
}

#home_left a, #home_mid a, #home_right a {
padding: 8px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
text-decoration: none;
}

.title {
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #af4614;
font-weight: bold;
}

.calendar {
padding: 0px 15px 0px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
color: #af4614;
}

.calendarTitle {
padding: 0px 15px 0px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
color: #af4614;
font-weight: bold;
}

#home_left {
left: 0px;
width: 400px;
_height: 410px;
height: 410px;
min-height: 410px;
}

#home_left h3 {
background: url(/images/home_news.png) no-repeat top;
display: block;
height: 20px;
width: 400px;
margin: 0px 0px 3px 0px;
}

#home_left h3 span {
display: none;
}

#home_left div.inner {background: #FFFFFF bottom; height: 387px;}
#home_mid div.inner {background: #FFFFFF bottom; height: 387px;}

#home_mid {
left: 406px;
width: 282px;
_height: 410px;
height: 410px;
min-height: 410px;
}

#home_mid h3 {
background: url(/images/home_events.png) no-repeat top;
display: block;
height: 20px;
width: 282px;
margin: 0px 0px 3px 0px;
}

#home_mid h3 span {
display: none;
}

#calendar {
margin: 0px 10px 0px 10px;
}

#month {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 74px;
height: 17px;
background:url(/images/calendar_month.png) no-repeat top;
}

#month h5 {
padding: 2px 0px 0px 20px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform:uppercase;
font-weight: bold;
color: #0a1f3e;


}

#day {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 74px;
height: 57px;
background:url(/images/calendar_day.png) no-repeat top;
}

#day h6{
padding: 6px 0px 0px 14px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
text-transform:uppercase;
font-weight: bold;
color: #0a1f3e;


}

#home_right {
width: 206px;
left: 694px;
_height: 410px;
height: 410px;
min-height: 410px;
}

#mail {
width: 206px;
height: 130px;
margin: 0px;
padding: 0px;
top: 0px;
}

#mail_small {
width: 145px;
height: 130px;
margin: 15px 0px 0px 15px;
padding: 0px;
}

#mail_small h6 {
margin: 0px;
padding: 0px;
}

#mail_small h6 a{
display: block;
width: 145px;
height: 130px;
margin: 0px 0px 0px 0px;
padding: 0px;
background:url(/images/mail_small.png) no-repeat top;
}

#mail_small h6 a span {
display: none;
}

#mail h4{
margin: 0px;
padding: 0px;
top: 0px;
}


#mail h4 a{
display: block;
width: 206px;
height: 130px;
margin: 0px;
padding: 0px;
top: 0px;
background:url(/images/home_mail.png) no-repeat top;
}

#mail h4 a span {
display: none;
margin: 0px;
padding: 0px;
}

#photo {
width: 206px;
height: 130px;
margin: 10px 0px 0px 0px;
}

#photo h4 {
margin: 0px;
padding: 0px;
}

#photo h4 a{
display: block;
width: 206px;
height: 130px;
margin: 0px;
padding: 0px;
background:url(/images/home_photo.png) no-repeat top;
}

#photo h4 a span {
display: none;
margin: 0px;
padding: 0px;
}

#tshirt {
width: 206px;
height: 130px;
margin: 10px 0px 0px 0px;
}

#tshirt h4 {
margin: 0px;
padding: 0px;
}

#tshirt h4 a{
display: block;
width: 206px;
height: 130px;
margin: 0px;
padding: 0px;
background:url(/images/home_tshirt.png) no-repeat top;
}

#tshirt h4 a span {
display: none;
margin: 0px;
padding: 0px;
}

#footer {
position: inherit;
width: 900px;
margin-top: 10px;
height: 60px;
background:url(/images/footer.png) no-repeat top;
}

#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 14px 0px 0px 0px;
color: #7a7e82;
font-weight: bold;
}

#footer a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 14px 0px 0px 0px;
color: #7a7e82;
font-weight: bold;
}