/* Basic Styles */

body {
    color: #000;
    margin:  0;
    padding: 0; 
    font: 94% Georgia, Times, sans-serif;
    }

html>body {font-size: 15px;}


.cl  {clear: both;}
    
br.cl, div.cl {
    height: 0;
    font-size: 0.1px;
    line-height: .0;
    }
 
.rm {position: absolute; left: -999em;}

a.rm:link {outline:none;}
a.rm:active, a.rm:focus {
    top: 80px;
    left: 235px;
    padding: 0;
	margin: -0.8em 0 0 0;
    color: #000;
    font-weight:bold;
    text-decoration:none;
    font-size:0.8em;
    outline:none;
}

   
h1, h2, h3, h4, h5, p, ol, ul, li, table, dl, dt, dd {
    margin: 0.5em 0 0 0;
    padding: 0;
    line-height: 1.4em;
	font-size:1em;
    }

h1, h2, h3, h4, h5 {margin: 0;}

img {
    vertical-align: bottom;
    border:0;
    margin: 0;
    padding: 0;
    }
    
a {text-decoration: underline; color: #000;}
a:link {text-decoration: underline; color: #000;}
a:visited {text-decoration: underline; color: #000;}
a:active {text-decoration: none; color: #000;}
a:hover {text-decoration: none;}
a:focus {text-decoration:none;}

hr {
    height: 2px; 
    margin: 1em 0; 
    padding:0; 
    border:0;
    }

ul {list-style-position: inside ; padding: 0;}
ul ul, ol ul { padding: 0 0 0 15px; margin-top: 0;}
ul li, ul ul li, ul ul ul li {margin: 0.3em 0 0 0; padding: 0;}
ol {padding: 0 0 0 20px;}

ol ol, ul ol {
    margin-top: 0;
    padding: 0 0 0 30px;
    }

ol li, ol ol li, ol ol ol li {
    margin: 0.3em 0 0 0;
    padding: 0;
    background: none;
    }

ol ol li {list-style-type: lower-latin;}
ol ol ol li {list-style-type: lower-roman;}
    
ul ol li {background: none;}

dl {padding: 0;}
dt {font-weight: bold;}
dd {margin: 0;}
dd a {font-weight:normal;}










        
/*=========Core Layout=========*/

body {background: #fff;}

#header{    
    padding: 1px 0 0 0;
    margin: 0;
    min-height: 240px;
    min-width: 850px;
    position:relative;
    }

.print {position:absolute; left:-999em}
	
#offical-crest {
	float:right; 
	width:100px; 
	height:115px;
	margin: 55px 0 0 0;
	}

.header-inner {
	padding:0 50px 0 266px; /*15 + 251, width of border*/
	max-width:798px
	}


#inner-wrap {
	border-left: 350px solid #fff;
    min-width:400px
	}

#wrap1 {
    float: right; 
    width: 100%;
    /*margin: 0 0 0 -240px; check to see if IE is ok*/
    margin: 0;
    padding: 0;
    }

#content{
    margin: 0;
    padding: 40px 40px 15px 0px;
    position:relative;
	max-width:690px
    }

#navigation {
    float:left;
    width: 350px;
    margin: 0 0 0 -350px;
    padding: 0;
    }

#footer {
	margin: 100px 0 0 0;
	padding:10px 0 30px 0px;
	font-size:0.8em;
	text-align:center
	}


	
/*==== Footer ====*/

#footer ul {
	margin:0;
	padding:0
	}

#footer ul li {
	display:inline;
	margin:0;
	padding: 5px 0px 0 0px;
	}

#footer ul li a {color:#000; text-decoration:none; font-family: arial;}
#footer ul li a:hover {text-decoration:underline;}  
    
       
    


/*==========Content Area Specifics ===========*/

#header h1 {
	position:absolute;
	bottom:30px;
	left: 40px;
	font-size: 3.2em;
}


h3 {margin: 1em 0 -0.5em 0;}

div.col-1,
div.col-2 {width: 48%;}
div.col-1 {float:left;}
div.col-2 {float:right;}


form {margin:0;}
.col-2 .paypal {margin: 2em 0 5px 0;}

p.pdf {
	background: #fff url(../images/core/pdf.gif) no-repeat top left;
	padding: 0 30px 20px 45px;
}


/*======== Navigation =======*/

#navigation ul {
    list-style-type: none;
    padding: 0;
    font-size: 0.9em;
    margin: 45px 0 0 47px;
    }

#navigation ul ul {margin: 0; border:none}

#navigation li {
    padding: 0 0 20px 0;
    margin: 0;
    }
#navigation li a, #navigation li strong, #navigation li span {display:block; outline:none;}
#navigation li a, #navigation li strong {
	padding: 0 0 0 0px; 
    text-decoration: none;
    color:#000;
    }
#navigation li strong {text-transform: uppercase; }
#navigation li span {font-size: 1.05em; color: #999;}

#navigation li a:active, #navigation li a:hover, #navigation li a:focus {text-decoration:none;}

#navigation li a:active strong, 
#navigation li a:hover strong, 
#navigation li a:focus strong {text-decoration: underline;}



/*========== Colours and Overides ===========*/


h1 {color:#fff}



#header {background: #cccccc url(../images/core/logo.png) 38px 33px no-repeat;}
#offical-crest {background: transparent url(../images/core/official.png) top left no-repeat;}



body.home {background: #ccffcc;}
.home #header {background: #fff url(../images/core/logo-green.gif) 38px 33px no-repeat;}
.home #offical-crest {background: transparent url(../images/core/official-green.png) top left no-repeat;}
.home #inner-wrap {border-color: #ccffcc;}
.home #navigation li span {color: #009966;}



.home #content {padding-rigt:0; wdth:100%; text-align:center;}
.home #content img {margin-top:-10px;}

.current-issue #navigation li span { color: #999;}

.subscriptions #header {background-color: #99ccff;}
.subscriptions #navigation li span { color: #6699ff;}

.contact-us #header {background-color: #cccc99;}
.contact-us #navigation li span { color: #999966;}

.back-issues #header {background-color: #ccccff;}
.back-issues #navigation li span { color: #6666cc;}

.advertise #header {background-color: #ffcccc;}
.advertise #navigation li span { color: #ff9999;}

.resources #header {background-color: #ffcc99;}
.resources #navigation li span { color: #ff9966;}

.resources #content .col-2 img {margin-top:20px;}

.offers #header {background-color: #cccc99;}
.offers #navigation li span { color: #999966;}

.t-c #header {background-color: #ccccff;}
.t-c #navigation li span { color: #6666cc;}
.t-c #content .col-2 {margin-top:-1em;}