/* ----------------------------------------------------- */
/* This stylesheet provides all of the styles for this   */
/* website.  Currently, all pages are ASPX pages         */
/* that are based on one of three master pages: the      */
/* DefaultPage (for the default page only - it has two   */
/* columns of data); the About (used by the main menu    */
/* item pages); and the DataPage (used to show           */
/* documents).                                           */

body {
	/* these three items insure that the page covers the */
	/* full width of the browser (left-to-right)         */
	margin: 0;
	padding: 0;
	border: 0;
	/* These three items define the basic font and the   */
	/* the color surrounding the page (a dark brown)     */
	/* the color of the font (a dark red)                */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #535252;
	color: #B01111;
}

/* ----------------------------------------------------- */
/* The user page is composed of three parts: the header  */
/* is the top 30px of the user page and provides the     */
/* rounded top for the page; the content provides the    */
/* main portion of the page; and the footer is the       */
/* bottom 50px of the page and provides the rounded      */
/* bottom of the page.                                   */
#pageHeader {
	width: 780px;
	height: 30px;
	margin: 0 auto;
	background-color: #535252;
	background-image:url('Images/VowHeader.png');
}
#pageContent {
	/* This ID defines a fixed-width data page that will */
	/* be centered (left/right margin is auto) within 	 */
	/* the browser whose default background is a gray    */
	/* textured paper image.                             */
	width: 780px;
	margin: 0 auto;
	background-image: url('Images/stone99.png');
	background-repeat:repeat;
}
#pageFooter {
	width: 780px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	background-image: url('Images/VowFooter.png');
	background-color: #535252;
}

/* ----------------------------------------------------- */
/* The content area is divided into two or three         */
/* portions: the headerPics that provides the position   */
/* and height of the picture strip across the page       */
/* header; the optional navigation (main menu) portion;  */
/* and the pageContent area which shows the data         */
/* specific to that page.  The headerPics picture strip  */
/* is divided into three picture areas: the main site    */
/* picture with the site logo and two picture movies.    */
#headerPics {
	position: relative;
	height: 120px;
}
#headerPic1 {
	float: left;
	margin-left: 0px;
	width: 442px;
}
#headerPic2 {
	float: left;
	margin-left: 0px;
	width: 160px;
	height: 120px;
}
#headerPic3 {
	float: left;
	margin-left: 0px;
	width: 160px;
}
#slideShowLeft {
	width: 160px;
	height: 120px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Fade()";
	filter: progid:DXImageTransform.Microsoft.Fade();
}
#slideShowLeft img {
	border-width: 0;
}
#slideShowRight {
	width: 160px;
	height: 120px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Fade()";
	filter: progid:DXImageTransform.Microsoft.Fade();
}
#slideShowRight img {
	border-width: 0;
}

/* ----------------------------------------------------- */
/* The headerNav provides the site navigation links of   */
/* the page header.  The main menu is provided by an     */
/* asp:Menu control which provides its own formatting in */
/* its page source code.                                 */
#headerNav {
	height: 24px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

#dataHeader {
	width: 760px;
	height: 10px;
	margin: 5px 10px 0px 10px;
	background-image:url('Images/DataHeader.png');
}
#dataContent {
	width: 740px;
	min-height: 455px;
	margin: 0px 10px;
	padding: 0px 10px 0px 10px;
	background-color: White;
}
#dataContentLeft {
	position: relative;
	float: left;
	width: 300px;
	margin: 4px 5px 4px 10px;
}
#dataContentLeftHeader {
	height: 10px;
	width: 300px;
	background-image:url('Images/LeftHeader.png');
}
#dataContentLeftMiddle {
	padding: 0px 10px 0px 10px;
	background-color: White;
}
#dataContentLeftFooter {
	height: 10px;
	width: 300px;
	background-image:url('Images/LeftFooter.png');
}
#dataContentRight {
	position: relative;
	float: right;
	width: 450px;
	margin: 4px 10px 4px 5px;
}
#dataContentRightHeader {
	height: 10px;
	background-image:url('Images/RightHeader.png');
}
#dataContentRightMiddle {
	padding: 0px 10px 0px 10px;
	background-color: White;
}
#dataContentRightFooter {
	height: 10px;
	background-image:url('Images/RightFooter.png');
}
#dataFooter {
	width: 760px;
	height: 10px;
	margin: 0px 10px 0px 10px;
	background-image:url('Images/DataFooter.png');
}
.dropPanel {
	background-color: #bbbbbb;
	padding: 10px;
}
.newsPanel {
	/*border-top-style: solid;*/
	/*border-top-color: Gray;*/
	/*border-top-width: 2px;*/
	margin-top: 0px;
}
.labelTitle {
	color: #c70606;
	font-size: 1.25em;
	font-weight: bold;
	margin: 30px 0px 2px 10px;
}

/* Styles for Documents */
.docDiv {
	text-align: center;
}
.docTitle {
	font-weight: bold;
	color:  #c70606;
	font-size: 1.75em;
}
.docSubTitle {
	font-weight: bold;
	color:  #c70606;
	font-size: 1.5em;
}
.docBy {
	color:  #c70606;
	font-size: 1.25em;
}
.docAuthor {
	color:  #c70606;
	font-size: 1.5em;
}
.linkStyle {
	padding-bottom: 30px;
}

/* Styles for Content */
h1 
{
	color: #c70606;
	font-size: 2.0em;
}
h2 {
	color: #c70606;
	font-size: 1.75em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3 {
	color: #c70606;
	font-size: 1.75em;
}
h4 {
	color: #c70606;
	font-size: 1.25em;
	margin-left: 10px;
	margin-bottom: 0px;
}
h5 {
	color: #c70606;
	font-size: 0.75em;
}
h6 {
	color: #c70606;
	font-size: 0.5em;
}
dt {
	margin-left: 20px;
	font-weight: bold;
}

p {
	margin-bottom: 0px;
}
.treeView {
	
}
.treeView a:hover {
	background-color: #CC9900;
}

/* -------------------------------------------------- */
/* CssClass for GridView                              */
/* This style defines the grid colors - overall       */
/* The row headers use this default foreground color. */
/* The rows use this default background color.        */
/* The borders use this specification.                */
/* The mouse hover changes both background and        */
/* foreground color to show the possible selection.   */
.gridView {
	color: white;
	background-color: #FFF7E7;
	border-style: solid;
	border-width: medium;
	border-color: #DEBA84;
}
.gridView a:hover {
	color: white;
	background-color: #CC0000;
}

/* CssClass for GridView.HeaderStyle                  */
/* Changes the background of the grid headers         */
/* Grid headers use the default foreground color.     */
/* The mouse hover of the header changes the          */
/* background and adds the underline to show          */
/* possible selection.                                */
.gridViewHead {
	background-color: #A55129;
}
.gridViewHead a:link { /* header text is a link */
	color: white;
	background-color: #A55129;
 	font-weight: bold;
	text-decoration:underline;
}
.gridViewHead a:visited { /* don't know if this is used */
	color: white;
	background-color: #A55129;
 	font-weight: bold;	
}
.gridViewHead a:hover { /* header text mouse hover */
	background-color: #CC0000;
	text-decoration:underline;	
}
.gridViewHead a:active { /* may be used while re-sorting columns */
	color: white;
	background-color: #A55129;
 	font-weight: bold;	
}

/* CssClass for GridView.RowStyle                     */
/* Changes the foreground color of the row data.      */
/* Row text uses the default background color.        */
.gridViewRow {
	color: #8C4510;
}
.gridViewRow a:hover {
	color: white;
	background-color: #A55129;	
}

/* -------------------------------------------------- */
/* Styles for Links */

a {
	color: #b01111;
	text-decoration: underline;
}
a:hover {
	color: #b01111;
	text-decoration: underline;
	background-color: white;
}
.picStyle1 {
	margin: 4px;
	float: right;
}

/* ----------------------------------------------------- */
/* This is the footer formatting at the bottom of the    */
/* page.                                                 */
#pageFooter {
	clear: both;
}
#pageFooter p {
	margin-top: 4px;
	color: #b01111;
	font-size: x-small;	
}
#pageFooter a {
	color: #b01111;
	text-decoration: underline;
}
#pageFooter a:hover 
{
	background-color: #ffffff;
	text-decoration: underline;
}