/*This is a CSS (Cascading Style Sheet) file. Use this external style sheet file to change the style of all website pages at one time. Each page references this style sheet, so any changes to this file will affect all pages equally.*/

/*This defines the general body of each page.*/
body {background-color:#FFFFFF; border-top-style:solid; border-top-width:20px; border-top-color:purple; font-family:Arial, 
Helvetica, sans-serif; text-align:center; margin:0px;}


/*Each heading type H1-H6 is defined here.*/
h1 {color:purple; margin-top:0px; margin-bottom:0px; font-weight:400; font-size:180%; text-align: center;}
h2 {color:purple; margin-top:20px; margin-bottom:0px; font-weight:400; font-size:150%;text-align: center}
h3 {color:purple; margin-top:20px; margin-bottom:0px; font-weight:400; font-size:120%;text-align: center}
h4 {color:#000000; margin-top:15px; margin-bottom:0px; font-weight:600; font-size:90%;text-align:left;}
h5 {color:#000000; margin-top:7px; margin-bottom:0px; font-weight:600; font-size:80%;}
h6 {color:#000000; margin-top:5px; margin-bottom:0px; font-weight:600; font-size:80%;}




/*This section defines how normal in-text links on pages look.*/
a:link {color:#006633; text-decoration:underline;}
a:visited {color:#330033; text-decoration:none;}
a:hover {color:#006633; text-decoration:underline; font-weight:400;}
a:active {color:#006633; text-decoration:underline; font-weight:600;}

/*This section defines how normal in-text links on pages look.*/
a:link {color:#CC3333; text-decoration:underline;}
a:visited {color:#003333; text-decoration:none;}
a:hover {color:#663366; text-decoration:underline; font-weight:600;}
a:active {color:#663366; text-decoration:underline; font-weight:600;}


/*This section defines how the navigation links look.*/
a.nav:link {display:block; width:180px; color:purple; text-decoration:none;}
a.nav:visited {display:block; width:180px; color:purple; text-decoration:none;}
a.nav:hover {display:block; width:180px; color:purple; text-decoration:underline; font-weight:400; background:#D8D8D8;}
a.nav:active {display:block; width:180px; color:purple; text-decoration:underline; font-weight:600; background:#D8D8D8;}


/*This area defines several basic style classes for easy reference by any object.*/
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify;}




/*The following items define more structural elements of the page. The basic layout is that there is a header and a main part of each page. Within the header there is the logo and the header textbox, while within the main section there is the navigation list and the content area.*/



/*These items give a different style to the header on all other pages.*/
#header-pages {display:block; width:1000px; height:70px; border-top-style:solid; border-top-width:1px; border-color:#8B0000; 
margin-top:10px; padding-top:20px; padding-bottom:10px;  color:purple; margin-left:10px; margin-right:10px}
#headertextbox-pages {text-align:left; display:block; width:1000px; height:50px; margin-left:10px;padding-left:10px;}
#headertitle-pages {text-align:center; display:block; width:1000px; height:50px;}


/*This defines the main division, which holds the navigation list and the content area.*/
#main {width:1250px; display:block; margin-top:20px; padding-top:20px;  text-align:left; color:#000000; margin-left:50px; margin-right:10px;}



/*This defines the main division for the Home page specifically, which holds the navigation list and the content area for the Home page.*/
#main-home {width:1000px; display:block; margin-top:-30px; padding-top:0px;  text-align:left; color:#B80000; margin-left:40px; margin-right:10px;}


/*These items define the first column area.*/
#colnum1 {text-align:left; float:left; width:500px; display:inline; margin-top:10px; padding:0px;}


/*These items define the first column area.*/
#colnum1_1 {text-align:left; float:left; width:700px; display:inline; margin-top:10px; padding:0px;}
#two_col {text-align:left; float:left; width:525px; display:inline; margin-top:30px; padding:0px;}
#col1of2 {text-align:left; float:left; width:250px; display:inline; margin-top:10px; padding:0px;}
#four_col {text-align:left; float:left; width:270px; display:inline; margin-top:10px; padding:0px;}
#three_col {text-align:left; float:left; width:700px; display:inline; margin-top:0px; padding:0px;}

/*These items define the first column area for home page.*/
#colnum1-home {text-align:center; float:left; width:600px; display:inline; margin-top:10px; padding:0px;}

/*These items define the first column area for home page.*/
#colnum2-home {text-align:center; float:right; width:500px; display:inline; margin-top:10px; padding:0px;}

/*This defines the content area.*/
#content {text-align:left; float:right; width:800px; display:inline; color:#000000;}

/*This defines the content area for the staff page.*/
#content-staff {text-align:left; float:right; width:870px; display:inline; color:#000000;}


/*This defines the content area. for the Home page specifically.*/
#content-home {text-align:center; float:right; width:800px; display:inline; color:#000000; margin-top:20px;}



/*This defines all textarea parts of forms as not being resizeable.*/
textarea {resize:none;}

#headertextbox-pages {text-align:left; postion:absolute; left:0px; width:200px; height:50px;margin-left:10px;}



h6 {margin-top:20px; margin-bottom:0px; font-weight:400; font-size:120%;text-align: center}

/*These items define the first column area.*/
#flowchart { position:absolute; left:280px; ; top:80px; padding:0px;}

/*These items define the first column area.*/
#ancillary-info { position:absolute; left:20px; ; top:60px; padding:0px; width:250px; font-size:65%; }
#ancillary-table { border: solid; border-width: 1px;width:240px; }
#th-border { border: solid; border-width: 2px; }
#td-border { border: solid; border-width: 1px; }

h3-table { top:20px; margin-bottom:0px; font-weight:400; font-size:120%;text-align: center}

/*These items define the third column area.*/
#additional-info { position:absolute; left:910px;  top:100px; padding:0px; width:370px;text-align: left;font-size:80%;}