/* Main table width and background color outside your main table. Font codes here are for text outside the main table */

body {
max-width: 1050px;
background-color:#e8efdc; 
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
margin:auto;
padding:0;
text-align:center;
}

/* C2 styling */

body .c2Form {
background-color: #f6fae1;
border: 2px solid #999999;
}

body .InvSquestions {
font-style:italic;
}

body .storyInput {
height: 200px; 
}

/* horizontal rule classes */

.solid {	
   border-top: 2px solid #006633;
   border-bottom: hidden;
   border-left: hidden; 
   border-right: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.dashed {
  border-bottom:1px dashed #006633;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.dotted {
	border-bottom:1px dotted #006633;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}



/* create a list with bullets*/
 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
background: url(http://www.love-of-roses.com/images/bullet2.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 10px;

 }
 
/* Link styling */

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #0000ff; 
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; background-color: transparent; color: #0000ff; 
}

/* Headings */

h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  font-weight: bold; font-style: italic; color: #000000}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 115%;  font-weight: bold; font-style: italic; color: #000000}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 115%;  font-weight: bold; font-style: italic; color: #006633}
h4 { font-family: Arial, Verdana, sans-serif; font-size: 95%;  font-weight: bold; font-style: italic; color: #000000}

/* Heading background color....your H1, H2, and H3 tags*/

.hbg{
background-color:#e8efdc; 
color:#000000;
width: auto;
z-axis: 1;
}


/* Main table width Don't Change */

.main-table {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


/* Fonts, size, color and family  */

table {
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

/* Note and Caption styling */

.note {
font-family: Arial, Verdana, sans-serif;
background-color:#fff; 
font-size: 77%;
color: #666666;
font-weight: bold;
font-style: italic;
} 

.smallnote {
font-family: Arial, Verdana, sans-serif;
background-color:#fff; 
font-size: 77%;
color: #cccccc;
font-weight: bold;
font-style: italic;
}

.longcaption {
font-family: sans-serif, Arial, Verdana;
background-color:#fff; 
text-align:center;
font-size: 80%;
color: #000;
font-style: italic;
}

.shortcaption {
font-family: Arial, Verdana, sans-serif;
background-color:#fff; 
text-align:center;
font-size: 90%;
color: #000;
font-weight: bold;
font-style: italic;
}


/* Table cell background colors and font size */


td.headerbg {
background-color:#fff;
}

td.spacerbg {
background-color:#fff; 
}

td.contentbg {
background-color:#fff; 
}

td.rightbg {
font-size: 93%;
background-color:#fff; 
}

td.leftbg {
font-size: 93%;
margin-left: 10px;
background-color:#fff; 
}

td.footerbg {
font-size: 86%;
background-color:#fff; 
}



/* remove link styling for anchor links. */

a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}