/* **** SIDEBAR **** */

/* sidebar paragraph/list formatting */
.sidebar 
{ 
font: /*small-caps 900*/ 14px arial; 
list-style-type: none;
margin-bottom: 0px; 
margin-top: 0px;
margin-right: 5px;
}

/* sidebar header formatting */
.sidebarheader 
{ 
font: small-caps 900 14px arial; 
font-style: italic;
list-style-type: none;
margin-bottom: 10px; 
margin-top: 0px;
margin-right: 5px;
margin-left: 20px;
}

/* specify the image at the top of the sidebar */
td.topsideimage:after 
{
content: url("Pictures/curve-top-225x17-cornflower.gif");
}

/* specify the image at the bottom of the sidebar */
td.bottomsideimage:after
{
content: url("Pictures/curve-bottom-225x17-cornflower.gif");
}

/* formatting for the middle (content) cells for the columns */
td.middle 
{
width:225;
background: #ffffff;
vertical-align: top;
}

td.middle2 
{
width:225;
background: #ffffff;
vertical-align: center;
}

td.header
{
width:225;
background: #ffffff;
vertical-align: center;
}



/* **** MAIN COLUMN OF TABLE **** */

/* the image at the top of the main column */
td.topmainimage:after
{
content: url("Pictures/curve-top-700x17.gif");
}

/* the image at the bottom of the main column */
td.bottommainimage:after
{
content: url("Pictures/curve-bottom-700x17.gif");
}

/* formatting for the middle (content) cells for the main section */
td.mainmid 
{
width:700;
background: White;
vertical-align: top
}


/* **** FILLER COLUMN **** */

/* formatting for the middle column that's empty and the same as background color */
td.filler 
{
width:35;
background: DarkRed;
}


/* **** COPYRIGHT **** */

/* formatting for the copyright paragraph */
p.copyright 
{
margin-bottom: 0px; 
margin-top: 0px;
margin-right: 40px;
text-align: right;
font-style: italic;
font-size: 75%
}

/* **** INSET **** */

/* formatting for the contact info paragraph */
p.inset 
{
margin-left: 40px;
text-align: left;
font-style: italic;
font-size: 75%
}


/* **** IMAGES **** */

img.icon
{
align: center;
width: 110;
border-style: none;
margin-bottom: -10px;
margin-top: 10px;
}

img.icon-tall
{
align: center;
height: 175;
border-style: none;
}

/* **** TEXT **** */

/* default paragraph formatting */
p 
{
font-family: arial;
margin-top: 20px;
margin-bottom: 20px;
text-align: center
}

/* default list formatting */
ul
{
font-family: arial;
margin-right: 40px;
text-align: left
}


/* get rid of excess spacing at top and bottom of element */
.smallspacing 
{
margin-top: 5px;
margin-bottom: 5px;
}

/* default header formatting */
h1,h2,h3
{
font-family: arial;
text-align: left;
margin-top: -5px;
margin-bottom: -10px;
}

/* no right margin */
.norightmargin
{
margin-right: 0px;
}

/* centered (with margin) */
.center 
{
text-align: center;
align: center
}

/* indented paragraph */
.indent 
{
margin-left: 40px
text-align: left
}

/* **** IMAGE **** */



/* **** BODY **** */

body 
{
background-color: DarkRed
}

/* **** HORIZONTAL RULES AND BORDERS **** */

/* use this in place of HR */
div.rule 
{ 
border-top: solid medium blue;
align: left;
margin-left: 0px; 
margin-top: 5px;
margin-right: 0px; 
margin-bottom: 5px;
}

div.shortrule 
{ 
border-top: solid medium darkred;
align: center;
margin-top: 5px;
margin-bottom: 5px;
width: 100px;
}

/* DON'T USE -- DEPRECATED 
hr
{
color: #d71565;
background-color: #d71565;
height: 5px;
}
*/

/* to put a 4-sided border around a paragraph, e.g. */
.border-double
{
border-style: double;
border-color: DarkRed;
width: 150;
text-align: center;
align: center;
margin-bottom: 30px;
}

.border-dot 
{
border-style: dotted;
border-color: DarkRed;
width: 150;
text-align: center;
align: center;
margin-bottom: 30px;
}

.border-dash
{
border-style: dashed;
border-color: DarkRed;
width: 150;
text-align: center;
align: center;
margin-bottom: 30px;
}

/* **** LINK **** */

a:link {color: DarkRed; text-decoration: underline}
a:visited {color: Black; text-decoration: underline}
a:hover {color: Black; text-decoration: underline}