body { background-color: #666; color: #bbb; }

#c4sfWrapper { position:absolute; top:0; right:0; bottom:0; left:0; color: #eee; background-color: #666; margin:0; padding: 10%; text-align: left; font-size: 9pt; width: 120%; height: 120%; padding: 10% 0 0 15%; }
#c4sfWrapper h1, #c4sfWrapper h2, #c4sfWrapper h3, #c4sfWrapper h4, #c4sfWrapper p, #c4sfWrapper form { color: #eee; margin-right:0; margin-left:0; }
#c4sfWrapper a:link, #c4sfWrapper a:visited { text-decoration: underline; color: #eee; }
#c4sfWrapper a:hover, #c4sfWrapper a:active { text-decoration: none; color: #fff; }

ul#menuLinx { position:absolute; top: 50px; left:0; right:0; height:auto; padding: 0px 10px; margin:0; font-size: 11px; list-style-type:none; border-top: 1px solid #000; }
ul#menuLinx li { display:inline; width:auto; border-right: 1px solid #000; padding: 0px 10px; }

#page3 { border: 1px solid #300; padding: 10px 40px 40px 20px; background-color: white; background-color: #ffc;  }
#page3 p, #page3 h1, #page3 h2, #page3 h3, #page3 h4 { margin: 15px 30px 5px 10px; text-indent: 0; }
#page3 form { padding:0; margin: 10px; }

#elementDropDown1, #elementDropDown, #eText, #eFile, submit, #submitText, #submitFile, #spanClass, #spanText, #pageNames, #edText, #fText { margin: 0 5px; padding: 5px; font: 10pt Verdana, "Trebuchet-MS", sans-serif; }
#pageNames { width: 25%; }
#eText, #pgName, #title, #description, #keywords, #edText, #fText { width: 100%; margin-top: 3px;  margin-bottom: 10px; }
#eText { height: 25%; }
#edText, #fText { height: 10%; }
#spanClass, #spanText { width: 200px; }
#submitText, #addPage { float:right; margin-right: 50px; }
#changeText, #submitToFooter, #submitText, #submitFile, #submitSpan, #addPage, #newText, #submitTagline, #changePage { float:right; }

#nav1 { float:left; width: 120px; font: 11px Verdana, "Trebuchet-MS", sans-serif; line-height: 15pt; padding-top: 20px; }
#nav1 ul, nav1 li { margin:0; padding:0; list-style-type:none; }
#nav1 a { display:block; width:95%; margin: 1px 0 0 0; padding: 1px 20px 1px 3px; text-align: right; border: 1px solid #300; }
#nav1 a:link, #nav1 a:visited { color: #003; background-color: #fc6; text-decoration: none;  }
#nav1 a:hover, #nav1 a:active { color:white; background-color: #900; }
#nav1 .changeButtons { position: relative; top: 0; left: 0; width: 13px; height: 26px; margin:0; padding:0; }
	.changeButtons2 { float: left; margin: 0; padding:0; }

#adminLink2, #controlPanel2 { position: absolute; z-index: 3001; top:0; right:0; left:0;  text-align:center; background-color: #900; height: 16px; color: #fff;  padding: 5px 10px 3px 10px; font-size: 11px; }
#adminLink2 a:link, #adminLink2 a:visited { color: #fff; text-decoration: none; }
#adminLink2 a:hover, #adminLink2 a:active { text-decoration: underline; }
#controlPanel2 a:link, #controlPanel2 a:visited { text-decoration: none; color: #fff; }
#controlPanel2 a:hover, #controlPanel2 a:active { text-decoration: underline; }
form#demo { text-align: right; margin-bottom: 75%; }

#login {  padding:0; margin:0; margin-top: 30px;  } 
#login h2, #login p { padding: 5px 0; margin:0; } 

/*  EDIT MODE PREVIEW...
MENU ITEMS - CHANGER ICONS */
table#nav2 {position: absolute; top: 205px; left: 60px; }
td.changer2 a { display:inline; padding:0; margin:0; font-size: 11px;  }

/* MENU ITEMS */
td.changer3 a { display: block; padding:0; margin:0; font-size: 11px; text-align: right; padding: 5px 20px 6px 0; margin-bottom: 2px; }
td.changer3 a:link, td.changer3 a:visited { font-size: 11px; color:300; background-color: #fc6; border: 1px solid #300; text-decoration: none;  }
td.changer3 a:hover, td.changer3 a:active { color:white; background-color: #900; border: 1px solid #300;  } 


#transForm { position: absolute; top: 120px; right: 15%; left: 15%; padding: 20px; color: #666; background-color: #ffc; border: 3px solid #300; font-family: Verdana; font-size: 10pt; text-align:center; line-height: 105%;}
#transForm h1, #transForm h2, #transForm h3, #transForm p { margin: 3px 0; padding: 3px 0; font-family: Verdana, "Trebuchet-MS", sans-serif; color: #300; }
#transForm h1 	{ font-size: 16pt; }
#transForm h2 	{ font-size: 15pt; }
#transForm h3 	{ font-size: 14pt; }
#transForm h4 	{ font-size: 13pt; }
#transForm p 	{ font-size: 10pt; }
#transForm ul, #transForm ol  { font-size: 10pt; color: #300; text-align: left; margin-left: 15%; }
#transForm ul li, #transForm ol li { padding: 3px; }
#transForm #changePage { float:right; }
#transForm select, #transForm text { margin: 3px; padding: 2px; }
#transForm textarea, #transForm text { height: auto; font: 12px Verdana, sans-serif; padding: 5px; margin: 5px; }
	#transForm a:link, #transForm a:visited { color: #900; text-decoration: none; }
	#transForm a:hover, #transForm a:active { color: #000; text-decoration: underline; }

p.bottom75 { margin-bottom: 75%; }
form { margin-top: 10px; }
form#faqs { margin-top: 10px; }

ol { margin:0; padding: 20px 50px; }
form#faqs ul, form#faqs li { margin: 0; padding:0; }
table#contacts { margin: 10px; width:auto;  }
table#contacts td { font: 11px Verdana, sans-serif; padding-right: 25px; width:auto; color: #300; }
p.right1 { text-align: right; padding: 25px 100px; }

textarea #eText { background-color: #fff; font: 12px Verdana; color: #666; }

body#edit #wrapper { margin-left: 100px; }

/*  EDIT MODE MENU STYLES */
#mlm2 { position: absolute; top:20px; left:0; background-color: #f3ebe0; color: #063; border-right: 2px solid #900; padding: 10px 0 20px 10px; }
table.subMenu td.icon, td.icon { padding: 4px 0; margin:0; width: 13px; }
table.subMenu td.icon a, td.icon a { display:inline; padding:0; margin:0; }

/* SUB MENU STYLES */
table #mlm2 table.subMenu 
	{ position: absolute; top: 0px; left: 173px; margin: 0px; margin-left: 1px; padding:0; width: 175px; }

 /*  SUB MENU, <td> STYLES */
table #mlm2 table.subMenu td
	{ height: 20px; width:220px; padding: 0; margin: 0; border-top: 1px solid #000;  } 

/*SUB MENU LINK STYLES */

td.page a:link, td.page a:visited
	{ display: block; top:0; right:0; bottom:0; left: 0; padding:  4px 10px 4px 1px; margin:0; background-color: #f3ebe0; color: #063; text-decoration: none; font-family: Verdana, "Trebuchet-MS", sans-serif; font-size: 11px; } 

/* SUB MENU LINK-HOVER + ACTIVE STYLES */
td.page a:hover, td.page a:active
	{ background-color: #cfc; color: #300; } 
	
	
	
#edit #content { margin:0; margin-top: 0; width: 742px; padding: 0 0 0 220px; background: url(../images/patternTile2.gif); background-repeat: repeat-y; background-color: #fff; color: #630; }
#edit #content p.bottom { font-size: 11px; border-top: 1px solid #063; border-bottom: 1px solid #063; margin: 10px 6px 0 -30px; padding: 2px 20px 5px 20px; background-color: #cfc; }
#edit #content h1, #edit #content h2, #edit #content h3, #edit #content h4, #edit #content p, #edit #content ul { text-align: left; margin:0; padding: 0 0 10px 0; margin-left: 0px; margin-right: 100px; }
#edit #content p { font: 10pt Verdana, "trebuchet-MS", sans-serif; margin-top: 10px; line-height: 18px; }
#edit #content p.tab1 { margin: 40px 40px 40px 300px; }
#edit #content ul { margin: 10px 35px 10px 40px; padding:0; font: 10pt Verdana, "trebuchet-MS", sans-serif;  }
#edit #content ul li { padding: 0; margin:0; }
#edit #content #3yrTag1 { float: right; margin: 10px; padding:0; width: 300px; height: 240px; }
#edit #content p.topLinx { text-align: right; margin: 10px 200px 10px 0px; font-size: 11px; }
#edit #adSpace { float:left; width: 300px; min-height: 280px; background-color: yellow; color: #900; margin: 5px 30px 10px 00px; 10px; 0; padding: 0; text-align: center; }
#edit img#footer { margin-left: 0; }