/* - - - - - - - - - - - - - - - - - - - - -

Title : Default
Author : Jeff Sprenger - Fellowship of the Wheel
URL : http://www.fotwheel.org

Description : Base Style Sheet for Fellowship website

Created : 4/1/2006
Modified : 

1/17/2008  SJC   Changed .sectionmenu from top:150px to top:180px
				 Changed .sectionmain from top:180px to 210px
- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin:0;
padding:0;
border:0;
}
html{
width:100%;
height:100%;
}
body{
background-color:#fff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 62.5%;
color: #330033;
}


/* ----- IDS ----- */

#container{
}
#header{
background-color:#fff;
width:90%;
min-width:780px;
max-width:1000px;
width:expression(document.body.clientWidth > 1000? "1000px":
(document.body.clientWidth < 1000? "1000px": "1000px" ));
}
#footer{
margin:0;
border:0;
padding:0 15px 0 0;
background:#E0291B  repeat-x top left;
color:#fff;
line-height:3.2em;
height:3.2em;
}

#footLeft{
margin:5;
text-align:left;
}

#footLeft a{
color: #FFFFFF
}

#footRight{
text-align:right;
}
#footCenter{
text-align:center;
}

/* ----- CLASSES ----- */
/* ----- classes for pages ------*/
.pageHead { font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 24px; 
			font-style: normal; 
			font-weight: bold; 
			padding-left:20px;
			color: #003300}
			
    /* -- This is a workaround so the pages display correctly in Firefox and Safari if page doesn't use .pagehead
	      Reason this works is unknown at this time.--*/
.nopageHead { font-family: Verdana, Arial, Helvetica, sans-serif; }
			
.pageText {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-style: normal; 
        font-weight: normal;
		font-size: .8em; 
        padding: 0em 0em 0em 0em;
		color: #330033;
		line-height:1.5em;} 
.pageTextSection {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold}
.subMenuLink {font-family: Verdana, Arial, Helvetica, san-serif; font-size: small; color: #003366}

/* ----- classes to be removed ------*/
.calendarDate {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000}
.calendarText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #003366}
.tableTextTitle {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: medium; font-weight: bold; color: #006699}
.friendLinks {font-family: Verdana,Arial, Helvetica, san-serif; font-size: x-small; color: #003366}


/* ----- classes for tables ------*/
.tableDate {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-style: normal; 
        font-weight:bold;
		font-size: .8em; 
        padding: 0em 0em 2em 0em;
		color: #000000;
		line-height:1.5em;} 
.tableText {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-style: normal; 
        font-weight: normal;
		font-size: .8em;  
        padding: 0em 0em 2em 0em;
		color: #330033;
		line-height:1.2em;} 
.tableTextTitle {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-style: normal; 
        font-weight: bold;
		font-size: small; 
        padding: 0em 0em 2em 0em;
		color: #883300;} 		
.tableColumnTitle {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-style: normal; 
        font-weight: bold;
		font-size: small; 
        padding: 0em 0em 1em 0em;
		color: #000000;} 		
.tableLink {font-family: Verdana,Arial, Helvetica, san-serif; 
             font-size: .8em;  
			 padding: 0em 0em 2em 0em;
			 color: #003366}

/* ----- classes for articles ------*/
.articleTitle {  
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 16px; 
        font-style: normal; 
        font-weight: bold; 
		padding-bottom: .2em;
		padding-top:1em;
		margin:0 0 0 0;
        color: #883300}
        
.articleContent {  
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-style: normal; 
        font-weight: normal;
		font-size: .8em; 
        padding: 0em 0em 0em 0em;
		color: #330033;
		line-height:1.5em;}
		
.articleLink {font-family: Verdana,Arial, Helvetica, san-serif; 
             font-size: .8em;  
			 padding: 0em 0em 2em 0em;
			 color: #003366}

.hide{
display:none;
}
.show{
display:block;
}
.right{
text-align:right;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
text-align:right;
}
.clearLeft{
clear:left;
}
.clearRight{
clear:right;
}
.clearFloat:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearFloat{display:inline-table;}
/* Hides from IE-mac \*/
* html .clearFloat {height: 1%;}
.clearFloat {display: block;}
/* End hide from IE-mac */
.date{
font-size:10px;
text-transform:uppercase;
color:#9a978c;
letter-spacing:1px;
}
.success{
display:block;
padding:5px;
color:#fff;
background-color:#cf5c1b;
}
.error{
display:block;
padding:5px;
margin-left:0;
color:#fff;
background-color:#B60D46;
}

/* ----- HEADINGS ----- */

h1{
font-family:"Helvetica Neue",Helvetica,"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:2.8em;
font-weight:bold;
color:#296dc1;
padding:1.5em 0 .5em 0;
}
h2{
font-family:Verdana,Arial,sans-serif;
font-size:1.2em;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
color:#006644;
padding:1em 0 0 0;
}
h2.sub{
font-size:1.4em;
color:#2e496b;
padding:.25em 0 2em 0;
}
h3{
color:#006644;
font-size:1.1em;
font-weight:bold;
font-family:Verdana,Arial,sans-serif;
padding:1em 0 0 0;
}

.figure {
        text-align:top;
        color: #606060;
        padding: 0 0 0 1em;
}

/* ----- PARAGRAPHS ----- */

p{
font-size:11px;
line-height:1.5em;
font-weight:normal;
text-align:left;
text-decoration:none;
margin:.5em 0 1em 0;
}

#rightColumn p{
line-height:1.8em;
margin:.5em 0 1.5em 0;
}
#rightColumn p.quote{
padding:0;
margin:0;
border:0;
}
#rightColumn p.hr{
margin:1.5em 0 0 0;
}
.hr{
border-top: 1px solid #C8CCD0;
}

/* ----- LISTS ----- */

ol{
padding:0;
margin:0;
border:0;
}
ul{
padding:0;
margin:0;
border:0;
}
li{
font-size:0.8em;
margin:0 0 .75em 2.5em;
padding:0;
border:0;

}
#leftColumn li{
list-style-type:disc;
list-style-image: url(../images/18.gif);
list-style-position:outside;
margin:0 0 .75em 15px;
}
#body ol{
margin:1em 0 1.5em 1em;
}
#body ol li{
font-size:1.1em;
list-style-position:outside;
margin:0 0 1em 1.5em;
}
#body ul{
margin:1em 0 1.5em 1em;
}
#body ul li{
font-size:1.1em;
list-style-type:disc;
list-style-image: url(../images/18.gif);
list-style-position:outside;
margin:0 0 1em 1.5em;
}

/* ----- IMAGES ----- */

.imgRight{
float:right;
padding:1.5em 0 1em 2.5em;
text-align:center;
color:#006644;
font-style:italic;
}
.imgLeft{
float:left;
padding:1.5em 2.5em 1em 0;
text-align:center;
color:#006644;
font-style:italic;
}
.imgLeft img,
.imgRight img{
display:block;
margin:0 0 5px 0;
}
.imgLeft a:hover,
.imgLeft a,
.imgRight a:hover,
.imgRight a{
border:0;
margin:0;
padding:0;
background:none;
}
.gallery img{
float:left;
padding:15px;
margin:15px 15px 0 0;
border:1px solid #75818A;
}

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

strong{
font-weight:bold;
letter-spacing:1px;
color:#000;
}
em{
}
i{
}
pre{
font-size:11px;
}


/*----- Menu Navigation */

#navlist {
font-size: 1.6em;
width: 100%;
}
#navlist li {
margin:0;
float: left;
width:11%;
list-style:none;
}

#navlist #nav_trunc{
float: left;
width:11%;
}

#navlist ul {
margin: 0;
padding: 0;
list-style:none;
}

#navlist a {
font-weight:bold;
display:block;
text-align:center;
width:100%;
line-height:2.5em;
background:#E0291B url(images/redline41.gif) repeat-x top left;
text-decoration:none;
}


#navlist a:link, #navlist a:visited {
color: #EEEEEE;
}
#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
border:0;
background:transparent url(images/redline42.gif) repeat-x top left;
}

.sectionmenu{
width:1004px;
position:static;
top:149px;
left:0px;
}

.sectionmain{
width:1004px;
position:static;
top:184px;
left:0px;
background-color:#F9EFD0;
}


/* ----- TABLES  -----*/
/*border-color:#000000; border-style:solid; border-width:thin*/
table{
width:100%;
margin:0 0 0 0;
background-color:#F9EFD0;
}
th{
padding:.75em .75em .75em .75em;
margin:0 1px 1px 0;
color:#fff;
}
td{
background-color:#F9EFD0;
padding:.75em .75em .75em .75em;
}


/*----------- TWO COLUMN LAYOUT --------------*/
#ridesc1 {
  position: absolute;
  left: 10px;
  padding: 5px;
  width: 500px;
  height: 600px
  background: #F9EFD0;  
  font-family: sans-serif, helvetica;
  font-size: 10pt;
}

#ridesc2 {
  top: 0;
  margin-left: 525px;
  margin-right: 15px;
  height: 600px;
  padding: 5px;
  background: #F9EFD0;  
  border: 1px solid #ddd;
  font-family: sans-serif, helvetica;
  font-size: 10pt;
}