/***
  Main Site Colors
  ----------------
  background 000055  
  main text  ffff99     
  ***/
  
/***  Overridden html selectors  ***/
body, p, div, td, span, blockquote, a {
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color: #ffff99;
}
body { 
  padding: 0px;
  margin: 0px;
  background-color: #000055;
}
p {
  text-align: left;
}
td {
  text-align: left;
  padding: 1px;
}
a {
  text-decoration: none;
  color: #cccccc;
}
a:hover, a:active {
  color: #eecc00; 
}
img {
  border: 0px;
}
form {
}
h1, h2, h3, h4, h5, h6 {
  color: #ff6600;
  text-decoration: none;
  font-style: italic;
}



/***  Structural selectors  ***/
#page {
  text-align: center;
  padding-left: 33px;
  padding-right: 33px;
}
#body {
  text-align: center;
  margin: 0px;
  width: 100%;
  min-height: 200px;
}
#header {

}
#footer {
  padding: 0px;
  padding-bottom: 3px;
  margin-top: 10px;
  margin-left: -6px;
  margin-right: -6px;
  color: #666600; 
  font-size: 11px;
  border-top: 1px solid #cc9933;
  border-bottom: 1px solid #cc9933;
}
#footer * {
  font-size: 11px;
}
#footer a { 
  color: #ffff99;
}
#content {
  width: 100%;
  text-align: justify;
  border: 0px solid #003333;
  padding-left: 6px;
  padding-right: 6px;
}
#content p {
  text-align: justify;
}

#menu {
  margin-left: -6px;
  margin-right: -6px;
  border-top: 1px solid #cc9933;
  border-bottom: 1px solid #cc9933;
}




/*** header text ***/
.jam-header {
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  font-size: 36px;
  font-variant: small-caps;
  letter-spacing: 3px;
  cursor: pointer;
}
.jam-header span {   font-size: 36px; }
/** eeee88 to cc6633 **/

.fade1 { color: #aa4400; }
.fade2 { color: #bb5500; }
.fade3 { color: #cc6600; }
.fade4 { color: #dd7700; }
.fade5 { color: #ff9900; }

.contact-email {
  font-size: 10px;
}




div.subtitle {
  font-family: courier, 'courier new', mono; 
  font-size: 30px; 
  color: #eeeeee; 
  font-weight: normal; 
  padding-top: 13px;  
  padding-right: 33px;
  padding-left: 13px;
  text-align: left;
}
div.items {
  border: 1px solid #222222;
  margin-top: 50px; 
  margin-left: 33px; 
  margin-right: 33px; 
  margin-bottom: 13px; 
  padding-left: 33px;
  padding-right: 33px;
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: left;
  width: 60%;
}
.subtle { color: #444444; }
.bgsubtle { color: #111301; }






.adminmenu {
  margin-top: -6px;
  border: 0px solid #666600;
}
.adminmenu a {
  font-size: 11px;
  color: #999900;
}



#flash-message {
  width: 75%;
  font-size: 18px;
  color: #cc0000;
  border: 1px dotted #cc6666;
  padding: 9px;
  background-color: #eeeeee;
  display: none;
}

#article-fields {
  border: 1px solid #333333;
  padding: 3px;
  margin-top: 9px;
  margin-bottom: 9px;
}


/*** admin tools styles ***/
.adminlist {
  margin-bottom: 5px;
  border: 1px solid #333333;
	font-size: 12px;
}

.rowodd {
  background-color: #aa9999;
  color: #000000;
}
.roweven {
  background-color: #996666;
  color: #ffffff;
}
.rowodd a, .rowodd a:link, .rowodd a:visited { color: #000000; /*#333300;*/ }
.roweven a, .roweven a:link, .roweven a:visited { color: #000000; /*#cccc33;*/ }
.rowodd a, .roweven a { padding: 0px; }


/***  Form elements  ***/
.adminform {
  width: 75%;
}
.fieldwrapper {
  float: left;
  padding: 3px;
}
.labelleft {
}
.labeltop {
  text-align: left;
}
.labelright {
}
.labelbottom {
}
.formfield {
  padding: 2px;
}

input.submit, input.smallsubmit {
  border: 1px solid #333300;
  background-color: #ffff99;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
input.smallsubmit {
  margin-bottom: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
}




/***  Generic attributes to be added as compound classes  ***/
.black    { color: #000000; }
.red      { color: #ed1c24; }
.peach    { color: #c56452; }
.flesh    { color: #efb494; }
.grayblue { color: #969b9f; }
.graylav  { color: #ac9bad; }
.cream    { color: #f9f498; }
.bg-black    { background-color: #000000; }
.bg-red      { background-color: #ed1c24; }
.bg-peach    { background-color: #c56452; }
.bg-flesh    { background-color: #efb494; }
.bg-grayblue { background-color: #969b9f; }
.bg-graylav  { background-color: #ac9bad; }
.bg-cream    { background-color: #f9f498; }
       
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.smallcaps { font-variant: small-caps; }
.underline { text-decoration: underline; } 
.normal { font-style: normal; font-variant: normal; font-weight: normal; }

.tiny { font-size: 8px; }
.smaller { font-size: 10px; }
.small { font-size: 11px; }
.medium { font-size: 14px; }
.large { font-size: 16px; }
.larger { font-size: 20px; }
.largerer { font-size: 28px; }
.bigass { font-size: 72px; }

.darkbrown {color: #1c130a; }
.darkred { color: #330000; } 
.darkblue { color: #000033; }
.darkgreen { color: #000033; }
.darkgray { color: #333333; }
.darkest { color: #000000; }
.darker { color: #333333; }
.dark { color: #666666; }
.light { color: #999999; }
.lighter { color: #cccccc; }
.lightest { color: #ffffff; }
.normaltext { color: #ffff99; }
.darkertext { color: #bbbb77; }

.pad1 { padding: 1px; }
.pad3 { padding: 3px; }
.pad6 { padding: 6px; }
.pad9 { padding: 9px; }
.pad18 { padding: 18px; }

.padr3 { padding-right: 3px; }
.padl3 { padding-left: 3px; }
.padt3 { padding-top: 3px; }
.padb3 { padding-bottom: 3px; }
.padr6 { padding-right: 6px; }
.padl6 { padding-left: 6px; }
.padt6 { padding-top: 6px; }
.padb6 { padding-bottom: 6px; }
.padr9 { padding-right: 9px; }
.padl9 { padding-left: 9px; }
.padt9 { padding-top: 9px; }
.padb9 { padding-bottom: 9px; }


.w15p { width: 15%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w33p { width: 33%; }
.w34p { width: 34%; }
.w50p { width: 50%; }
.w66p { width: 66%; }
.w75p { width: 75%; }
.w95p { width: 95%; }
.w100p { width: 100%; }
.wauto { width: auto; }
.w300 { width: 300px; }
.w675 { width: 675px; }
.wfullwidth { width: 975px; }

.clear { clear: both; }
.clear0 { clear: both; height: 0px; width: 0px; }
.hide { height: 0px; width: 0px; }
.floatleft { float: left; }
.floatright { float: right; }
.inline { display: inline; }
.block { display: block; }
.debug { border: 1px solid #ffffff; }
.smallgreen { font-size: 11px; color: #666600; }
.hide { display: none; visibility: hidden; }
.show { display: block; visibility: visible; }



#splash {
  width: 100%;
  text-align: center;
  vertical-align: top;
  padding-top: 15px;
}
#splash-bg {
  text-align: center;
  vertical-align: top;
  z-layer: 100;
}
#splash-img {
  z-layer: 100;
  border: 1px solid #111111;
}

.fade { color: #ffffff; }

.fade11 { color: #ffffff; }
.fade22 { color: #dddddd; }
.fade33 { color: #bbbbbb; }
.fade44 { color: #999999; }
.splash-text {
  font-weight: bold;
  font-size: 36px;
  font-variant: small-caps;
  letter-spacing: 13px;
  width: 180px;
}
table > .spl {
  width: 100%;
}
td.spl {
  width: 180px;
}
#coming-soon {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
#enter-site {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #006666;
}
#enter-site a {
  color: #006666;
}



/********************************
  Selectors for DropDownMenu, tryout of DHTML
  for main site menu.
  ********************************/

/***
  This is the <ul> container for the menu
  ***/
#sddm
{	
  margin: 0;
	padding: 0;
	width: 100%;
}

/***
  This is the <li> that contains each menu and all its items 
  ***/
#sddm li
{	
  margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-weight: bold;
	font-size: 11px;
	width: 20%;

}
/***
  Links for menus (the menu item itself)
  ***/
#sddm li span
{	
  display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
	color: #ff9900;
}
/***
  Link hovers for menus
  ***/
#sddm li a:hover
{      
  background-color: #000000;
  color: #ffffff;
}

/***
  Container div for set of menu items related to a given menu
  ***/
#sddm li div
{	
  position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-color: #000000;
	border: 1px solid #cc9933;
	text-align: center;
	width: 195px;
}

/***
  Links for menu items
  ***/
#sddm li div a
{	
  position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #ee8800;
	background-color: #000000;
	font-size: 10px;

}
/***
  Link hovers for menu items
  ***/
#sddm li div a:hover
{	
	color: #cc6600;
  background-color: #222222;
}

/**************************
  End of DropDownMenu selectors
  **************************/


div.quote {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: italic; 
  color: #dddddd;
  margin-top: 5px;
}
div.quote:before {
  content: open-quote;
}
div.quote:after {
  content: close-quote;
}

div.quoteattribution {
  text-align: center;
  margin-left: 150px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #dddddd;
}

div.quoteattribution:before {
  content: "-- ";
}


div.sidebarright {
  display: inline;
  float: right;
  text-align: center;
  padding: 15px;
  margin: 9px;
  border: 1px solid #222222;
}
div.sidebarleft {
  display: inline;
  float: left;
  text-align: center;
  padding: 15px;
  margin: 9px;
  border: 1px solid #222222;
}
div.sidebarish {
  width: 250px;
  text-align: center;
  padding: 15px;
  margin: 9px;
  border: 1px solid #222222;
}
span.sidebarright {
  display: inline;
  float: right;
  text-align: center;
  padding: 15px;
  margin: 9px;
  border: 1px solid #222222;
}
span.sidebarleft {
  display: inline;
  float: left;
  text-align: center;
  padding: 15px;
  margin: 9px;
  border: 1px solid #222222;
}
span.sidebarheader {
  font-size: 16px; 
  font-weight: bold; 
  color: #666666;
}