/* layoutstyles.css */ 


/* Block all default margins and padding */
* {
    margin: 0 0 0 0px;
    padding: 0;
   
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* The rest is optional, style to taste */
    /*background-color: #cccccc;*/
    background: url(images/bkg.gif) repeat-x;
    font-family: Verdana, Geneva, Sans-Serif;
}

/* Wrapper sizes the layout */
#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 59em; 
    /* Centers the layout (newer browsers) */
    margin: 0 auto;
   border-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #715D3C;
    /* The rest is optional, style to taste */
    /*background-color: #E2E6E0;*/
    background-color:#dfc599;
}
/* ---------------------- Start layout division styles ---------------------- */

/* Branding division */
#branding {
    /* Style to taste 
    height: 230px; 
    margin-top:25px;*/
    height:230px;
    background-color: #91ADCA;
    
    background-image:url(images/finalbanner.jpg);
}

/* Left column */
#leftcolumn {
   
    float: left; /* Remember, content left margin must match this width */ /* Style to taste */;
    width: 12em;
    background-color: #dfc599;
    
    padding-top: 2em;
}

/* Navbar division */
#navbar {
    /* Left margin = leftcolumn width */
    margin-left:12em;
    /* Style to taste */
    height: 2em;
    /* Style to taste */
    background-color: #dfc599;
 
}

/* Content division */
#content {
    /* Left margin must match leftcolumn width */
    /* Leave room for leftcolumn */
    margin-left: 12em; 
    /* Optional, style to taste */
    text-align:left;
    padding-left:1.5em;
    padding-bottom: 0.5em;
    padding-top:0.5em;
   /* background-color: #fff;*/
     background-color:white;
    color: #000;
}

/* Footer division */
#footer {
    /* Clear floated column */
    clear:left; 
    /* Optional, style to taste */
    background-color: #942b1c;

    border-top: solid 1px #B0C4D0;
    min-height: 2em;
    font-size:0.75em;
}
#footer a, a:link, a:visited
{
    color:white;
}
/*applies to links in the content*/    
#footer h4 a, a:link, a:visited{

font-size:.9em;
color:black;
}
/* ---------------------- End layout division styles ---------------------- */
/*----------- Special Formatting for layout divisions other than Content-------*/
p.heading{
padding-top:1em;
}
p.verse{

width:28em;
text-align:left;
font-size:small;
font-style:italic;
}
#navbar ul{
list-style-type:none;
}
#navbar li{
float:right;
}
/* Applies to horizontal navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    font-size:80%;
    color:white;
	background:url(images/navbak.jpg) repeat-x center;
	display:block;
	height:2.4em;
	width:7em;
    border-right:solid 1px #dfc599;
    line-height:2em;
    text-align:center;
    outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
    background:url(images/navhover.jpg) repeat-x center;
    color:#f7ed7d;
}
/*********************************Vertical Navigation************************/

/**************************** Navbar division (For vertical navbar) */
#vnavbar{
 width:100%;
 margin-bottom:5px;
 /* Center horizontally */
/* margin:1em auto;
 text-align:center;
 border:solid 1px #333;*/
 
 
 
}

/* Remove bullets from ul in the navbar */
#vnavbar ul{
 list-style-type:none;
}

/* List items in the navbar */
#vnavbar li{
 background:url(images/navbak.jpg) repeat-x center;
 border-bottom:1px;
 /* For flyout menus */
 position:relative;
}

/* Applies to navbar links, unvisited and visited */
#vnavbar a,
#vnavbar a:link,
#vnavbar a:visited{
 text-decoration:none;
 font-family:Verdana, Geneva, Arial, Sans-Serif;
 font-size:80%;
 color:white;
 background:url(images/navbak.jpg) repeat-x center; 
 display:block;
 height:3em;
 width:auto;
 border-bottom: solid 1px #dfc599;
 line-height:2em;
 text-align:center;
 outline-style:none;
 
 
}

/* Navbar hover, active, and current page links */
#vnavbar a:hover,
#vnavbar a:active,
#vnavbar li.selected a:link,
#vnavbar li.selected a:visited{
 background:url(images/navhover.jpg) repeat-x center;
 color:#f7ed7d;
}

/****************************************************** Flyout menu styles */
/* Applies to flyout menus in navbar */
#vnavbar li ul{
 position:absolute;
 top:0;
 left:99%;
 z-index:105;
 visibility:hidden;
}

/* Make flyout menu visible on navbar hover */
#vnavbar li:hover ul,
#vnavbar li a:hover ul{ /* IE6 hack */
 visibility:visible; 
}

/* Applies to links on the drop-down menu */
#vnavbar li:hover ul li a,
#vnavbar li a:hover ul li a{ /* IE6 hack */
 background:url(images/navbak.jpg) /*Removes background image */
 color:#000;
 text-align:left;
 display:block;
 width:17em;
 padding:0 0 0 1em;
 height:auto; 
}

/* Hover on drop-down menu links */
#vnavbar li:hover ul li a:hover,
#vnavbar li a:hover ul li a:hover{ /* IE6 hack */
 /*background: #aaa; 
 color:#000;*/
  background:url(images/navhover.jpg) repeat-x center;
  color:#f7ed7d;
}

/* IE6 hack applies to table flyout manus */
#vnavbar table {
 margin:-1px; 
 border-collapse:collapse; 
 position:absolute;
 top:0em;
 left:99%;
 z-index:105;
}

/* End of vnavbar division (Vertical navbar) */
/* ---------------------- Start Content division styles ------------------- */
/* Heading 1 tags in content division */
#content h1 {
    margin-left: 12px;
    font-size: 1.5em;
}

/* Paragraphs in content division */
#content p {
    font-size: 0.85em;
    line-height: 1.5em;
    margin: 1em 12px;
}



/* Bulleted lists in content division */
#content ul {
    font-size: 0.85em;
    margin: 1em 20px 1em 40px;
}

#content ul li {
    margin-bottom: 0.5em;
}

/* ---------------------- End Content division styles ------------------- */
/* ---------------------- Repeater Style ------------------- */

.DataBlock {
       /* background-color:#E0E0FF;*/
        /*font-family:Tahoma;*/
        font-family:Verdana, Geneva, Sans-Serif;
        font-size:16px;
       /* border:1px solid blue;*/
        /*margin-top:5px;*/
        margin: 0 auto;
        width:400px;
        /*text-align:center;*/
    }

.DataBlockWider {
       /* background-color:#E0E0FF;*/
        /*font-family:Tahoma;*/
        font-family:Verdana, Geneva, Sans-Serif;
        font-size:16px;
       /* border:1px solid blue;*/
        /*margin-top:5px;*/
        margin: 0 auto;
        width:500px;
        /*text-align:center;*/
    }

.CenterData{
       
        font-family:Verdana, Geneva, Sans-Serif;
        font-size:12px;
       
        padding-left:20px;
        margin-top:20px;
        width:500px;
} 
.DataPadding{
       font-family:Verdana, Geneva, Sans-Serif;
        font-size:14px;
        margin-bottom:7px;          
}       
  .DataLeft{
       
        font-family:Verdana, Geneva, Sans-Serif;
        font-size:16px;
        padding-left:230px;
        margin-top:10px;
        width:600px;
       
    
}      
/*#DataLeft{
       
        font-family:Verdana, Geneva, Sans-Serif;
        font-size:16px;
        padding-left:20px;
        margin-top:10px;
        width:600px;
       
    
}      
#DataLeft a, #DataLeft a:link, #DataLeft a: visited{
text-decoration:none;
outline-style:none;
}*/

.CenterImage{
 text-align:center;
 
}

.ImageLeft{
text-align:left;
float: left;

}

/*********************Styles for Photo Gallery****************************/
div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }
  
  div.comment
  {
  text-align:center;
  font-weight:bold;
  font-family:Verdana, Geneva, Sans-Serif;
  font-size:16px;
  color:white;
  }
/********************************************/