/* clientstyles.css */

* {
 margin:0;
 padding:0;
}

/* Wrapper contains the layout */
#wrapper{
	width:750px;
	margin: 1em auto 0 auto;
	background-color:#ffffff;
	position:relative;
	border-left: 1px #336485 solid;
	border-right: 1px #336485 solid;
}

body{

 font-family: "Verdana", Arial, sans-serif;
 color: #336485;
 /* Here I set the default font size smaller right off the bat. */
 font-size: 78%;
 text-align:center;
 background-color: #fff;
}
/* h1,p{
    margin:0.5em;
    }*/
    


/***************** Branding Division Styles ********************/
#branding {
 	background-color: #336485;
	color: #fff;
	}
/* Branding division contains one large image */
#branding img{
	width:100%;
	display:block;
	/*border-left: 1px solid #8BA2B1;
	border-right: 1px solid #8BA2B1;*/
	/*background-position: center;*/
 }
 #branding a:link, a:visited, a:active{
	color: #fff;
	}
/***************** top border Division Styles ********************/

/* top border division contains one large image */
#topBorder img{
    width:100%;
    display:block;

 }
 /**************** Top Navbar Division Styles ****************/
     #topnavbar{
         /* Set to any width */
         width:100%;
         /* Use any background color/image you like */
         background-color:#336485; /* blue */  
         /* Use any fonts you like */
         font-family: Verdana, Geneva, Arial, Helvitica, Sans-Serif;
         /* Same as simple navbar, but smaller font size here */
         font-size:80%;
         color:#fff; /* white */ 
         /* Use any height you like, but match to link height */
         height:2em;
    }
    
    /* Remove bullets from unordered list */
    #topnavbar ul{
        list-style-type:none;
    }
    
    /* Make list horizontal */
    #topnavbar li{
        float:right;
    }
    /* All links, and links in unvisited and visited states */
    #topnavbar li a,
    #topnavbar li a:link,
    #topnavbar li a:visited{
       text-decoration:none;
       background-color:#336485;  /* blue */
       color:#fff; /* Text color of link */
       display:block; /* required to set width and height */
       text-align:center;
       height:2em; /* Match to navbar height */
       line-height:2em; /* Match to navbar height */
       width:10em;
	   padding: 0 1em;
	   border-right:solid 1px #ccc;
       /* Remove dotted border from Firefox */
       outline-style:none;
    }
    /* Hover and active links */
    #topnavbar li a:hover,
    #topnavbar li a:active{
        /* Use any colors you like */
        background-color:#b58b5f;
        color:#fff; /* white */
    }
    

/***************** Navbar Division Styles ********************/
/* Navbar division */

#navbar{
 /* #content left margin must match this width */
 background-color:#fff;
 width:10em;
 float:left;
 /* Center text and images in this column *//* Centers the innderdiv below in some older browsers */
 text-align:left;
 /* For absolutely positioned layout */
 position:absolute;
 top:20em;
 left:0;
 margin-left: 8px;
}

#navbar #innerdiv{
    /* This is tricky because you need to know the actual width of
       the navbar ul. In this one, there are 5 items, each 6em wide,
       for a total of 30em. But there are also some 1px borders. 
       So add another .6em or so for those. In the page, you need to
       enclose the while navbar ul in a div named innerdiv. If the navbar 
       wraps in the page, you need to increase the width below. */
       width:30.6em;
       margin:0 auto;       
}

/* Puts a left border on first navbar item, but only if you
   add class="leftbutton" to that first item, as in clientstyles3.htm */
.leftbutton{
     border-left:solid 1px #4cb6f4; 
}

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

/* List items in the navbar */
#navbar li{
	float:left;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	display:block;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size: .90em;
	font-weight:bold;
    line-height:2em;
    color:#336485;	
    width:15em;
	height:2em;
    /*border-right:solid 1px #336485;*/ 
    text-align:left;
    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-color:#b58b5f;
    color:#336485;
}
/*====================this is the secondary nav===================(/
/* For centered navbar only */
    #alternativeNav #centeringdiv{
       width:32.5em; /*Must be equal to, or slightly greater than, actual navbar width */
       margin:0 auto;
	   display: inline;
	   top: 10em;
	     
    }
    
    /* For centered navbar only. Put class="firstitem" in first li tag */
    .firstitem{
       border-left:solid 1px #ccc;
    }


/***************** Leftcolumn Division Styles ********************/


/***************** Rightcolumn Division Styles ********************/

#rightcolumn{
 /* #content right margin must match this width */
 width:10em;
 float:right;
 /* Center text and images in this column */
 text-align:center;
  /* For absolutely positioned layout */
 position:absolute;
 top:18em;
 right:0; 
}

/***************** Styles for both side columns ****************/
#rightcolumn{
	width: 145px;
	padding: 0 5px;
	}

#leftcolumn img,
#rightcolumn img{
    width:100%;
    margin:.15em .4em .25em -.5em;
    border: 0;

}
#rightcolumna, a:link, a:visited{

	border:0;
	/*font-style:italic;*/
	}
	
#leftcolumn p,
#rightcolumn p{
    width:75%;
    padding:0.10em;
    border:thin solid #7E97A6;
    font-family:Tahoma, Geneva, Sans-Serif;
    margin: 1em auto;
    }
/** html #left column p, #rightcolumn p{ zoom: 2;} /*this is to fix border in IE*/    
/***************** Content Division Styles ********************/
#content{
	margin:0 5em 0 13em;
	padding:2em 0.5em 1em 0.5em;
	background-color:#fff;
	border-left: 1px #336485 solid;
}



/* Applies to h1, h2, and h3 headings in the content division */
#content h1, #content h2, #content h3{
 /*font-family: "Apple Chancery" "Brush Script MT", "Monotype Corsiva", cursive;*/
 font-family: "Verdana", Geneva, Arial, Sans-Serif;
 color:#336485;
 text-align: left; 
}

#content h1{
   font-size: 1.30em;
   }
#content h2{
   font-size: 1.20em;
   }
#content h3{
   font-size: 1em;
   }

/* Content unvisited and visited links */
#content a,
#content a:link,
#content a:visited{
    /* No underline on links */
    text-decoration:underline;
	color: #336485;
 }

/* Content hover and active links */
#content a:hover,
#content a:active{
	color:#b58b5f;
}

/* Applies to paragraphs and lists in the content division */
#content p, #content ul, #content ol{
 text-align:left;
 line-height:1.25em;
 margin:0.5em;
}

/* Applies to lists in the content division */
#content ul, #content ol{
 padding: 5px 0px 5px 30px;
}

/******************Content 3 Column Pages*********************/

#content3col {
	margin:0 13em;
	padding:2em 0.5em 1em 0.5em;
	background-color:#fff;
	border-left: 1px #336485 solid;
}

/* Applies to h1, h2, and h3 headings in the content division */
#content3col h1, #content h2, #content h3{
 /*font-family: "Apple Chancery" "Brush Script MT", "Monotype Corsiva", cursive;*/
 font-family: "Verdana", Geneva, Arial, Sans-Serif;
 color:#336485;
 text-align: left; 
}

#content3col h1{
   font-size: 1.30em;
   }
#content3col h2{
   font-size: 1.20em;
   }
#content3col h3{
   font-size: 1em;
   }

/* Content unvisited and visited links */
#content3col a,
#content3col a:link,
#content3col a:visited{
    /* No underline on links use none*/
    text-decoration:underline;
	color: #336485;
 }

/* Content hover and active links */
#content3col a:hover,
#content3col a:active{
	color:#b58b5f;
}

/* Applies to paragraphs and lists in the content division */
#content3col p, #content3col ul, #content3col ol{
 text-align:left;
 line-height:1.25em;
 margin:0.5em;
}

/* Applies to lists in the content division */
#content3col ul, #content3col ol{
 padding: 5px 0px 5px 30px;
}


/***********alignment************************/
.right{float:right; padding:10px; clear:both;}

/***************** Footer Division Styles ********************/
/* Needs some extra styling to handle the rounded box image */
#footer{
    position:relative;
    left:0;
    text-align:center;
    font-size:0.8em;
	letter-spacing: -1px; 
    height:3em;
}
/* This is the style for the footer's rounded box image */
#footer img{
    position:absolute;
    top:3em;left:0;
    width:100%;
    z-index:100;
    }

/* Footer unvisited and visited links */
#footer a,
#footer a:link,
#footer a:visited{
    /* No underline on links */
    text-decoration:none;
	color: #fff;
    position:relative;
    top:3.5em;
    z-index:102;
}

/* Footer hover and active links */
#footer a:hover,
#footer a:active{
	color:#b58b5f;
}

/* Special font color on copyright */
#copyright{    
    position: relative;
	font-color: #336485;
    font-size:0.8em;
	top:5.0em;}
#copyright a,
#copyright a:link,
#copyright a:visited{
    /* No underline on links */
    text-decoration:none;
	color: #336485;
	}
/***************** Verse of the Day ********************/
#verse{
     padding: 30;
     color: #b58b5f;
     font-style: italic;
     font-weight: bold;
}
 

/***************** Printer-Friendly Styles ********************/
@media print{
    /* Start styles for printer-friendly pages */
    #wrapper{
        width:100%;
    }
    
    /* Printer only: Hide all but branding and content divs */
    #navbar,
    #leftcolumn,
    #rightcolumn,
    #footer{
        display:none;
    }
    
    /* Printer only: Eliminate content margins and padding */
    #content{
        margin:0;
        padding:0;
    }
    /* End styles for printer-friendly pages */
}