﻿/* Mockingbird Games CSS */

BODY
{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    background-color: #FFFFFF;
    color: #333333;
    margin-bottom: 0px;
    margin-top: 0px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    text-align: center;
    WORD-SPACING: normal
}

img.border {border: 1px solid #666666;}

a:link {text-decoration: none; color: #ff9933; font-weight: normal;}	
a:visited {text-decoration:	none; color: #ff9933; font-weight: normal;}	
a:hover {text-decoration: underline; color:	#ff9933; font-weight: normal;}

a.home:link {text-decoration: underline; color: #ffff99; font-weight: normal;}	
a.home:visited {text-decoration:	underline; color: #ffff99; font-weight: normal;}	
a.home:hover {text-decoration: underline; color:	#ffff99; font-weight: normal;}

a.bold:link	{text-decoration: underline; color: #ff6600; font-weight: bold;}	
a.bold:visited {text-decoration:	underline; color: #ff6600; font-weight: bold;}	
a.bold:hover {text-decoration: underline; color:	#ff9933; font-weight: bold;}

a.foot:link {text-decoration: underline; color: #336699; font-weight: normal;  line-height:16px;}
a.foot:visited {text-decoration: underline; color: #336699; font-weight: normal;  line-height:16px;}
a.foot:hover {text-decoration: underline; color: #6699cc; font-weight: normal;  line-height:16px;}

P
{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    margin-top: 0px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

P.h
{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    margin-top: 0px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    line-height:14px;
}


P.b
{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    margin-top: 0px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    line-height:14px;
}

.whitebold
{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    color: #ffffff;
}

.bluebold
{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    color: #5490cc;
}

UL LI	{
	list-style-type: square;
	font-family: arial, tahoma, san-serif, helvetica;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal
}

UL.bolded
{
    font-family: arial, tahoma, san-serif, helvetica;
    color: #333333;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    text-align: left;
    WORD-SPACING: normal
}

LI.bolded
{
    font-family: arial, tahoma, san-serif, helvetica;
    color: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    line-height:30px;
    TEXT-TRANSFORM: none;
    text-align: left;
    WORD-SPACING: normal
}

h1{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    color: #FFFFFF;
    FONT-SIZE: 26px;
    FONT-WEIGHT: bold;
    line-height:20px;
    margin-top:0px;
   }
   
h2{
    font-family: Tahoma, Helvetica, sans-serif;
    color: #5490cc;
    FONT-SIZE: 44px;
    FONT-WEIGHT: bold;
    line-height:30px;
    margin-top:0px;
    margin-bottom:20px;
    margin-left:80px;
    padding-top:18px;
   }
   
h3{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    color: #333333;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    line-height:30px;
    margin-top:0px;
    margin-bottom:15px;
   }
   
h4{
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    color: #333333;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bold;
    line-height:30px;
    margin-top:0px;
    margin-bottom:15px;
   }
  
h5{
	font-family: Georgia, arial, tahoma, san-serif, helvetica;
	color: #31533b;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	line-height: 18px;
	margin-top: 10px;
}   
   
#header {
	background-position: left top;
	background-image: url('images/mockingbird_02.jpg');
	background-repeat: no-repeat;
	height: 148px;
	width: 960px;
	margin-left: auto ;
	margin-right: auto ;
}

#nav1 {
	height: 148px;
	width:50px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav1 a {
  display:block;
  width:100%;
  height:84%;
  text-decoration:none;
  text-align:left;
}

#nav2 {
	height: 148px;
	width:80px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav2 a {
  display:block;
  width:70%;
  height:84%;
  text-decoration:none;
  text-align:left;
}
  
#nav3 {
	height: 148px;
	width:73px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav3 a {
  display:block;
  width:66%;
  height:84%;
  text-decoration:none;
  text-align:left;
}

#nav4 {
	height: 148px;
	width:80px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav4 a {
  display:block;
  width:60%;
  height:84%;
  text-decoration:none;
  text-align:left;
}

#nav5 {
	height: 148px;
	width:82px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav5 a {
  display:block;
  width:66%;
  height:84%;
  text-decoration:none;
  text-align:left;
}

#nav6 {
	height: 148px;
	width:74px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav6 a {
  display:block;
  width:67%;
  height:84%;
  text-decoration:none;
  text-align:left;
}

#nav7 {
	height: 148px;
	width:74px;
	padding-left:0px;
	margin-right: 0px;
	float: right;
	text-align:left;
}

#nav7 a {
  display:block;
  width:61%;
  height:84%;
  text-decoration:none;
  text-align:left;
}

#title{
	padding: 0px;
	height: auto;
	width: 960px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	background-position: left top;
	background-image: url('images/block.png');
	background-repeat: no-repeat;
	clear:both;
}

#title2{
	padding: 0px;
	height: auto;
	width: 960px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	background-position: left top;
	background-image: url('images/brick.png');
	background-repeat: no-repeat;
	clear:both;
}

#title3{
	padding: 0px;
	height: auto;
	width: 960px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	background-position: left top;
	background-image: url('images/cloud.png');
	background-repeat: no-repeat;
	clear:both;
}

#title4{
	padding: 0px;
	height: auto;
	width: 960px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	background-position: left top;
	background-image: url('images/window.png');
	background-repeat: no-repeat;
	clear:both;
}

#title5{
	padding: 0px;
	height: auto;
	width: 960px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	background-position: left top;
	background-image: url('images/grass.png');
	background-repeat: no-repeat;
	clear:both;
}

#title6{
	padding: 0px;
	height: auto;
	width: 960px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	background-position: left top;
	background-image: url('images/moon.png');
	background-repeat: no-repeat;
	clear:both;
}

#container{
	padding: 0px;
	height: auto;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
	clear:both;
}

#blueblock {
	background-position: left top;
	background-image: url('images/mockingbird_04.jpg');
	background-repeat: no-repeat;
	height: 219px;
	width: 960px;
	margin-left: auto ;
	margin-right: auto ;
	color: #ffffff;
}

#blocktext1 {
    float: left;
    width:520px;
    text-align:justify;
    margin-top:25px;
    margin-left:30px;  
}

#blocktext2 {
    float: right;
    width:345px;
    text-align:justify;
    margin-top:25px;
    margin-right:30px;
}

#break {
	background-position: left top;
	background-image: url('images/mockingbird_05.jpg');
	background-repeat: no-repeat;
	height: 28px;
	width: 960px;
	margin-left: auto ;
	margin-right: auto ;
}

#content {
	text-align: justify;
	background-color: #ffffff;
	margin-right:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:0px;
    padding-right:0px;
	float: center;
	width: 960px;
}

#block1 {
	background-position: left top;
	background-image: url('images/mockingbird_06.jpg');
	background-repeat: no-repeat;
    float: left;
    width:300px;
    height:272px;
    text-align:left;
}

#block2 {
	background-position: left top;
	background-image: url('images/mockingbird_07.jpg');
	background-repeat: no-repeat;
    float: left;
    width:32px;
    height:272px;
    text-align:left;
}

#block3 {
	background-position: left top;
	background-image: url('images/mockingbird_08.jpg');
	background-repeat: no-repeat;
    float: left;
    width:300px;
    height:272px;
    text-align:left;
}

#block4 {
	background-position: left top;
	background-image: url('images/mockingbird_09.jpg');
	background-repeat: no-repeat;
    float: left;
    width:27px;
    height:272px;
    text-align:left;
}

#block5 {
	background-position: left top;
	background-image: url('images/mockingbird_10.jpg');
	background-repeat: no-repeat;
    float: right;
    width:301px;
    height:272px;
    text-align:left;
}

#block5 a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#break2 {
	background-position: left top;
	background-image: url('images/mockingbird_11.jpg');
	background-repeat: no-repeat;
	height: 29px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

#footer {
	background-position: left top;
	background-image: url('images/mockingbird_12.jpg');
	background-repeat: no-repeat;
	width: 960px;
	height:120px;
	color: #333333;
	right: auto;
	left: auto;
	clear: left;
}

#foot1 {
    float: left;
    width:30px;
    text-align:left;
    margin-top:40px;
}

#foot2 {
    float: left;
    width:650px;
    text-align:left;
    margin-top:40px;  
}

#foot3 {
    float: right;
    width:200px;
    text-align:right;
    margin-top:40px;
    margin-right:30px;
}

#break3 {
	height: 15px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}