/* DRiFT Stylesheet

  drift_stylesheet v 1.0 01/14/2010

  DRiFT - http://www.dupageriversflytyers.org
  Copyright (c) 2010 DRiFT

  By Thomas F Steele

*/
a:link { color: #306746;}
a:visited { color: #E19431;}
a:hover { color: #E19431;}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #515254;
background-color: #FFFFFF;
font-size: 10px;
margin: 0;
padding: 12px 0;
}

#header {
position: relative;
top: 0px;
height: 98px;
font-family: Verdana,Helvetica,Arial; font-size: 10; 
text-align: center;
border-bottom: 1px solid #E19431;
}

#header_tabs li {
display: inline;
border: solid;
border-width: 1px 1px 0 1px;
color: #E19431;
background: #E19431;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
padding: 3px 7px;
/*margin-left: 0;*/
margin-top: 5px;
margin-bottom: 7px;
font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10; font-weight: bold;
list-style-type: none;
text-align: left;
z-index: 1;}

/* Masthead Tabs */
#header_tabs li a {
color: #306746;
text-decoration: none;
}

#header_tabs li a:hover {
color: #ffffff;
}

#breadcrumb {
position: relative;
top: 2px;
width: 100%;
font-family: Verdana,Helvetica,Arial; font-size: 10;
padding-left: 6px;
text-align: left;
background: #fff;
}

h1 {color: #E19431; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 24; font-weight: normal; }
h2 {color: #306746; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 18; font-weight: normal; }
h {color: #306746; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; border-bottom: 1px solid #cccccc; padding-bottom: 5px;}

h3 {color: #306746; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 24; font-weight: normal; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }

#drift_image {
position: relative;
top: 10px;
width: 500px;
margin-left: auto;
margin-right: auto;
}

#image_holder {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

#content_holder {
position: relative;
top: 0px;
left: 0px;
width: 100%;
}

#leftcol {
left: 25px;
width: 150px;
height: 150px;
border: 1px solid #cccccc;
padding: 3px;
margin-top: 90px;
margin-left: 20px;
float:left;
}

div.intro_quote {
position: absolute;
top: 200px;
left: 25px;
width: 150px;
padding: 3px;
float:left;
line-height: 18px;
z-index: 1;
}

div.quote {
position: absolute;
top: 265px;
left: 25px;
width: 150px;
padding: 3px;
float:left;
line-height: 18px;
}

#leftblank {
top: 200px;
left: 25px;
width: 150px;
height: 150px;
padding: 3px;
font-family: Verdana, Helvetica, Arial; font-size: 10; 
}

#content {
float:left;
left: 200px;
width: 650px;
margin-left: 30px;
margin-top: 0px;
line-height: 20px;
font-size: 1.25em;
margin-bottom: 60px;
}

div.IntroCopy {
line-height: 20px;
font-size: 1.25em; 
}


#footer_container {
position: relative;
border-top: 1px solid #E19431;
clear:both;
background: #fff;
top: 0px;
width: 100%;
margin-top: 10px;
}

#footer {
clear:both;
margin-left: auto;
margin-right: auto;
background: #fff;
width: 400px;
font-family: Verdana,Helvetica,Arial; font-size: 10;
}

#footer_col1 {
float: left;
background: #fff;
width: 100px;
margin-top: 10px;
color: #666666;
}

#footer_col2 {
float: left;
background: #fff;
width: 100px;
margin-top: 10px;
color: #666666;
}

#footer_col3 {
float: left;
background: #fff;
width: 100px;
margin-top: 10px;
color: #666666;
}

#footer_col4 {
float: left;
background: #fff;
width: 100px;
margin-top: 10px;
color: #666666;
}

/* Div Class Definitions */
div.horRule {
 height: 1px;
 border-top: 1px solid #cccccc;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 10px;
}
div.horRule hr {
 display: none;
} 

div.CopyRight {
clear:both;
color: #999999; 
font-family: Verdana,Helvetica,Arial; 
font-size: 10; 
text-align: center;
padding-top: 15px;
}

/* Format the input and text fields */
.input_box { 
background-color: #D7E9F7; 
color: #000000; 
font-family: Verdana,Helvetica,Arial; 
font-size: 10px; 
font-weight:normal;
border: 1px solid #c0c0c0;
}

.input_box:hover {
background-color:#E9F4FC;
border-color: #11A3EA;
}

/* Format the Form Buttons */
a.button1, input.button1 {
width: auto !important;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
text-decoration: none;
border: 1px solid #6C78AF;
padding: 1px 6px 1px 6px; 
line-height: 250%;
background-image: url('images/bg_button_blue.gif');
background-position: 0 1px;
}

button.button1 {
width: auto !important;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
text-decoration: none;
border: 1px solid #6C78AF;
padding: 2px 6px 2px 6px; 
background-image: url('img/bg_button_blue.gif');
background-position: 0 1px;
}

/* Button Hover states */
input.button1:hover {
border: 1px solid #11A3EA;
background-position: 0 100%;
color: #306746;
}

#largeImage {
position: relative;
width: 650px;
height: 175px;
border: 1px solid #cccccc;
padding: 3px;
}

/* message box for form errors and success */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; padding: 6px; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; padding: 6px; }


.BodyCopy {color: #444444; font-family: Verdana,Helvetica,Arial; font-size: 10; }
.GreenDot {color: #306746; font-family: Verdana,Helvetica,Arial; font-size: 12; }
.RedDot {color: #BD1515; font-family: Verdana,Helvetica,Arial; font-size: 10; }
.HighLight {color: #802245; font-family: Verdana,Helvetica,Arial; font-size: 10; font-weight: bold; }
.GuestSpeaker {color: #2C5C40; font-family: Verdana,Helvetica,Arial; font-size: 10; font-weight: bold; }




h1 {color: #E19431; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 24; font-weight: normal; }
h2 {color: #306746; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 18; font-weight: normal; }
h {color: #306746; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; border-bottom: 1px solid #cccccc; padding-bottom: 5px;}

.HeadLine {
width: 100%;
color: #306746; 
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-weight: normal;
font-size: 2.50em;
border-bottom: 1px solid #cccccc; 
padding-bottom: 10px; 
text-align: center;
}