/* It is strongly recommended that you do not alter this document 
when using the template and graphics it came with. There will be comments 
next to elements that are easily altered without effecting the overall layout. 
Feel free to use this template as an example document for reference. Please email 
marilyn@roses-thorns.com with any questions/comments. */

/* Basic page formatting */

body 
{
margin: 3em 3em 0em 3em;
background: #fff url('serenitybg.jpg') repeat;
font-family: garamond, times, courier, serif;	/* Change this if you want a different font */
font-size: medium;				/* Controls font size */
} 

#main
{
background: #F5F5DB;				/* Change this if you want a different background color NOT suggested */
border: 1px solid #000;
}

#main #menu
{
background: #fff url('s_menubg.gif') repeat-y;	
border-left:1px solid black;
border-bottom:1px solid black;
float: right;
width: 25%;					/* Controls width of sidebar */
}

#footer
{
margin: 0em;
border-top: 1px solid #000;
}

/* End basic page formatting */

#footer p
{
font-size: small;				/* Controls font size in footer */
}

/* h1 positions and styles the title of the page. You can modify it or get rid of it altogether. Leave it alone for best results. */

h1
{
position: absolute;
left: .5em;
top: .7em;
z-index: 3;
color: #304c6c;
background: #fff;
font-size: x-large;
font-weight: bold;
margin: .5em;
padding: 0;
border: 1px solid black;
}

/* h2 positions and styles the headings for the page. You can modify; but leave it alone for best results. */

h2
{
color: #304C6C;
background: #F5F5DB;				/* Background of headers, change to match background NOT suggested */
font-size: large;				/* Controls font size of headers */
font-weight: bold;
margin: 1em 0em 1em 0em;
padding: 0;
text-indent: 1em;
border-bottom: 1px solid black;
}

/* Controls headings for navagation. */

#menu h2
{
background: transparent;
}

/* End nav headings*/

/* Formats paragraphs */
p
{
margin: 1em;
}

/* End */

/* Controls basic formatting for links */
a, a:link, a:active				
{ 
color: #AB5B05;
text-decoration: none;
font-weight: bold;
} 
/* End */

a:visited {font-style: italic;} 		/* Change italic to normal to get rid of italics */
a:hover {color: #304C6C;}			/* Controls effects when mouse hovers over link */

/* This formats your navagation */

#menu li
{
margin-left: -.5em;
list-style-type: square;
}

#menu li a
{
color: #ECEBC0;
}

#menu li a:hover
{
color: #ab5b05;
}

#menu li a:visited
{
font-style: normal;
}

/*End navatation formatting */

/*Formats lists in content area */

#main li
{
margin-left: -.5em;
list-style-type: square;
}

/*End of list formatting */

/* Controls image floats for 50x50 icons */
.smallfloat
{
float: left;
width: 50px;
margin: .5em .5em .5em 1em;
padding: 0;
}
/* End */


/* Clears floats, such as image floats*/
.clearboth { clear: both; }
/* End */