/*   Colours   */   
/*   Green   #2E983D   */   
/*   Light   Blue   #94AFD5*/   
/*   Dark   Blue   #2A60AC   */

/* Reset defaults for all browsers, from Eric Meyer: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none;list-style-position: inside; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Fonts */

body { font: 16px "Arial", sans-serif;  }
h1 { font-size: 150%; font-weight: normal;}
h2 { font-size: 130%; font-weight: normal;}
h3 { font-size: 120%; font-weight: normal;}
a, a:visited {
    color: #2A60AC;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #2E983D;
}

/* Layout */

body {
	margin: 0px auto;
	background: #356BAD url(../img/bodybg.gif) 50% 0 no-repeat;
	text-align: center;
}
div#container {
	background: #FFF;
	width: 939px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	height: 189px;
	background: url(../img/header.gif) no-repeat;
}
ul#nav {
	position: absolute;
	width: 888px;
	top: 176px;
	margin-left: 51px;
}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { 
	height:20px; 
	display:block; 
	position:absolute; 
	top:0; 
	text-indent:-9999px; 
}
li#about a { background-position:0 0; width: 90px; left: 0; }
li#submissions a { background-position:-90px 0; width: 110px; left: 90px;}
li#advertising a { background-position:-200px 0; width: 120px; left: 200px;}
li#distribution a { background-position:-320px 0; width: 160px; left: 320px;}
li#contact a { background-position:-480px 0; width: 110px; left: 480px;}
li#home a { background-position:-540px 0; width: 110px; left: 540px;}
div#content {
	width: 888px;
	position: relative;
	left: 51px;
	padding-bottom: -4px;
	float: left;
}
div#content h1 {
	margin-bottom: 20px;
}
#about-title, #submissions-title, #advertising-title, #distribution-title, #contact-title, #home-title {
	height: 90px;
	padding-bottom: 10px;
	border-bottom: 2px solid #94AFD5;
	text-indent: -9999px;
}
#about-title { background: url(../img/about-title.gif) no-repeat; }
#submissions-title { background: url(../img/submissions-title.gif) no-repeat;}
#advertising-title { background: url(../img/advertising-title.gif) no-repeat;}
#distribution-title { background: url(../img/distribution-title.gif) no-repeat; }
#contact-title { background: url(../img/contact-title.gif) no-repeat; }
#home-title { background: url(../img/home-title.gif) no-repeat; }
div#left-col {
	padding-right: 20px;
	font: 1em "Arial", sans-serif; 
	width: 480px;
	float: left;
}
h2.green {
	color: #2E983D;
}
h1.blue {
	color: #2A60AC;	
	padding-bottom: 10px;
	border-bottom: 2px solid #94AFD5;
}
h2.blue {
	color: #2A60AC;	
}
div.copy {
	margin-bottom: 20px;	
}
div.copy p {
	margin-top: 10px;	
}
div.copy ul {
	padding: 5px 0;
	list-style-type: disc;
}
div#right-col {
	width: 366px; 
	float: left;
}
div#right-col p.blue {
	margin-left: 100px;
	padding: 5px 0;
	color: #2A60AC;
	font-weight:normal;
}
#contact-submissions, #contact-distribution, #contact-design {
	position: relative;
	z-index: 200;
}
.about-img {
	margin-left: 62px;
}
.submissions-img {
	margin-bottom: 40px;
}
.advertising-img {
	margin-left: 100px;
}
.contact-img {
	position: relative;
	margin-top: -340px;
	z-index: 100;
}
.home-img {
	position: relative;
	margin-top: -480px;
	z-index: 100;
}
.clear {
	clear: both;
}
div#footer {
	padding-top: 20px;
	padding-bottom: 10px;
	clear: both;
	text-align: center;
	font-size: .8em;
	width: 100%;
}