/* www.SalamanderInteractive.net */

/* STRUCTURE ---------------------------------------------- */

/* section titles ----------------------- */
#sectiontitles { width: 751px; margin: 0px auto; border: 0px; height: auto; padding: 0px; position: relative; border-top: 1px solid #00853E; border-bottom: 1px solid #00853E; }
#sectiontitle1 { width: 751px; float: left; position: relative; margin: 0px auto; padding: 0px; text-align: left; font: .9em times, serif; color: #00853E; background-color: #EAF0F5; font-weight: bold; }
#sectiontitle2 { width: 249px; float: left; position: relative; margin: 0px auto; padding: 0px; text-align: left; font: .9em times, serif; color: #00853E; background-color: #EAF0F5; border-left: 1px solid #00853E; border-right: 1px solid #00853E; font-weight: bold; }

/* content ----------------------- */
#maincontent { width: 751px; margin: 0px auto; height: auto; position: relative; background-image: url("/interface/main/bgd2.gif"); background-repeat: repeat-y; }
#column1 { width: 250px; float: left; position: relative; padding: 15px 0px; text-align: left; }
#column2 { width: 501px; float: left; position: relative; padding: 15px 0px; text-align: left; }

/* column bottoms  ----------------------- */
#colbottoms { width: 751px; margin: 0px auto; border: 0px; height: 10px; padding: 0px; position: relative; border-top: 1px solid #00853E; border-bottom: 1px solid #00853E; background-color: #EAF0F5; }
#colbott1 { width: 250px; float: left; position: relative; height: 10px; margin: 0px auto; padding: 0px; text-align: left; font: .88em times, serif; color: #00853E; background-color: #EAF0F5; }
#colbott2 { width: 249px; float: left; position: relative; height: 10px; margin: 0px auto; padding: 0px; text-align: left; font: .88em times, serif; color: #00853E; background-color: #EAF0F5; border-left: 1px solid #00853E; border-right: 1px solid #00853E; }
#colbott3 { width: 250px; float: left; position: relative; height: 10px; margin: 0px auto; padding: 0px; text-align: left; font: .88em times, serif; color: #00853E; background-color: #EAF0F5; }
/* end main stuff */

/* end STRUCTURE ---------------------------------------------- */




/* STYLE ---------------------------------------------- */

/* main content styles ----------------------- */
/* title ----------------------- */
#sectiontitles ul { border: none; list-style-image: url("/interface/main/square-bullet.gif"); }
#sectiontitles li { margin: 5px 0px 5px 27px; padding-left: 2px; display: list-item; list-style-image: url("/interface/main/square-bullet.gif"); }

#column1 ul { border: none; list-style-type: square; text-align: left; margin-left: 10px; }
#column1 li { margin: 5px 0px 5px 27px; display: list-item; list-style-type: square; font: .8em/1.1em times, serif;  color: #000; }

#column1 p { padding: 0px 15px 10px 15px; text-align: left; font: .8em/1.5em times, serif; color: #000; }
#column1 h1 { padding: 0px 15px; text-align: left; font: 1em/1.5em times, serif; font-weight: bold; color: #000; }
#column1 h2 { padding: 0px 15px; text-align: left; font: .8em/1.5em times, serif; font-weight: bold; color: #00853E; }
#column1 h3 { padding: 0px 15px; text-align: left; font: .8em/1.5em times, serif; font-weight: bold; color: #000; }
#column1 h4 { width: 219px; margin: 5px 15px; border-top: 1px dotted #00853E;}
#column1 img { float: right; margin: 2px 0px 5px 5px; padding: 5px; background: #EAF0F5; border: 1px solid #00853E; }
#column1 a { color:#00853E; text-decoration: underline; padding: 2px 0px 3px 0px; }
#column1 a:hover { color:#FC3; text-decoration: none; }
#column1 a:active { color:#00853E; text-decoration: none; background-color: #EAF0F5; }

#underline1 { width: 219px; height: 1px; margin: 2px 0px 8px 15px; border-top: 1px dotted #00853E; }

#column2 p { padding: 0px 0px 10px 15px; text-align: left; font: .8em/1.5em times, serif; color: #000; }
#column2 table { padding: 0px 15px; text-align: left; }
#column2 h1 { padding: 0px 15px; text-align: left; font: 1em/1.5em times, serif; font-weight: bold; color: #000; }
#column2 h2 { padding: 0px 15px; text-align: left; font: .8em/1.5em times, serif; font-weight: bold; color: #00853E; }
#column2 h3 { padding: 0px 15px; text-align: left; font: .8em/1.5em times, serif; font-weight: bold; color: #000; }
#column2 h4 { width: 469px; margin: 5px 15px; border-top: 1px dotted #00853E;}
#column2 h5 { padding: 0px 15px; text-align: left; font: .8em/1.5em times, serif; color: #000; }
#column2 img { float: right; margin: 2px 0px 5px 5px; padding: 5px; background: #EAF0F5; border: 1px solid #00853E; }
#column2 a { color:#00853E; text-decoration: underline; padding: 2px 0px 3px 0px; }
#column2 a:hover { color:#FC3; text-decoration: none; }
#column2 a:active { color:#00853E; text-decoration: none; background-color: #EAF0F5; }

#underline2 { width: 485px; height: 1px; margin: 2px 0px 8px 15px; border-top: 1px dotted #00853E; }
#examples table { margin: 0px 0px 10px 5px; }
#examples img { margin-right: 5px; }

.boldgreen { font: 1em times, serif; font-weight: bold; color: #00853E; }
.regulargreen { font: .8em times, serif; color: #00853E; }
.regularblack { font: .8em times, serif; color: #000; }
.boldblack { font: 1em times, serif; font-weight: bold; color: #000; }
.smallgrey { font: .6em times, serif; color: #999; }
.formtitles { font: .8em times, serif; font-weight: bold; color: #000; padding: 5px; }
.formfields { width: 250px; padding: 2px; font: .8em times, serif; color: #00853E; border: 1px solid #999; }
.formbigfields { width: 250px; height: 8em; padding: 2px; font: .8em/1.2em times, serif; color: #00853E; border: 1px solid #999; }
.formbuttons { font: .8em times, serif; color: #00853E; padding: 2px; margin: 5px 0px 0px 5px; }

/* end STYLE ---------------------------------------------- */