/* -------Base Template ------ */


body {
margin: 0; /* to avoid margins */
text-align: center; /* to correct the centering IE bug*/
padding:0; 
background: #eee url(../images/f_top_bg.png);
background-repeat: repeat-x;
    /*have to set the padding because Opera's default is not zero. Also, background color to white, because Netscape 6 for the Macintosh defaults to a background color of gray.  */
}

/* div to center content as required */

#global {

/*top  container centered horizontally, 10px from the top*/
position:absolute;
left: 50%; 
top:0px;    
width: 950px;
margin-left: -475px; /* half of the width */
text-align: left;
}


/* most top container */

#header {
position: relative;
width:950px;
height:80px;
}

/*spacer div below header*/

#spacer{
position: relative;
width:950px;
height:15px;
}

/* first container for top box frame */

#nav {
position: relative;
width:950px;
height:21px;
background-color: white;
background: url(../images/f_top.png);

}

/* top optional */
#t_left{
position: absolute;
top:0px;
left:0px;
width:30px;
height:80px;
}

#t_center{
position: absolute;
top:0px;
left:30px;
width:890px;
height:80px;
}

#t_right{
position: absolute;
top:0px;
left:920px;
width:30px;
height:80px;
}


/* middle container */

#main{
 position: relative;
 width:950px;
background:white;
}

#leftside{
position: absolute;
/*position: relative;*/
top:0px;
left:0px;
 width:210px;
height:100%;
background: url(../images/f_left.png);
background-repeat: repeat-y;
}

#rightside{

position:absolute;
top:0px;

right:0px;
 width:12px;
height:100%;
background: url(../images/f_right.png);
background-repeat: repeat-y;
}


/*bottom container*/

#footer{
position: relative;
width:950px;
height:21px;
background: url(../images/f_bot.png);
}

/* optional */

#b_left{
position: absolute;
top:0px;
left:0px;
width:30px;
height:21px;
}

#b_center {
position: absolute;
top:0px;
left:30px;
width:890px;
height:21px;

}

#b_right {
position: absolute;
top:0px;
left:920px;
width:30px;
height:21px;
}




/* ------- Template Main Divs -------- */

/*Divs in "header" container*/

#logo {
position: relative;
width:420px;
height:80px;
top:0px;
float:left;	
}


#topad {
position: relative;
width:468px;
height:60px;	
float:right;
top:7px;
right:12px;
}


/*navigation bar withing "nav" div with links to about, etc*/

#topnav {
position: relative;
padding:0px;
margin:0px;
float:right;
right:15px;
}


/* copyright div */

#copy {
position: absolute;
left:650px;
top:0px;
width:315px;
height:12px;
}


/* ------- Template Formatting Divs -------- */

/* left marging information */


#leftflex{
position:absolute;
top: 5px;
left:10px;
width:190px;
height:1435px;

/*border: 1px solid gray;
background: url(../images/tlo2.gif);*/
}


#ad2cont{
position:absolute;
top: 0px;
left:0px;
width:190px;
/*height:610px;*/
/*border: 1px solid gray;
background: url(../images/tlo2.gif);*/
}

/* for ads on left */


#adfxad{
position:relative;
top:5px;
left:16px;
width:160px;
height:600px;
background:white;

}




#maintxt {

position: relative;

top: 5px;
left:210px;
width:728px;


border: 1px solid #eee;
/*background: green;*/

}


/* widget info divs*/

#wgt1,#wgt2,#wgt3 {
position: relative;
left:10px;
/*width:700px;*/
width:690px;
padding:5px;
}
/*
#wgt2 {
position: relative;
padding:5px;
left:10px;
width:690px;
}
*/

/* div for tag line in contact.html */

#ad4cont {
position: absolute;
top:550px;
left: 130px;
width:500px;
height: 40px;
}


/* left side div, ie google search and menu */

#gsearch {
position:absolute;
 top: 10px;
 left:7px;
 width:180px;
 height:45px;

}

#menu {
/* can't have it in a div with position para because image click +/- doesn't work in IE
position:absolute;*/

padding-top:80px;
padding-left:10px;

/* 
so has to use padding on the div to move the whole displa down!
*/
width:167px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#menutitle {
position:absolute;
top: 60px;
left:10px;
width:167px;
height:20px;
}




/* ------- Template Formatting Styles -------- */


/* top right navigation links */
#topnav a { text-decoration: none; font: bold 11px Arial, Verdana,  sans-serif; /*padding:0px; margin:0px;*/}
#topnav a:link {color: gray; }
#topnav a:visited { color: gray; }
#topnav a:hover { color: #ff0000; } 
.frt { color: black; font: bold 11px Arial, Verdana,  sans-serif; /* padding:0px; margin:0px;*//*background-color:#eee;border:1px dotted #cccc66;*/}


/* this one is for copyright text*/
p {font: 10px Arial, sans-serif; padding:5px;margin:0px;color:gray;}


#maintxt p {font: 12px Arial, sans-serif; padding-left:5px;margin:0px;color:black;}

/* for ad tag line text in contact.html */
#ad4cont p {font: bold 28px Arial, sans-serif; padding-left:0px;margin:0px;color:red;}


#maintxt a {color: #006699; }
#menu a:link {color: #006699; }
#menu a:visited { color: #006699; }
#menu a:hover { color: #ff0000; } 

h1 {font: bold 28px Arial, sans-serif; padding:8px;margin:0px;color:#006699;} 
h2 {font: bold 18px Arial, sans-serif; padding:8px;margin:0px;color:#006699;} 

/* this one is for mtree + subheadings in maintxt */
h3 {font: bold 14px Arial, sans-serif; padding:0px;margin:0px;color:#006699;} 

/* boxes in links.html */
h4 {font: 11px Arial, sans-serif; margin:0px; background-color: EAEAEA; padding:5px;  border: 2px dotted blue;  text-align: justify;}

/*for FF to remove outline on selected!!!*/
a{
-moz-outline-style:none;
}


/* ========== Special CSS =======  */


/* menu format */

ul {
/*set position within div here!*/
margin: 0;
padding: 2px 0px 2px 0px;
}

#mtree, #mtree ul,#mtree ul ul {
/*to remove dots in FF*/
  list-style: none outside;
 /*  margin-left: 16px;*/
  margin-left: 0px;
}


#mtree li.mhide ul,
#mtree li li.mhide ul {
  display: none;
}

#mtree li.mshow ul,
#mtree li li.mshow ul {
  display: block;
margin-left:16px;
}

#mtree li.mhide .clk,
#mtree li li.mhide .clk {
/*no underline on main categores which are not URL links*/
/*  text-decoration: underline;*/

  cursor: pointer;
 
/* this one moves text 16px to the right*/
 padding-left: 16px;
  background: url('../images/plus.gif') no-repeat center left;
}

#mtree li.mshow .clk,
#mtree li li.mshow .clk {
/*  text-decoration: underline;*/
  cursor: pointer;
  padding-left: 16px;
  background: url('../images/minus.gif') no-repeat center left;
}


/* Roundec corners for insets*/


/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 90%; margin: 1em auto; }