/* CSS Document */

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  color:#FFFFFF; 
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background: url(images/bg_pattern.gif);
  background-attachment: fixed;
}

h1 {
color:#FF3300;
  font-size: 1.8em;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
}

h2 {
color:#FF3300;
  font-size: 1.8em;
  font-weight: normal;

}
h3 {
color:#FF3300;
  font-size: 1.6em;
  font-weight: normal;

}
h4 {
color:#FFFFFF;
  font-size: 1.4em;
  font-weight: normal;
padding: 0px 0px 12px 0px;
}

p, li {
  font-size: 1.1em;
  line-height:1.7em;
}
li {
  list-style-position: inside;
        margin-left: 0;
        padding-left: 1em;
		/*padding-bottom:1em;*/
        text-indent: -1em;
		}

/*h1, h2, p {
  margin: 1em 0;
  font-color:blue;
}
*/
/*  MAIN LINKS 
================================*/

a:link {
        text-decoration: none;
        color: #FFFFFF;
		border-bottom:1px dotted #666666;
        }
a:visited {
        text-decoration: none;
        color: #FFFFFF;
		border-bottom:1px dotted #666666;
        }
a:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #FF3300;
		border-bottom:1px solid #FF3300;
        }
		/*  FOOTER LINKS 
================================*/

#footer a:link {
        text-decoration: none;
        color: #FFFFFF;
		border-bottom:1px dotted #FFFFFF;
        }
#footer a:visited {
        text-decoration: none;
        color: #FFFFFF;
		border-bottom:1px dotted #FFFFFF;
        }
#footer a:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #000000;
		border-bottom:1px solid #000000;
        }		
 img { 
 border: 0px none; 
 } 
/* OUR NAVIGATION STUFF and LINKS */


#branding {
  height: 280px;
  width:880px;
    border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:5px;
  
  }
 /* HEADINGS AND TITLES! Headings contains our titles */
#headings {
  padding:0px;
  height:40px;
  width:880px;
  border-bottom-style:solid;
  border-bottom-width:5px;
  border-bottom-color:#000000;

}
#pageTitle { 
background:url(images/bg_title.jpg);
  height:40px;
  width: 145px; 
  float: left; 
    padding:0px;
/*	  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:5px;*/
}
#pageAbout { 
background:url(images/bg_title.jpg);
  width: 290px; 
    height:40px;
  padding:0px;
  margin-right: 5px;
  margin-left: 5px;
  float: left; 
/*	  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:5px;*/
}
#pageContent { 
background:url(images/bg_title.jpg);
  height:40px;
 width: 435px;
  padding:0px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
/*	  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:5px;*/
}
#twopageContent { /*for when we have nav and only one column of images and bigger pictures*/
background:url(images/bg_title.jpg);
  height:40px;
 width: 730px;
   margin-left: 5px;
  padding:0px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
/*	  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:5px;*/
}
/* END OF TITLES AND HEADINGS STYLE*/

#branding h1 {
  margin: 0;
}
	
#mainNav {
 list-style: none;
  
}

#secondaryContent {
  /*background-color:#DDDDDD;*/

 
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;

}

/*#secondaryContent p {
  font-size: 1.2em;
  border-left-width:1px;

  }
*/

#footer {
  background:url(images/bg_title.jpg);
  padding:10px 15px 5px 15px;
  height:25px;
  text-align:left;
  border-top-style:solid;
  border-top-width:5px;
  border-top-color:#000000;
    clear: both; 

}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 890px;
}

#wrapper {
  width: 880px; 
  margin: 0 auto; 
  text-align: left; 
  padding:0px;
  border:solid;
  border-width:5px;
  border-color:#000000;
  background-image: url(images/bg_column_02.gif);
}

#mainNav { 

  width: 115px; 
  float: left; 
    padding:15px;
	
/*	  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:5px;*/
}

#content { 
  width: 730px; 
  float: right; 
  margin-left: 5px; /*to give us gap after nav*/
  
 
}
#content_double { 
  width: 700px; 
  float: right; 
    padding:15px;
 
}
#content_double_narrow { 
  width: 600px; 
  float: right; 
    padding:15px 115px 15px 15px;
 
}

#mainContent { /*center column*/
  width: 260px; 
  padding:15px;
  margin-right: 5px; 
  float: left; 
  /*background-color:#999900;*/
}

#secondaryContent { /*right column*/
  width: 405px;
  padding:15px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 



/* Add some padding
================================== */
/*
#mainNav, #secondaryContent {
  padding-top: 0px;
  padding-bottom: 0px;
}

#mainNav *, #secondaryContent * {
  padding-left: 0px;
  padding-right: 0px;
}

#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
*/