html,body {
border:0;
background:#21567e url(bbackground.jpg);
background-attachment: fixed;
margin:0;
padding:0
}

div.screen {
width:1150px;
margin: 0 auto;
}

div.top {
height:130px;
width:100%
}

td.topleft {
width:424px
}

td.topleft img {
margin:0 0 0 10px
}

div.icons {
width:610px;
text-align:right;
text-decoration:none;
margin:-10px 0 0
}

div.icons a:link,div.icons a:visited,div.icons a:hover,div.icons a:focus,div.icons a:active {
text-decoration:none
}

div#nav {
width:580px;
height:22px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
position:relative;
top:-5px
}

div#nav ul {
list-style:none;
margin:0;
padding:0
}

div#nav li {
float:left;
width:85px;
text-align:center;
margin-top:12px;
margin-right:8px
}

div#nav a:link,div#nav a:visited {
text-align:center;
display:block;
height:22px;
color:#fff;
text-decoration:none;
font-weight:700;
font-size:14px;
font-family:Trebuchet MS;
letter-spacing:1px;
padding:3px 0 0
}

div#nav a:hover,div#nav a:focus,div#nav a:active {
display:block;
position:relative;
z-index:1;
height:21px;
color:#fff;
text-decoration:underline;
font-weight:700;
font-size:14px;
font-family:Trebuchet MS;
letter-spacing:1px;
padding:5px 0 0 0;
top: -2px;
}

li.present {
text-align:center;
display:block;
height:21px;
color:#fff;
text-decoration:none;
font-weight:700;
font-size:14px;
font-family:Trebuchet MS;
letter-spacing:1px;
position:relative;
z-index:1;
padding:5px 0 0 0;
top: -2px;
}

div.body {
width:100%
}

div.creation {
width:1250px;
min-width:1250px;
margin:30px auto 0
}

td.creationleft {
width:820px
}

img.arrow {
position:relative;
top:-40px;
float:left;
margin:0 10px 0 0
}

div.inputbox {
margin: 40px 0 0 0;
width: 350px;
height: 70px;
float:right;
position: relative;
left: -160px; top: -24px;
}

input.name {

height:64px;
width:170px;
font-size: 25px;
font-weight:700;
color:#555;
text-transform:uppercase;
font-family:Comic Sans MS;
letter-spacing:1px;
-webkit-border-bottom-left-radius:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topleft:7px;
z-index:2;
margin:0;
position: relative; top: 7px;

background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

input.spellit {

vertical-align:middle;
background:#D4F576;
border:0px solid #000;
height:70px;
width:150px;
font-family:trebuchet ms;
font-size:18px;
color:#4C331E;
-webkit-border-bottom-right-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topright:9px;
margin:0 0 0 10px;
}

input.spellit:hover {
cursor: pointer;
vertical-align:middle;
background:#E6F7B6;
border:0px solid #000;
height:70px;
width:150px;
font-family:trebuchet ms;
font-size:18px;
color:#4C331E;
text-decoration:underline;
-webkit-border-bottom-right-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topright:9px;
margin:0 0 0 10px;
}

div.cloudtext {
width:334px;
height:136px;
background:url(clouds.png);
background-repeat: no-repeat;
display: block;
float:left;
margin:-70px 0 0 0;
}

div.ctext {
text-align:center;
width:290px;
color:#4C331E;
font-family:droid sans;
font-size:12px;
line-height:18px;
font-weight:700;
z-index:2;
margin:41px 0 0 35px
}

div.rotatingimages {
position:relative;
top:15px;
}

td.FlabellComponent {
background:url(nbanner/images/welcome.jpg)
}

div#FlabellComponent {
	background: url(nbanner/images/welcome.jpg);
	font-family: trebuchet ms;
	font-size: 13px;
}

img.stacked {
position:relative;
top:10px;
left:10px
}

td.corner {
vertical-align:top;
width:20px;
max-width:20px;
text-align:right
}

td.creationright {
width:310px;
max-width:310px;
text-align:left
}

div.creationright {
width:285px;
height:355px;
background:#fff;
-webkit-border-bottom-left-radius:12px;
-webkit-border-bottom-right-radius:12px;
-webkit-border-top-right-radius:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topright:12px;
padding:15px 10px 10px 15px
}

span.crheader {
font-family:droid sans;
font-size:24px;
color:#4C331E;
font-weight:700
}

div.crtext {
font-family:Trebuchet MS;
font-size:15px;
color:#21567E;
margin:0 0 -10px 10px
}

div.crbreaker {
width:200px;
height:1px;
background:#C1C0A9;
margin:2px 0 5px
}

div.readmore {
margin:5px 0 0 15px
}

div.readmore a:link,div.readmore a:visited {
color:#4C331E;
font-size:13px;
font-family:droid sans;
text-decoration:underline
}

div.readmore a:hover,div.readmore a:focus,div.readmore a:active {
color:#4C331E;
text-decoration:none;
font-size:13px;
font-family:droid sans
}

div.rr {
margin: 8px 0 0 82px
}

div.bottom {
width:1150px;
height:400px;
float:none;
font-size:14px;
color:#000;
font-family:droid sans;
background:#fff;
-webkit-border-bottom-left-radius:12px;
-webkit-border-bottom-right-radius:12px;
-webkit-border-top-right-radius:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topright:12px;
margin:15px auto 0
}

table.bottom {
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
line-height:21px;
color:#4C331E;
text-align:justify;
padding:25px 0 0
}

span.bheader {
font-family:droid sans;
font-size:24px;
color:#21567E;
font-weight:700
}

div.bbreaker {
width:240px;
height:1px;
background:#C1C0A9;
margin:7px 0 5px
}

td.bspacer {
width:6%
}

td.bleft {
vertical-align:top;
width:26%
}

td.bright img {
position:relative;
top:8px
}

div.morebutton {
margin:7px 0 0 20px;
width:90px;
height:20px;
background:#9EDCF2;
padding: 1px 0 1px 4px;
}

div.morebutton a:link,div.morebutton  a:hover,div.morebutton  a:focus,div.morebutton  a:visited,div.morebutton  a:active {
text-decoration: none;
color:#4D3521;
font-family: trebuchet ms;
font-size: 12px;
}

a.learnmore span.learnmore {
display:inline;
}
a.learnmore:hover span.learnmore {
display:none;
}
a.learnmore span.learnmorehover {
display:none;
}
a.learnmore:hover span.learnmorehover {
display:inline;
}



td.bright a:link,td.bright a:visited {
color:#21567E;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
line-height:21px;
text-decoration:none
}

td.bright a:hover,td.bright a:focus,td.bright a:active {
color:#21567E;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
line-height:21px;
text-decoration:underline
}

div.footer {
width:1150px;
height:40px;
float:none;
font-size:12px;
color:#000;
font-family:droid sans;
margin:15px auto 0
}

td.fbreaker {
width:90%;
height:1px;
border:1px dashed #21567E;
margin:0 auto
}

td.ffollow {
width:120px;
text-align:right
}

td.ffollow img {
position:relative;
top:4px;
border:0;
margin:0 4px 0 10px
}

td.bmiddle,td.bright {
vertical-align:top;
width:25%
}

td.flinks a:link,td.flinks a:visited,td.ffollow a:link,td.ffollow a:visited {
color:#4C331E;
font-family:droid sans;
font-size:12px;
font-weight:normal;
line-height:21px;
text-decoration:none
}

td.flinks a:hover,td.flinks a:focus,td.flinks a:active,td.ffollow a:hover,td.ffollow a:focus,td.ffollow a:active {
color:#4C331E;
font-family:droid sans;
font-size:12px;
font-weight:normal;
line-height:21px;
text-decoration:underline
}