/**
 * Main CSS Stylesheet
 * 
 *
 * @copyright Copyright 2008 Denise Crosbie
 * @version $Id: define_queries.php v1 2008-08-27 dcrosbie
 */

body {
	margin:10px 10px 0px 10px;
        padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-repeat: repeat;
	background-position: top;	
        background-color: #FFFF99;
        /*background-image: url(../images/darkblue_bg.gif); */
        text-align: center; /* dcrosbie - keep this in for centering the page inside the browser*/
        /*if you change width, be sure to change width in #mainWrapper class below to match*/
        min-width: 775px; /* dcrosbie - keep this in for centering the page inside the browser*/	
	}

a img {border: none; }

/*anchor styles for basic site*/
a {
   color:blue;
   font-family: arial, helvetica, sans-serif;
   text-decoration: underline;
}

/*h1,pre {
	margin:0px 10px 10px 10px;
	}

p,h2 {
	margin:0px 0px 5px 20px;
        }*/
	
h1 {
	font-size:16px;
	padding-top:6px;
	}

h2 {
	font-size:12px;
	padding-top:6px;
	}

h3 {
	font-size:12px;
	/*margin:0px 0px 5px 30px;*/
	background-color:#FFE699;
	padding:5px 0px 5px 0px;
	}

#banner h1 {
	font-size:14px;
	padding:10px 10px 0px 10px;
	margin:0px;
	}

#rightcontent p {
	font-size:10px;
	}


table.layout {
    border-collapse:collapse;
    empty-cells:show;
    cellspacing:2px;
    cellpadding:2px;
    font-size:10px;
    border-width:0px;
    border-style:none;
		border-color:white;
    vertical-align:top;
}

table.center {
    margin-left:auto; 
		margin-right:auto;
}

table {
    border-collapse:collapse;
    cellpadding:4px;
    font-size:10px;
    border-width:5px;
    border-style:ridge;
    border-color: gray;
}

th {
    font-weight: bold;
    background-color:gray;
    color:black;
    vertical-align:bottom;
}

.th td {
    border-style: outset; /*outset, solid, double*/
    border-color: gray;
    border-width: 5px;
}

td {
    vertical-align:top;
}

form {
  margin:0px;
  padding: 0px;
}


/****************************************************************/
/****************** Layout CSS **********************************/

#mainWrapper {
        vertical-align: top;
        text-align:left; /* dcrosbie - keep this in for centering the page inside the browser*/
        /*if you change width, be sure to change width in body tag above to match*/
        width:775px; /* dcrosbie - keep this in for centering the page inside the browser*/
        margin-left: auto; /* dcrosbie - keep this in for centering the page inside the browser*/
        margin-right: auto; /* dcrosbie - keep this in for centering the page inside the browser*/
}

#centercontent {
	background:#fff;
  	padding:5px;
        width:775px;
        vertical-align: top;
	}


#rightcontent {
	width:250px;
	/*background:#4DA6FF;*/
	padding:5px;
        vertical-align: top;
	}
	
#banner {
	/*background:#007AF5;*/
	height:118px;
        text-align: center;
	}

#topmenu {
        /*background:#949494;*/
	background-repeat: repeat-x;
	      background-color: black;
        /*background-image: url(../images/topmenu.png);*/
				color: white;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        }
				
/*anchor styles for top menu*/
#topmenu a{
   color: white;
   font-size: 1.1em;
   font-weight:600;
   font-family: arial, helvetica, sans-serif;
   text-decoration: none;
}

#topmenu a:hover {
   text-decoration: underline;
}

#footer {
	/*background:#949494;*/
        background-repeat: repeat-x;
        /*background-image: url(../images/metal_bg.jpg); */       
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
	}

/************************************************************************************/
/*left content settings*/

.leftmenuitem {
  font-weight: bold; 
	color: blue;
}

#leftcontent {
	width:200px;
	background:#ffffff; /*background:#4DA6FF;*/
        border-style: solid;
	padding:5px;
        vertical-align: top;
        font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
        /*font-weight: bold;*/
	}

/*anchor styles for side menu*/
#leftcontent  a {
   font-size: 12px;
   /*font-weight:600;*/
   font-family: arial, helvetica, sans-serif;
   text-decoration: none;
   color: black;
}

#leftcontent a:hover {
   text-decoration: underline;
}

.sidemenu {
 /*border-style: outset; 
 border-color: yellow;
 border-width: 5px;*/
 color: black;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-bottom: 30px;
 margin-left: 5px;
 margin-right: 5px;
 font-size: 12px;
 /*background-image: url(../images/blue_texture_bg.jpg);  */
}

.menuheader {
 margin: 0px 0px 0px 0px;
 background:black;
 color: white;
 font-size: 14px;
 font-weight: bold;
 border-style: outset; /*outset, solid, double*/
 border-color: yellow;
 border-width: 5px 5px 0px 5px;
 margin-left: 5px;
 margin-right: 5px;
}

.pageanchor {
   text-decoration: none;
	 color: black;
}

/************************************************************************************/
/*FAQ Page settings*/

.faqQ {
   color: blue;
}

.faqA {
   font-style: italic;
 }

/************************************************************************************/
/*misc*/
.back {
	float: left;
	}

.forward {
	float: right;
	}
	
.clear {
 clear: both;
}

.bold {
	font-weight: bold;
	}
	
.large {
	font-size:16px;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.rowHighlight {
	background-color: yellow;
	}
	
.alert {
	color: red;
	font-weight: bold;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

.center {
        text-align: center;
}

.right{
        text-align: right;
}

.indent {
    margin-left: 10px;
}

.aligntop {
               vertical-align:top;
}