body {
background-color:#eee;
font:normal normal 12px/20px Arial, Helvetica, sans-serif;
color:#333;
}

.clear{clear:both;}

.wrapper {
margin:0 auto;
width:900px;
background-color:#ccc;
position:relative;
}

#logo {
position:absolute;
top:0px;
left:50px;
z-index:1;
}


#currentissue{
position:absolute;
top:60px;
left:520px;
z-index:2;
}

#issuu{
position:absolute;
top:40px;
left:480px;
z-index:2;
}


/* element styles */
h1 {
font-size:20px;
color:orange;
font-weight:lighter;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h2 {
font-size:20px;
color:#fff;
font-weight:lighter;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3 {
font-size:20px;
color:#2b6fa8;
font-weight:lighter;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h4 {
font-size:16px;
color:#555;
font-weight:bold;
margin:0;
letter-spacing:-1px;
}

b {
text-transform:uppercase;
font-weight:bold;
font-size:130%;
}

strong{font-weight:bold;color:black;}

p { margin:0 0 20px 0; }

blockquote {
font-size:16px;
font-style:italic;
margin:0 0 20px 0;
}

ul {
padding:0;
margin:0;
list-style-type:disc;
}

li {
padding:0;
margin:0 0 0 20px;
}

a, a:link, a:active, a:visited {
text-decoration:none;
color:#2b6fa8;
}

a:hover {
color:#182e46;
text-decoration:underline;
}

/* navigation styles*/
#nav {
height:40px;
background-color:#182e46;
}

#nav ul {
padding:0;
margin:0 0 0 300px;
list-style:none;
}

#nav ul li { display:inline; }

#nav a, #nav a:link, #nav a:active, #nav a:visited {
font:bold 18px/40px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
display:block;
float:left;
padding:0px 20px;
text-transform:uppercase;
}

#nav a:hover {
background-color:#374EA1;
color:#fff;
}

/* Top section of page */
#topsection {
width:900px;
padding:0 0 40px 0;
background-color:#fff;
position:relative;
float:left;
}

#topcontent {
width:800px;
margin:190px 0 0 0px;
float:left;
position:relative;
left:50px;
}

#topcontentleft {
width:430px;
margin:190px 0 0 0px;
float:left;
position:relative;
left:50px;
}

#topcontentright {
margin:330px 0 0 0px;
float:left;
position:relative;
left:70px;
}

#agec-codes{
background-color:#eee;
border:1px solid #ccc;
padding:10px;
margin:0 0 30px 0;
}

.issuu { margin-top: 5px;}

/* Bottom section of page */
#bottomsection {
width:900px;
padding:40px 0 0 0;
margin:0;
background-color:#182e46;
position:relative;
float:left;
color:#fff;
}

#bottomsection img{
float:left;
margin:0 10px 0 0;
}

.bottomcontentcol {
width:390px;
margin:0 40px 0 0;
float:left;
position:relative;
left:50px;
}

#bottomsection a, #bottomsection a:link, #bottomsection a:active, #bottomsection a:visited {
text-decoration:none;
color:#00adee;
}

#bottomsection a:hover {
text-decoration:underline;
}

/* Footer styles*/

#footer{
clear:both;
padding:5px 20px 0 50px;
color:#2b6fa8;
font-size:10px;
}

#footerwrapper {
clear:both;
margin:0 auto;
width:960px;
}

.footer-image {
float: left;
margin: 0 5px 0 -15px;
padding-top: 0px;
border: 0;
}

/*crossword styles*/
#crosswordwrapper{
margin:20px auto;
width:700px;
}

#crosswordwrapper img{
margin:0 0 0 120px;
}

.crossword{
float:left;
width:350px;
margin:30px 0 0 0;
}

img.green_icons {
float:left;
margin: 15px 0px -30px 40px;
}

.crossword ul, .crossword ul li{
list-style-type:none;
margin:0;
padding:0;
}

.crossword ul{
margin:0 0 30px 0;
}

.crossword h3{
margin:0;
padding:0;
}