/* -------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_gray.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: #333;

}



/* middle container */

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

#leftside{
position: absolute;
/*position: relative;*/
top:0px;
left:0px;
 width:206px;
height:100%;
background: url(../images/droplets_2.png); 
/* background-repeat: repeat-y; */
/* background-color:orange; */
/*border-left: 1px solid #ccc;*/
}

#rightside{

position:absolute;
top:0px;

right:0px;
 width:12px;
height:100%;
/* background: url(../images/ff_right.png); */
/* background-repeat: repeat-y; */
background-color: white;
border-right: 1px solid #ccc;
}


/*bottom container*/

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




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

/*Divs in "header" container*/

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


#topad {
position: relative;
top:3px;
padding:0px;
margin:0px;
float:right;
right:13px;
}


/*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 */



/*
#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:absolute;
top:45px;
left:23px;
width:160px;
height:600px;
background:white;

}




#maintxt {

position: relative;

top: 5px;
left:210px;
width:728px;
border: 1px solid #eee;

}


/* widget info divs*/

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


/* 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:186px;
 height:45px;

}




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


/* top right navigation links */

/* top nav links format */
#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: #00ccff; text-decoration: underline;} 


.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: bold 16px Arial, sans-serif; margin:0px; color:red; background-color: #EAEAEA; padding:5px;  border: 1px dotted red;  } 

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


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

/* top row of icons for web widgets page*/
#appicons {position: relative;
left:10px;
width:690px;
height:100px;
padding:5px;
background:#eee;
 }

#appicons a {  font: bold 11px Arial, Verdana,  sans-serif; }
#appicons a:link {color: #333; }
#appicons a:visited { color: #333; }
#appicons a:hover { color: #006699; text-decoration: underline;}


/* icons for links */

#appicn1 {position:absolute; top:10px; left:10px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn2 {position:absolute; top:10px; left:100px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn3 {position:absolute; top:10px; left:190px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn4 {position:absolute; top:10px; left:275px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn5 {position:absolute; top:10px; left:360px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn6 {position:absolute; top:10px; left:450px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn7 {position:absolute; top:10px; left:540px; width:60px; height:100px;  text-align:center; line-height:80%;} 
#appicn8 {position:absolute; top:10px; left:630px; width:60px; height:100px;  text-align:center; line-height:80%;}



/* 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; }