@charset "UTF-8";
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #eee;
}
#top {
margin-top: 0px;
padding: 0px;
width: 100%;
background: #ccc;
	background-image: url(images/tobyonlineLogo.png);
	background-repeat:no-repeat;
	background-position:left top;

	}
#mainmenu {
margin-right: auto;
margin-left: auto;
width: 1060px;
	}
#logo {
	height: 132px;
margin: 0px;
padding: 0px;
}
#logo h1 {
color:#eee;
font-size: 32px;
font-weight:bold;
text-indent: 120px;
margin: 0px;
padding:0px;
text-shadow: 2px 2px 5px #777;

}
#mainmenu ul {
display: inline;
list-style-type: none;
padding: 0;
margin-left: 0;
}

#mainmenu li {
display: inline;
}

#mainmenu li a {
display: block;
float: left;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
font-size: 14px;
background: #e2e2e2;
background-image: -moz-linear-gradient(top, #e2e2e2, #999999);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e2e2e2),color-stop(1, #999999)); 
text-decoration: none;
color: #fff;
font-weight:bold;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#mainmenu a:hover {
cursor: crosshair;
background: #FF5F00;   
background-image: -moz-linear-gradient(top, #FFB173, #e97508);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FF9540),color-stop(1, #e97508)); 
text-decoration: none;
color: #fff;
font-weight:bold;
-moz-box-shadow: 1px -1px 5px #000;
-webkit-box-shadow: 1px -1px 5px #000;
box-shadow: 1px -1px 5px #000;
position: relative;
z-index: 500;
}
#mainmenu a:active {
}
#search a {
	text-decoration: none;
	color:#444444;
}

.clearboth {
clear: both;
}
.center {
	text-align: center;
	align: center;
}
.right {
	text-align: right;
	align: right;	
}

#menu1 {
width: 720px;
height: 0px;
line-height: 44px;
font-size: 12px;
visibility:hidden;
overflow:hidden;
}

#menu1 a {
display: block;
float: left;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
background: #FF9540;
text-decoration: none;
color: #000;
}

#menu2 {
width: 600px;
height: 0px;
line-height: 44px;
font-size: 12px;
padding-left: 120px;
visibility:hidden;
overflow:hidden;
}
#menu2 a {
display: block;
float: left;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
background: #FF9540;
text-decoration: none;
color: #000;
}
#menu3 {
width: 480px;
height: 0px;
line-height: 44px;
font-size: 12px;
padding-left: 240px;
visibility:hidden;
overflow:hidden;
}
#menu3 a {
display: block;
float: left;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
background: #FF9540;
text-decoration: none;
color: #000;
}
#menu4 {
width: 360px;
height: 0px;
line-height: 44px;
font-size: 12px;
padding-left: 360px;
visibility:hidden;
overflow:hidden;
}
#menu4 a {
display: block;
float: left;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
background: #FF9540;
text-decoration: none;
color: #000;
}
#menu5 {
width: 360px;
height: 0px;
line-height: 44px;
font-size: 12px;
padding-left: 360px;
visibility:hidden;
overflow:hidden;
}
#menu5 a {
display: block;
float: left;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
background: #FF9540;
text-decoration: none;
color: #000;
}
#menu6 {
width: 720px;
height: 0px;
background: #FF9540;
line-height: 66px;
font-size: 12px;
text-align: right;
visibility:hidden;
overflow:hidden;
}
#menu1 a:hover {
cursor: pointer;
}
#menu2 a:hover {
cursor: pointer;
}
#menu3 a:hover {
cursor: pointer;
}
#menu4 a:hover {
cursor: pointer;
}
#menu5 a:hover {
cursor: pointer;
}
#menu6 a:hover {
cursor: pointer;
}
#content {
	width: 600px;
	padding: 20px;
	float: left;
	font-size:12px;
	margin-top: 10px;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background: #fff;
    -moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;	
}
#content h2 {
color:#444444;
font-size:18px;
font-weight:bold;
}
#content h1 {
color:#FF9540;
font-size:22px;
font-weight:bold;
}
#sidepanel2 h2 {
color:#444444;
font-size:18px;
font-weight:bold;
}
#speachbubble {
	width: 160px;
	height: 80px;
	padding: 10px;
	margin-left: 80px;
	margin-right: 0px;
	float: left;
	margin-top: 10px;
	text-align: center;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background: #fff;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomright: 0;
  border-radius: 20px;
  border-bottom-left-radius: 0;
    
    -moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;	
	
	-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
-o-transform: rotate(8deg); 
}

#sidepanel {
	width: 240px;
	height:600px;
	padding: 20px;
	margin-left: 80px;
	margin-right: 0px;
	overflow: scroll;
	float: left;
	margin-top: 10px;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background: #fff;
    -moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;	
}
#sidepanel2 {
	width: 240px;
	padding: 20px;
	margin-left: 80px;
	margin-right: 0px;
	float: left;
	font-size:12px;
	margin-top: 10px;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background: #fff;
    -moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;	
}
#footer {
	width: 970px;
	height: 120px;
	float: left;
	padding: 20px;
	text-align: center;
	font-size: small;
	margin-top: 10px;
    -moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
    border-radius: 12px;
    background: #e2e2e2;
background-image: -moz-linear-gradient(top, #e2e2e2, #999999);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e2e2e2),color-stop(1, #999999)); 

	
}
#container {
margin-right: auto;
margin-left: auto;
width: 1060px;
	}
	
#container A:link {text-decoration: none;color:#cc0000;}
#container A:visited {text-decoration: none;color:#cc0000;}
#container A:active {text-decoration: none;color:#cc0000;}
#container A:hover {text-decoration: underline; color: #e97508;}

#search {
	text-align: right;
	display: block;
	font-size:12px;
	margin-right: 55px;
	}

.search{
  background-image:url('images/search.gif');
  background-repeat:no-repeat;
  padding-left:20px;
  background-color:#FFFFFF;
border-color:#666666 #CCCCCC #CCCCCC;
border-style:solid;
border-width:1px;
color:#000000;

} 
#experience
{
border-collapse:collapse;
}

#experience table
{
width: 100%;
border: 1px solid black;
}

#experience td
{
height:50px;
vertical-align: top;
border: 1px solid black;
padding:5px;
}
#experience tr.alt td 
{
background-color:#ffefdc;
}