/* Here, I can set some parameters for all the text of the site (except for links).  */

body {
background-color:#99cccc;
color:#003333;
font-size:14px;
line-height:16px;
font-family: Arial, sans-serif;
padding:0px;
margin:0px;
}



/*These establish 4 states for links*/

a:link { 
color:#993366; 
}

a:visited {
color:#333333; 
}

a:hover {
color:#ff3399; 
}

a:active {
color:#ff9933; 
}


/*  This is something that allows me to have specified links in my navigation stack turn pink and lose the underline, with class="thispage"  */
a.thispage, a:visited.thispage {
color:#ff0066;
text-decoration:none;
font-size:16px;
}


/* These set specifics about my header text */

h1 { 
font-weight:900;
font-size:24px; 
line-height:26px; 
}


h2 { 
font-weight:900;
font-size:20px; 
line-height:22px;
}

h3 { 
font-weight:900;
font-size:18px; 
line-height:20px;
}




/* I've had trouble in the past getting text inside of table cells to behave according to the styling established in the "body" selector, 
so I put in these parameters for "td" for good measure */

td { 
font-size:14px;
line-height:16px;
font-family: Verdana, Arial, sans-serif;	
}




/* These are specific "classes" -- they'll appear in my HTML documents as <div class="left">, and such. 
Don't worry about these -- I'm just using CSS to do a job that tables could otherwise be used for. */

div#container {
width:1100px;
margin-left:auto;
margin-right:auto;
position:relative;
margin-bottom:25px;
}

div.left { 
position:relative;
top:20px;
left:20px;
width:230px; 
}

div.nav {
padding:10px; 
border:1px solid #003333; 
background-color:#99ffff;
line-height:18px;
margin-bottom:10px;
}

div.right { 
position:absolute;
width:720px;
top:20px;
left:280px;
right:40px;
padding:20px;
padding-left:35px;
padding-right:55px;
margin-bottom:40px;
border:1px solid #003333; 
background-color:#ffffff;
overflow:hidden;
}

/* Below is something I added to put to use on the "More CSS" page. */

div.greyboxwithorangeborder {
width: 50%; 
margin:10px; 
padding:15px; 
border:1px solid #ff9900; 
background-color:#cccccc;


