/* Wireframing - place borders around all div elements during dev */


body { 
  background:#000000 url(../images/textures/black-Gray.jpg) repeat;
  width:100%;
  height:100%;
  text-align: center;
  /*font: 12pt/24pt georgia; */
  color: #FFF; 
  margin: 0px; 

}

#container {
   width: 975px;
   height: 100%;
   padding: 5px;
   color:#FFF;
   background-color:#000;
   text-align:center;
}

img {
   border: 0;
}

#masthead  {
   float:left;
   margin:5px;
   border:3px solid #FFF;
   background: url(/images/ImaginaryLines/TwoWorlds.jpg) no-repeat;
   width:960px;
   height:200px;
   color:#FFFFFF;
}

#topMenu  {
   background-color:#FFF;
   height:23px;
   width:645px;
   left:140px;
   top:62px;
   position:relative;
   z-index:35;	
}

#sideContent {
   float:left;
   margin:5px;
   border:3px solid #FFF;
   background:#000;
   color:#FFFFFF;
   width:125px;
   z-index:20;
}

#mainContent {
   font: 12pt/24pt georgia;
   margin:5px;
   border:3px solid #FFF;
   background:#000;
   color:#FFFFFF;
   width:650px;
   float:left;
   z-index:25;
}

#rightContent {
   font: 12pt/24pt georgia;
   margin:5px;
   border:3px solid #FFF;
   background:#000;
   color:#FFFFFF;
   width:160px;
   float:left;
   z-index:30;
}


#footer  {
   clear:both;
   margin:10px;
   width:920px;
   height:50px;
   background-color:#003366;
   border:2px solid #009933;
   text-align:center;
}



/* Menu elements  */


#ddm
{	margin: 0;
	padding: 0;
	height: 23px;
	z-index:30;
}

#ddm li
{	margin: 0;
	padding: 0;
	height: 23px;
	list-style: none;
	float: left;
}

#ddm li a
{	
    display: block;
	margin: 0 1px 0 0;
	padding: 1px 1px;
	text-align: center;
	text-decoration: none;
	font-family:Georgia, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    font-style:italic;
    color:#006699;
	height: 23px;
    width: 158px;
}

#ddm li a:hover   {	 
    background-color:#009966;
	color:#FFF;
}

#ddm div
{	position: absolute;
	visibility: hidden;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 3px solid #003366}

	#ddm div a 	{	
	    position: relative;
		display: block;
		margin: 0;
		padding: 1px 1px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background:#006699;
		color:#FFF;
		font-family:Georgia, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		font-style:normal;
		height: 23px;
		width:152px;
		z-index:40;
    }
	#ddm div a:hover	{	
	    background:#009966;
		color:#FFF;
	}

#toc {
    text-align:left;
	font-size:1.1em;
	color:#FFF;
}

#toc li {
	margin-left:20px;
	padding: 0;
	list-style: none;
}

#toc li a   {
    text-decoration:none;	
}

#toc li a:hover   {
    color:#CCFFFF;
}

/*  CLASSES */

TABLE TR TD.tHeader  {
      font-family:Times, serif;
	  font-size:20px;
	  font-weight:bold;
	  font-style:normal;
	  text-align:center;
}

TABLE TR TD.albumSpacer {
    background:#003366;
	border: 1px solid #009933;
	vertical-align:middle;
	text-align:center;
}

TABLE TR TD A {
    text-decoration:underline;
	color:#FFF;
}

TABLE TR TD a:visited {
    text-decoration:underline;
	color:#FFFFCC;
}

.tSub  {
      font-size:0.6em;
	  font-weight:lighter;
	  color:#FFF;
}

.frameText {
   font-size:0.9em;
   margin: 0;
   text-align:left;
   padding-bottom: 0px;
   padding-top: opx;
   
}

.creamLabel {
  font-size:1.0em;
  font-weight:bold;
  color:#FFFFCC;
}