@charset "utf-8";
/* CSS Document */

/* Index.html  (home page) layout for changes to rest of the pages, use innerLayout.css */


html,body{
    margin:0;
    padding:0;	
}

body, p{	
	color: #000000;
	font-style: normal;
	font-weight:lighter;
	line-height:  1.5;
	text-align:justify;
	font-size: 14px;
    font-family:  Century Gothic, Verdana, Arial, sans-serif;
}

.img {
display:inline;
margin: 10px;
}


/* this is where to change the default text settings for the website. */
/*basefont {
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006699;
} */

.style6 {font-size: 16px}; /*for Main Nav Menu, unbolded*/
.style18 {color: #99CCFF; font-size: 14px; } /*for blue on form menu, first line*/
.style16 {color: #99CCFF; font-size: 24px} /*for blue on form menu, second line*/
.style19 {font-size: 12px}

h1{      
     font-weight: bold;
     color:#99CCFF; /* (light blue) */
	 font-size:18px;
	 font-family: "Century Gothic", Verdana, Arial, sans-serif;
}


h2{      
	 font-weight:bold;
     color:#99CCFF; /* (light blue) */
	 font-size:16px;
	 font-family: Century Gothic, Verdana, Arial, sans-serif;
}

h3{     
     font-weight:bold;
     color:#99CCFF; /* (light blue) */
	 font-size:14px;
	 font-family: Century Gothic, Verdana, Arial, sans-serif; 
}


/* this is the color of the links on the main navigation bar*/

a:link {display: block; color: #0000FF; padding: 5px;}

a:visited {display:block; color:#006699; padding: 5px;}

a:hover {display: block; color: #CC33CC; padding: 5px;}

a:active {display: block; color:#CC33CC; padding: 5px;}

/* Beginning of the page layout.  "Container" is the outer box that holds the design together */

div#container {
    width:1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;	
}

div#container div {
    margin: 0;
    padding: 0;
	z-index: 1;
}

/*  "Header" is the top box that holds the navigation bar */

div#header {
    background: url(images/DivorceHelpBG_01.png); 
    height: 127px;
    width: 100%;
    position: relative;
	z-index: 2;
}

div#header h1 {
    top: 90px;
    left: 50px;
    position: relative;
}

          /*navcontainer is the top navigation menu*/

#navcontainer ul li { display: inline; }

#navcontainer ul {
   padding-left: 0;
   margin-left: 0;
   margin-top: 15px; /* this centers the font in the nav-bar*/
   background-color: transparent;  /*bar-right color*/ 
   color: white;
   float: left;
   width: 97%;
   font-family: Century Gothic, Verdana, Arial, sans-serif;
}

#navcontainer ul li a {  /*  this controls the menu items in the navbar */
   padding: 0.2em 1em;
   background-color:transparent; /*box color on bar*/
   color: white;     /*font color*/
   text-decoration:  none; 
   float: left;  /*this keeps the menu items horizontal*/ 
   /*border-left: 1px solid #000000;black line between boxes, currently unused. */
   }   

#navcontainer ul li a:hover {
   background-color: #99CCFF; /*color of boxes when moused over*/
}

/*  "Banner" is below the navigation bar, and holds the flash movie or a large image.  */

div#banner {
    background: url(images/DivorceHelpBG_02.jpg);
	background-repeat:no-repeat;
    height: 224px;
    width: 100%;
    position: relative;
	z-index: 2;
}

/* "Textfield" is the main body of the website which holds the text, links, images.  Edit the text itself in .html, but edit the definition of the styles here in .css file */

div#textfield {
	background: url(images/DivorceHelpBG_03_long.jpg);
	background-repeat: repeat-y;
	height: inherit;
	width: 100%;
	position: relative;
}

.img {
display:inline;
margin: 10px;
}

div#textfield div {
    margin-left: 80px;   /* this keeps left textfield inside of the text background*/
	padding-top: 5px;
	z-index: 2;
}

	
          /*  "footer" is the bottom of the  website.  It can be used for a bottom menu, or contact info, etc. */

div#footer {
    background: url(images/DivorceHelp_04.jpg);
	background-repeat:repeat-y;
    height: 48px;
    width: 100%;
    position: relative;
    text-align: center;
	z-index: 2;
}