/* *************** Main CSS ************** */
body { 
	margin: 12px 0;       /* distance from white box to top & bottom of browser */
	color: #41383C;                /* grey31 color - main text color */
	background-color: #95B9C7;     /* background of web page - Light Blue3 */
	font: 12px/19px Verdana, Geneva, Arial, Helvetica, Times New Roman, sans-serif;
     }

#container {
    width: 900px;		     /* width of white box container */
    margin: 0 auto;		     /* this centers the white box */
    background-color: #ffffff;	     /* this makes the box white */
    padding: 4px 15px 0 15px;       /* distance between banner and edge of white */ 
				         /* top, right, bottom, left */
    border-right:  1px solid #488AC7;  /* steel blue 3 color of white box borders */
    border-left:   1px solid #488AC7;
    border-top:    1px solid #488AC7;
    border-bottom: 1px solid #488AC7;
}

#main { width: 620px;  }		/* left body text width */


#main2 { width: 880px;  }		/* left body text width for portfolio page - only 1 column */


.subtext {				/* text that goes on top right of banner */
	position: absolute;
	top: 45px;
	margin-left: 650px;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, Times New Roman, sans-serif;
	font-weight: bold;
	}

/* ******** Navigation Menu CSS ********** */

#navcontainer ul
	{
	padding-left: 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;   /* needed for IE to drop Welcome down */
	background-color: #036;
	color: White;
	float: left;
	width: 900px;
	font-family: arial, helvetica, sans-serif;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
	{
	padding: 0.2em 1em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover
	{
	background-color: #369;
	color: #fff;
	}
/* ********* End Nav Menu ********** */

/* ************** Side Bar  CSS ************ */
#rightbar {
	float: right;
	width: 250px;
	margin-bottom: 35px;
	 }

#rightbar p {
	    font-size: 12px;
	    line-height: 17px;
	   }

p, #rightbar h2  { margin: 0; padding: 4; }

#rightbar h2 { font-size: 14px; font-weight: normal; }

/* ************************************* */

p { padding: 6px 0 6px 0; }	 	/* paragraph style */

p.indent { margin-left: 15px ; }	/* indented paragraphs */

a  {
   color: #1569C7;          /* Dodger Blue 3 anchor/link color */ 
   text-decoration: none;
   }

a:hover {	            /* color when hover over hyperlink */
	color: #4863A0;
	text-decoration: underline;
        }

.maintitle { margin-bottom: 35px; }      /* Welcome/body text */

h1 {					/* used for main banner text */
    padding-top: 10px;
    margin-left: 20px;
    color: #ffffff;
    font: normal 28px Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
   }

h2 { border-bottom: 1px solid #cccccc; color: #336; padding-bottom: 2px; font: normal 17px Arial, Helvetica, sans-serif; }

/* ********** CSS for HTML forms *********** */

form  { margin-top: 7px; }
input, textarea { background-color: #95B9C7!important; }

/* ******** End CSS for HTML forms ********** */

/* ********* Popups Balloons for Glossary ********** */

a.info {
        position:relative;       /* this is the key */
        z-index:24;              /* background-color:#ccc;  */
        color:#1569C7;
        text-decoration:none;
       }

a.info:hover {z-index:25; background-color: #ff0}

a.info span{display: none}

a.info:hover span{    /* the span will display just on :hover state */
    display:block;
    position:absolute;
    top:2em; left:-15em; width:23em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

/* ********* End Popups Balloons  ********** */


/* ********* Footer CSS ************ */

#footer {
	padding-bottom: 6px;
	border-top: 1px solid #cccccc;
	clear: both;
        }
/* ********* End Footer CSS ********** */