/*Sets overall page styles to be used by each page including default background and text properties*/
body 
{ 
	background-color: #003366;
	background-image: url("images/mainBG.jpg");
    background-repeat: repeat;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
}

/*remove border from all pictures by default*/
img{border: 0px;}

/*Outline border for pictures*/
.pic {border: medium double rgb(50,50,50);}
.pic2{border: medium groove  rgb(0,0,0);}

/*Main heading style - should contain page keywords in text*/
h1{color: #ff3333; font-size: 24px; margin:0px; font-family: Arial; font-weight:bolder;}

/*Secondary heading style - should contain some keywords*/
h2{color: #000033; font-size: 20px; margin:0px; font-family: 'Lucida Console'; font-weight:bolder;}

/*different font sizes to apply to default color and font family*/
.huge  {font-size: 24px;}
.large {font-size: 16px;}
.small {font-size: 10px;}

.hugeR {color: #ff3333; font-size: 24px; font-family: Arial; font-weight:bolder;}
.largeR{color: #ff3333; font-size: 16px; font-family: Arial; font-weight:bolder;}

/*Text displayed over a headBG background*/
.headTXT{color: #ffff33; font-size: 13px; font-family: Arial; font-weight:bolder;}

/*Used to show main glossary term*/
.textG{color: #000000; font-size: 16px; font-family: Arial; font-weight:bolder;}
/*Used to display text over main background*/
.textB{color: #ffffff; font-size: 13px; font-family: Arial; font-weight:bolder;}
/*Used to display text for menu when user at this page*/
.textM{color: #000000; font-size: 20px; text-decoration: none; font-family: 'Lucida Console'; font-weight:bolder;}

/*default link properties - displays over bg2*/
a:link{   color: #000033; font-size: 13px; text-decoration: underline; font-weight:bolder;}
a:visited{color: #000033; font-size: 13px; text-decoration: underline; font-weight:bolder;}
a:hover{  color: #ff3333; font-size: 13px; text-decoration: underline; font-weight:bolder;}

/*glossary links over outside bg*/
a.a2:link{   color: #F9A11B; font-size: 13px; text-decoration: none; font-weight:bolder;}
a.a2:visited{color: #F9A11B; font-size: 13px; text-decoration: none; font-weight:bolder;}
a.a2:hover{  color: #ffffff; font-size: 13px; text-decoration: underline; font-weight:bolder;}

/*link text for h2 tag*/
a.a3:link{   color: #000033; font-size: 20px; text-decoration: underline; font-family: 'Lucida Console'; font-weight:bolder;}
a.a3:visited{color: #000033; font-size: 20px; text-decoration: underline; font-family: 'Lucida Console'; font-weight:bolder;}
a.a3:hover{  color: #F9A11B; font-size: 20px; text-decoration: underline; font-family: 'Lucida Console'; font-weight:bolder;}

/*default link properties - Red highlighted*/
a.a4:link{   color: #ff3333; font-size: 13px; text-decoration: underline; font-weight:bolder;}
a.a4:visited{color: #ff3333; font-size: 13px; text-decoration: underline; font-weight:bolder;}
a.a4:hover{  color: #000033; font-size: 13px; text-decoration: underline; font-weight:bolder;}

/*link text for h2 tag*/
a.a5:link{   color: #ffffff; font-size: 20px; text-decoration: none;      font-family: 'Lucida Console'; font-weight:bolder;}
a.a5:visited{color: #ffffff; font-size: 20px; text-decoration: none;      font-family: 'Lucida Console'; font-weight:bolder;}
a.a5:hover{  color: #000033; font-size: 20px; text-decoration: underline; font-family: 'Lucida Console'; font-weight:bolder;}

/*Spacing elements*/
.spacer2 {height: 2px;}
.spacer5 {height: 5px;}
.spacer10{height: 10px;}

/*Line elements*/
.line {height: 2px; background-color: #000033;}

/*used in asp_scripts/contactform.asp to show successful submission*/
.stok{background-color: #00ff00; color: #0000ff;}
/*used in asp_scripts/contactform.asp to show error*/
.sterror{background-color: #ff3333;}

/*Background Colors*/
/*Background color for main table*/
.bg1{background-color: #cccccc;}
.bg2{background-color: #f7f7f7;}
.bg3{background-color: #eeeeee;}
.bg4{background-color: #faa01b;}

/*references to main website outline to hold content used on every page*/
.leftBG {background-image:url(images/left.jpg);     background-repeat: repeat-y;  width:  20px;}
.rightBG{background-image:url(images/right.jpg);    background-repeat: repeat-y;  width:  20px;}
.topBG  {background-image:url(images/top.jpg);      background-repeat: repeat-x;  height: 15px;}
.botBG  {background-image:url(images/bottom.jpg);   background-repeat: repeat-x;  height: 15px;}
.tlBG   {background-image:url(images/topleft.jpg);  background-repeat: no-repeat; height: 15px;}
.trBG   {background-image:url(images/topright.jpg); background-repeat: no-repeat; height: 15px;}
.blBG   {background-image:url(images/botleft.jpg);  background-repeat: no-repeat; height: 15px;}
.brBG   {background-image:url(images/botright.jpg); background-repeat: no-repeat; height: 15px;}

/*panel edge images*/
.panelL  {background-image:url(images/panelL.jpg);  background-repeat: repeat-y;  width:  18px;}
.panelR  {background-image:url(images/panelR.jpg);  background-repeat: repeat-y;  width:  18px;}
.panelT  {background-image:url(images/panelT.jpg);  background-repeat: repeat-x;  height: 13px;}
.panelB  {background-image:url(images/panelB.jpg);  background-repeat: repeat-x;  height: 15px;}
.panelTL {background-image:url(images/panelTL.jpg); background-repeat: no-repeat; height: 13px;}
.panelTR {background-image:url(images/panelTR.jpg); background-repeat: no-repeat; height: 13px;}
.panelBL {background-image:url(images/panelBL.jpg); background-repeat: no-repeat; height: 15px;}
.panelBR {background-image:url(images/panelBR.jpg); background-repeat: no-repeat; height: 15px;}

/*other background images*/
.headBG{background-image:url(images/heading.png);  background-repeat: no-repeat;  height: 50px;}
.butBG {background-image:url(images/buttonBG.png); background-repeat: no-repeat;  height: 40px;}
.butBG2{background-image:url(images/buttonBG2.png);background-repeat: no-repeat;  height: 40px;}