/*  Style sheet for test site */


body {
text-align:center;
background-image:url(assets/images/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
width:100%;
display:table;
margin:0;
padding:0;
}

html {
background-image:url(assets/images/gradient.jpg);
background-repeat:repeat-x;
background-color:#33594E;
}

#wrapper {
width:950px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background-color:#757956;
border:1px solid #59233A;
margin:50px auto auto;
padding:10px;
}

#header {
width:950px;
height:160px;
border:1px solid #757956;
background-color:#757956;
background-image:url(assets/images/header.jpg);
background-repeat:no-repeat;
margin:auto;
}

#content {
width:950px;
margin-top:5px;
border:1px solid #000;
background-color:#fff;
}

#nav ul {
width:200px;
list-style-type:none;
float:left;
margin:0;
padding:0;
}

#nav ul li {
border-bottom:1px solid #ccc;
}

#nav ul li a {
text-decoration:none;
color:#777;
display:block;
padding:10px;
}

#nav ul li a:active,#nav ul li a:hover {
background-color:#eee;
color:#333;
}

#nav-head ul {
width:425px;
float:right;
list-style-type:none;
margin:0;
padding:0;
}

#nav-head ul li {
float:left;
padding-left:2px;
padding-bottom:2px;
width:100px;
}

#nav-head ul li a {
color:#212629;
text-decoration:none;
text-align:center;
display:block;
padding-left:2px;
padding-top:3px;
padding-bottom:2px;
font-size:1.2em;
}

#nav-head ul li a:link,#nav-head ul li a:visited {
background-color:#49B8A8;
background-image:url(assets/images/top-buttons.gif);
color:#85EDB6;
font-size:13px;
}

#nav-head ul li a:hover,#nav-head ul li a:active {
background-color:#067778;
background-image:url(assets/images/top-buttons-mo.gif);
color:#000;
font-size:13px;
}

.top-title {
float:right;
width:400px;
color:red;
text-align:center;
font-family:arial;
font-size:20px;
}

.header-button {
width:150px;
background-color:red;
margin-top:43px;
margin-left:2px;
color:#fff;
float:right;
text-align:center;
font-family:arial;
font-size:20px;
padding:3px;
}

.column {
width:325px;
padding-left:5px;
padding-right:5px;
float:left;
background-color:#FFF;
margin:10px;
}

.wide-column {
width:715px;
padding-left:5px;
padding-right:5px;
float:left;
margin:10px;
}

.double-column {
width:650px;
padding-left:5px;
padding-right:5px;
float:left;
text-align:justify;
margin:10px;
}

h1 {
font-size:20px;
color:#010042;
text-align:center;
margin:0;
padding:0;
}

#bulletin {
background:#fff;
}

#bulletin ul {
width:324px;
float:right;
list-style-type:none;
margin:0;
padding:0;
}

#bulletin ul li {
float:left;
padding-left:2px;
padding-bottom:2px;
margin-bottom:12px;
width:130px;
height:140px;
}

#bulletin ul li a {
color:#000;
text-decoration:none;
text-align:center;
display:block;
padding-left:2px;
padding-top:20px;
padding-bottom:2px;
font-size:1.2em;
width:130px;
height:140px;
}

#bulletin ul li a:link,#bulletin ul li a:visited {
background:#fff;
background-image:url(assets/images/bulletin.jpg);
background-repeat:no-repeat;
font-size:13px;
width:130px;
height:140px;
}

#bulletin ul li a:hover,bulletin ul li a:active {
background:#067778;
background-image:url(assets/images/bulletin-mo.jpg);
background-repeat:no-repeat;
padding-top:19px;
width:130px;
height:140px;
}

a img {
border:none;
}

.center {
text-align:center;
}

.justify {
text-align:justify;
}

.clear {
clear:both;
}

#nav,#nav-head {
background-color:#fff;
}