/* RESET */
* {
margin:0;
padding:0;
}

/* BODY */
body {
background-color:#161616;
font-family:tahoma;
font-size:11px;
color:#fff;
}

ul#navbg span {
display:none;
}

a:link {
text-decoration:none;
font-family:tahoma;
color:#0D79B2;
}

a:visited {
text-decoration:none;
font-family:tahoma;
color:#0D79B2;
}

a:hover {
text-decoration:underline;
font-family:tahoma;
color:#fff;
}

a:active {
text-decoration:none;
font-family:tahoma;
color:#0D79B2;
}

img {
border:none;
}

/* DIVS */
#wrapper {
width:900px;
border:0;
margin:0 auto;
}
#left {
width: 240px;
float: left;
}
#right {
width: 660px;
float: right;
}

#nav {
position:relative;
display:block;
float:left;
border-width:1px;
border-style:solid;
border-color:#2D2D2D;
background-image:url('images/am-navbg.jpg');
height:45px;
width:900px;
}

#login {
float:left;
display:block;
position:relative;
border-width:1px;
border-style:solid;
border-color:#0D79B2;
background-image:url('images/am-loginbg.jpg');
height:45px;
width:900px;
}

#newscontainer {
float:right;
position:relative;
width:660px;
padding-top:20px;
}

/* BANNER */
#banner1 {
padding-top: 12px;
z-index:1;
margin-bottom:-1px;
display:block;
position:relative;
left:615px;
}

#banner2 {
display:block;
border:1px solid #0C74A9;
position:relative;
}

#banner3 {
margin-top:-1px;
display:block;
position:relative;
left:91px;
}

#banner4 {
top:-1px;
display:inline;
position:relative;
left:94px;
height:47px;
}

#banner5 {
top:-1px;
display:inline;
position:relative;
left:144px;
height:47px;
}

#banner6 {
display:block;
position:absolute;
left:117px;
top:46px;
}

#banner7 {
top:-1px;
display:inline;
position:relative;
left:118px;
height:47px;
float:left;
}

#banner8 {
z-index: 1;
position:absolute;
float:left;
left:157px;
height:28px;
top:46px;
}

#banner9 {
position:absolute;
top:19px;
left:186px;
}

/* NAVIGATION */
#navbg {
float:right;
width:366px;
height:45px;
background:url('images/am-navbar.jpg') no-repeat;
}

#navbg li {
float:left;
list-style:none;
}

#navbg a {
height:45px;
display:block;
}

#nav1 {
width:84px;
}

#nav1 a:hover {
background:url('images/am-navbar.jpg') 0 -45px no-repeat;
}

#nav2 {
width:100px;
}

#nav2 a:hover {
background:url('images/am-navbar.jpg') -84px -45px no-repeat;
}

#nav3 {
width:100px;
}

#nav3 a:hover {
background:url('images/am-navbar.jpg') -184px -45px no-repeat;
}

#nav4 {
width:80px;
}

#nav4 a:hover {
background:url('images/am-navbar.jpg') -284px -45px no-repeat;
}

#nav img {
float:left;
}

/* LOGIN */
#loginbox {
position:relative;
border-top:1px solid #2D2D2D;
border-right:1px solid #2D2D2D;
border-bottom:1px solid #2D2D2D;
top:11px;
left:1px;
float:right;
height:34px;
width:543px;
background:url('images/login-bg.jpg');
}

#loginbutton {
position:relative;
height:34px;
width:128px;
top:-9px;
float:left;
}

#loginbutton input[type="submit"] {
cursor:pointer;
border:none;
display:block;
width:128px;
height:34px;
background:url('images/login-button.jpg');
}

#logoutbutton {
position:relative;
height:34px;
width:128px;
top:-1px;
float:left;
}
#logoutbutton span {
display: none;
}

#logoutbutton a {
border:none;
display:block;
width:128px;
height:34px;
background:url('images/logout-button.jpg');
}

#logoutbutton a:hover {
background:url('images/logout-button.jpg') 0 -34px no-repeat;
}

#loginbutton input[type="submit"]:hover {
background:url('images/login-button.jpg') 0 -34px no-repeat;
}

#loginuser {
position:relative;
display:inline;
float:left;
left:15px;
top:12px;
}

#loginpass {
position:relative;
display:inline;
left:30px;
top:11px;
}

#editboxuser {
left:22px;
}

#editboxpass {
left:34px;
}

#login input {
position:relative;
top:8px;
font-size:11px;
font-family:tahoma;
color:#FFF;
border-style:solid;
border-width:1px;
border-color:#004169;
background-color:#075F91;
width:145px;
}

#welcometext {
text-indent:10px;
padding:10px;
}

/* RECRUITMENT & PROGRESS */
div.rpcontainer {
padding-top:20px;
float: left;
width:220px;
position:relative;
}

/*
NOT SURE WHAT THIS DID, MADE TEXT NOT APPEAR ON MEDIA!
div.rpcontainer span {
display: none;
}
*/

.rptitle {
background:url('images/am-bottombg.jpg');
width:218px;
height:37px;
border:1px solid #0C74A9;
}
#am-recruit {
position: relative;
left: 10px;
top: 14px;
}
div.rpcontainer .container {
padding-top:30px;
width:218px;
border:1px solid #000;
border-top:none;
background-color:#202020;
}
.rpbottombg {
background:url('images/am-bottombg.jpg');
height:37px;
width:218px;
border-width:1px;
border-style:solid;
border-color:#0D79B2;
clear:both;
}
.applybutton {
border:none;
position:relative;
top:8px;
right:7px;
float:right;
}
div.container > table {
width: 218px;
}
div.container img {
vertical-align: middle;
}
div.container td {
padding: 3px 8px;
}
div.container .center {
text-align: center;
padding: 3px auto;
}
tr.alt {
background-color:#161616;
}
th {
font-weight:700;
padding:3px 0;
}
td > input {
width:95%;
}

td > select {
width:95%;
}
img.talenticon {
width: 19px;
height: 19px;
}

#am-progress {
position:relative;
top:14px;
left:10px;
}

#am-media {
position:relative;
top:14px;
left:10px;
}

td.bosses {
text-align: center;
}

/* NEWS */
#newsbg {
float: right;
border:1px solid #0C74A9;
width:659px;
height:37px;
background:url('images/am-bottombg.jpg');
margin: 0px -1px
}

#newsimg {
position:relative;
top:9px;
}

h1 {
float:left;
font-size:11px;
}

#newslist {
list-style:none;
}

.newstitle {
float:left;
width:436px;
padding:8px 12px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background-color:#202020;
}

.header {
float:right;
font-weight:700;
}

ul#newslist div.newspost, div.body, div.bottombody {
clear:both;
padding:5px 10px;
width:618px;
float:left;
background-color:#202020;
border:1px solid #000;
}

ul#newslist li > div.newspost, div.body, div.bottombody {
width:640px;
}

ul#newslist div.body {
margin-bottom:5px;
}

ul#newslist img {
max-width:640px;
}

div.bottombg {
background:url('images/am-bottombg.jpg');
height:37px;
width:660px;
border-width:1px;
border-style:solid;
border-color:#0D79B2;
clear:both;
}
.morebutton {
border:none;
position:relative;
top:7px;
right:7px;
float:right;
}

/* ROSTER */
table.sortable {
width: 100%;
background-color:#202020;
padding: 3px;
}
table.sortable th {
padding: 0;
text-align: left;
}
table th.thnumbers {
text-align: center;
}
table td.tdnumbers {
text-align: center;
}
table.sortable th {
cursor: pointer;
}


/* MEDIA */
#media {
margin-left:2px;
}

/* FOOTER */
#am-footer {
margin-top:19px;
border:1px solid #0C74A9;
}
