/* Layout styles for TicTas.com
 Last changed 17:37 18 April 2004 */
 /* Container for main pages */
 #container
 {
     height: 77px;
 width: 750px;
 margin: 1px auto;
 background-color: #fff;
 border: 1px solid white;
 line-height: 130%;
     background: url('../images/banner.bmp') no-repeat;
 }
 /* Container for Web Tools pages */
#contentholder2 {
	width: 500px;
	margin: 10px auto;
	background-color: #FFFFFF;
	border: 1px solid gray;
	line-height: 130%;
	padding: 0px 20px 10px;
	background-image: url(../images/beach-faded.jpg);
	background-repeat: no-repeat;
}
/* Top Navigation Menu */
#header {
	height: 25px;
	float: left;
	width: 750px;
    text-align: center;
	font-size: 79%;
    line-height: normal;
	font-family: "Trebuchet MS",cursive;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
    background: url('../images/header.jpg') no-repeat;
	}
div.outer {
	float: right;
	width: 75px;
	height: 25px;
	margin: 0;
	/*background: url( 'images/bars.gif' ) 0 -50px no-repeat;*/
	}
div.outer a, div.outer a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	color: #000080;
	text-decoration: none;
	/*background: url( 'images/bars.gif' ) top left no-repeat;*/
	}
div.outer span {
	display: block;
	margin:0;
	padding-left: 0.5px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	}
div.outer a:hover {
	background-image: none;
	color: #000080;
	text-decoration: underline;
	}
div.outer a:active {
	background-image: none;
	color: #ffa500;
	text-decoration: underline;
	}
#current {
	background-image: none;
	color:#ffa500;
	text-decoration: none;
	}
/* Current Section Image */
#sectionimage {
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
/* Content Holder */
#contentholder {
	/*background-color: #f0f8ff;*/
    background-color: #cee6f2;
}
/* Left Navigation Menu */
#leftnav
 {
	float: left;
	width: 160px;
	margin: 0;
	padding: 1.2em;
 }
/* Contents */
#content
 {
	margin-left: 170px;
	padding: 1.2em;
 }
/* Footer */
#footer
 {
    height: 25px;
	clear: both;
	margin: 0;
	/*padding: .5em;*/
	/*background-color: #336600;*/
	/*border-top: 1px solid gray;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
    color: #000080;
    background: url('../images/footer.jpg') no-repeat;
 }
 /* Game Container for main pages */
 #gamecontainer
 {
 width: 500px;
 margin: 5px auto;
 background-color: #fff;
 border: 1px solid gray;
 line-height: 130%;
 }
 /* Game Contents */
 #gamecontent
  {
     padding: 1.2em;
  }
  /* White Rounded Box for Main Contents */
.whiteround1 {
	width : 530px;
	margin-left : auto;
	margin-right : auto;
	background-color : #FFFFFF;
	background-image : url('../images/upperleft2.gif');
	background-repeat : no-repeat;
	background-position : left top;
}
 /* Light Yellow Rounded Box for Left Menu */
.lightyellowround1 {
	width : 100%;
	margin-left : auto;
	margin-right : auto;
    color:#05759f;
    background-color : #f0f8ff;
	background-image : url('../images/upperleft2.gif');
	background-repeat : no-repeat;
	background-position : left top;
}
 /* The Rest of Light Rounded Corner Block */
.round2 {
	background-image : url('../images/upperright2.gif');
	background-repeat : no-repeat;
	background-position : top right;
}
.round3 {
	background-image : url('../images/lowerleft2.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}
.round4 {
	background-image : url('../images/lowerright2.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 10px 20px;
}
 /* Less padding block */
.round4b {
	background-image : url('../images/lowerright2.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 10px 10px;
}