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

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

body {
  font: 62.5%/1.6 Verdana, sans-serif;
  background: #663 url(../images/bg_repeat.png) repeat;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  letter-spacing: 0px;
  color: rgb(238,235,214)
}

h2 {
  font-size: 1.6em;
  font-weight: normal;
  letter-spacing: 0px;
  color: rgb(238,235,214)
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  color: rgb(238,235,214);
  margin:  0;
  
}

h4 {
  font-size: 1em;
  font-weight: normal;
  color: rgb(238,235,214);
  margin:  0;
}

h5 {
  font-size: 1.9em;
  font-weight: normal;
  
  color: rgb(201,194,131);
  font-family:"Times New Roman", Times, serif;
}

p {
  font-size: 1.2em;
    color: rgb(238,235,214)
}



h1, h2, p {
  margin: .5em 0 0em 0;
}

a:link, a:visited{color: rgb(238,235,214); font-size:13px; text-decoration: none;  }


a:hover, a:visited:hover  {color: #000000; font-size:13px; text-decoration:none; }

#wrapper {
    background :#996 url(../images/wrapper_bg.png) 0 0 repeat-y;
		border: 1px solid #fff;

  }

#branding h1 {
  margin: 0;  padding: 0; background :#996 url(../images/header_image.jpg) 0 0 no-repeat;
}

#branding h1 a, #branding h1 a:visited{
	display:block;text-indent:-5000px;text-decoration:none; line-height:98px;
}

#branding {
  width: 776px;
  background :#996 url(../images/header_image.png) 0 0 no-repeat;
}

#lagniappe {
	height: 26px;
	 background :#996 url(../images/subhead_image.png) 0 0 no-repeat;
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
}
	
#mainNav { list-style: none;}
#mainNav li { text-align: right; line-height:25px;  }
#mainNav li a:link, #mainNav li a:visited { font: 12px Arial, sans-serif; color: rgb(192,184,148); text-decoration: none; }
#mainNav li a:hover, #mainNav li a:visited:hover {  font: 12px Arial, sans-serif;  color: #fff; }
 

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

body {
  text-align: center; 
  min-width: 780px;
  margin:30px 0;
}

#wrapper {
  width: 776px; 
  margin: 0 auto; 
  text-align: left;

}


#content { 
  width: 645px;
  float: right; 
}

#collage1 { 
  width: 776px; 
  height: 301px;
  float: right; 
  background :url(../images/collage_01.jpg) 0 0 no-repeat;
  padding: 0px;
  margin: 0px;
}

#collage2 { 
  width: 776px; 
  height: 188px;
  float: right; 
  background :url(../images/collage_02.jpg) 0 0 no-repeat;
    padding: 0px;
  margin: 0px;
}

#text-top-right { 
  width: 200px;
  float: right; 
}

#textcontent { 
  width: 600px;
  float: right; 
}

#mainNav { 
  width: 120px; 
  float: left; 
  
} 

#footer { 
border-top: 1px #ffffff solid;
clear: both; 
width: 776px;	
height: 32px; 
margin: 0px auto; 
padding: 0;  
background-image: url(../images/footer_bg.png);}


/* Add some padding
================================== */

#mainNav {
  padding-top: 20px;

}

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

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

#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}


.whitetxt {  color: rgb(238,235,214);}
#fl {float: left; margin: .5em .5em .5em 0em;}
#fr {float: right; margin: .5em .0em .5em .5em;}
#copy { color: #333333; font-size: 10px;}