/*  BODY STYLE */
body { color: #4D65A0;background:  url(backgrey.jpg);
font-family: “Trebuchet MS” , Arial , 
Helvetica, sans-serif; 
}


/* IF YOU ARE HAVING TROUBLE WITH THE INFO BLEEDING OVER THE DIV
ADD THESE ATTRIBUTES INTO THE PROBLEM DIV:
   YOU CAN USE:   display:block ; height:auto   
    OR        :   display:block ; overflow:auto


/* MAJOR DIV - TO INSURE EQUAL HEIGHT OF SUB DIVS */

div.container{float:clear; background:url(backgrey.jpg);width:100%;height:100%}


/* DIV HEADER  - ACROSS TOP OF SCREEN */
div.header {float:clear; background: #6495ed; color: #ffffff; width: 100%; height: 15%;border: 3px solid #4D65A0}

/* DIV NAV  - THE LEFT SIDE NAVIGATION PANEL  */

div.nav{display: block;float:left; background: #faebd7; color: #4ccddd; width: 15%; height:auto;border: 3px solid #4D65A0}
/* DIV MAIN -  THE BODY SECTION OF THE PAGE  TO THE SIDE OF THE NAV PANEL */
div.main{display:block;float:right; background: #deb887; color: #000000; width:83%; height:auto;border: 3px solid #4D65A0} 


/* H - FONT STYLE CLASSIFICATIONS  */


h1 {Font-family:  "Comic Sans ms", Helvetica , Arial,"Trebuchet MS", sans-serif;
padding:10px;
size: 22px;
text-align: center;} 

h2 {Font-family:  "Comic Sans ms", Helvetica , Arial,"Trebuchet MS", sans-serif;
padding:10px;
size: 18px;
text-align: center;}

h3 {Font-family:  "Comic Sans ms", Helvetica , Arial,"Trebuchet MS", sans-serif;
padding:10px;
size: 14px;
text-align: left;
margin:0; margin-bottom:10px}

h4 {Font-family:  arial, "Times New Roman","Trebuchet MS", serif;
padding:10px;
size: 12px;
text-align: left;
margin:0; margin-bottom:10px;
border-top: 1px solid #4D65A0}


h5 {Font-family:  "Times New Roman","Trebuchet MS", serif;
padding:10px;
size: 10px;
text-align: center;
margin:0; margin-bottom:10px}

h6 {Font-family:  "Times New Roman","Trebuchet MS", serif;
padding:10px;
size: 8px;
text-align: left;
margin:0; margin-bottom:10px}

#uline {text-decoration:underline; color:#000000}
#urline{text-decoration:none; border-bottom: 2px solid #ff0000}   /* red underline */





/* P - PARAGRAPH CLASSIFICATIONS   */
p.SectionTitle {padding: 5px; margin-top:10px; margin-bottom:12px;
font-size:22px; font-style: bold; line-height:1.2}

p {padding: 5px; margin-top:10px; margin-bottom:12px;
font-size:18px; line-height:1.2}

p.copyright	{font-size:	smaller;
		padding-top:	40px}

p.spec_info {font-style: italic}

p.pics {text-align:center}

#navpgh{padding:10px; font-size: 18px; line-height:2}


/* IMG  - IMAGE CLASSIFICATIONS */
img.left {float: left; padding-right:10px;width:20%; height:20%;} 
img.right {float:right; padding-right:10px; width:20%; height:20%;}
img.mid {
    margin-left: auto;
    margin-right: auto }

#panel{width:90%; height: 20%; margin:4px}

#shadow{
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}


/* A - ANCHOR HYPERLINK CLASSIFICATIONS  */
a:link {color:#0000ff }  /*first shown */
a:visited {color:#ff00ff; text-decoration:underline} /*after return */
a:focus {color:#000000} /* still has focus after click */
a:hover {color:#00ff00; text-decoration:none; font-weight:bold}  /* mouse over */
a:active {color:#ffffff} /* once clicked */