body
{
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #b5d9e5;
	margin: 0;
	padding: 0;
}


div#page
{
	display: block;
	width: 720px;
//	height: 100.5%;
	margin: 20px auto 10px auto;
	padding: 0;
	background: white;
	border: 1px solid black;
}



/* @group Header */

div#header
{
	display: block;
	width: 720px;
	height: 132px;
	margin: 0;
	padding: 0;
	background: url('/_resources/interface/waterways_header2.jpg') no-repeat left;
}

div#header p
{
	text-indent: -9999px;
	margin: 0;
	padding:  0;
	
}

/* @end */


/* @group Content */

div#content
{
	display: block;
	float: left;
	width: 380px;
	margin: 10px 20px 20px 40px;
	padding: 0;
}

div#content h1
{
	margin: 0 0 10px 0;
	padding: 4px 0 4px 10px;
	background: url('/_resources/interface/content_bar.png') top left no-repeat;
	font-weight: normal;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
}

div#content img
{
	margin:  0 0 0 0px;
	padding:  0;
	
	
}



div#content p
{
	font-size: 13px;
	line-height: 21px;
	margin-bottom:  20px;
}

div#content p a
{
	color:  #003768;
	text-decoration: underline;
}

div#content p a:hover
{
	color:  #3399cc;
	text-decoration: underline;
}

div#content p.title
{
	font-size: 23px;
	line-height: 28px;
	color: #003768;
	margin: 10px 0 10px 0;
	padding: 0;
}

div#content p.subtitle
{
	font-size: 19px;
	line-height: 28px;
	color: #003768;
	margin: 20px 0 5px 0;
	padding: 10px 0 0 0;
	border-top: 2px dotted #b5d9e5;
}

div#content p.date
{
	font-size: 12px;
	color: #003768;
	text-transform: uppercase;
}

div#content p.intro
{
	font-weight: bold;
}

div#content p.author
{
	font-size: 14px;
	line-height: 14px;
	color: #003768;
	margin: 15px 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

div#content p.question
{
	font-weight: bold;
	font-style: italic;
	color: #333333;
}

ul.bullets
{
}

ul.bullets li
{
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 20px 0;
	color: #003768;
}

/* @end */


/* @group Navigation */

div#navigation
{
	display: block;
	float: right;
	width: 240px;
	margin: 15px 20px 20px 0;
}

div#navigation h2
{
	margin: 0 0 10px 20px;
	padding: 5px 10px 4px 10px;
	font-weight: bold;
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	height:  20px;
	text-align: right;
	background-image: url(../interface/other_news.gif);
}

div#navigation ul
{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

div#navigation ul li
{
	list-style: none outside none;
	marker-offset: 0;
	border: 1px solid white;
	border-bottom: 2px dotted #003768;
	margin: 0 0 0 20px;
	
}

div#navigation ul li:hover
{
	background: #f9f9f9;
}

div#navigation ul li img
{
	margin: 0;
	padding: 0;
	border: 1px solid black;
}

div#navigation ul li h3
{
	margin: 10px 0 7px 0;
	padding: 0 0 0 0;
	font-weight: normal;
	font-size: 15px;
	color: #003768;
	text-transform: uppercase;
	text-indent: 0;
}

div#navigation ul li p
{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	color: black;
}

div#navigation ul li a
{
	text-decoration: none;
}

div#navigation ul li a:hover
{
	text-decoration: none;
}

div#navigation ul li.secondary
{
	margin: 0 0 0 0;
	padding: 160px 0 0 20px;
	background: url(../interface/other_news_image1.jpg) no-repeat 0 0;
	border-bottom: none;

}

div#navigation ul li.secondary h3
{
	margin: 0;
	padding: 15px 8px 10px 8px;
	background: #003768;
	text-align: left;
	font-size: 17px;
	color: white;
}

div#navigation ul li.secondary p
{
	margin: 0 0 10px 0;
	padding: 0 8px 20px 8px;
	background: #003768;
	text-align: left;
	font-size: 12px;
	color: white;
}

div#navigation ul li.breaking_news
{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	border-bottom: none;
	background: url(../interface/breaking_news.jpg);
	background-color: #003768;
}

div#navigation ul li.breaking_news h3
{
	margin: 0;
	padding: 15px 8px 10px 8px;
	text-align: left;
	font-size: 17px;
	color: #b5d9e5;
}

div#navigation ul li.breaking_news p
{
	margin: 0 0 10px 0;
	padding: 0 8px 20px 8px;
	text-align: left;
	font-size: 12px;
	color: white;
}


/* @end */

/* @group sign_off */

div#sign_off
{
	clear:  both;
	margin:  0;
	padding:  0;
	background-image: url(../interface/sign_off_blue.jpg);
	width:  720px;
	height:  169px;
}


/* @end */


/* @group Footer */

div#footer
{
	display: block;
	width: 720px;
	clear: both;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}

div#footer ul
{
	display: block;
	width: 690px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none inside none;
	background: #003768;
}


div#footer ul li
{
	float: left;
	margin: 8px 10px 0 10px;
	color: white;	
	font-size: 11px;
}


div#footer ul li a
{
	color: white;
	text-decoration: none;
}


div#footer ul li a:hover
{
	text-decoration: underline;
}

/* @end */

/* @group Variants */

div#page.media div#content p
{
	line-height: 19px;
	margin-bottom:  10px;
}

div#page.media div#content p.title
{
	font-size: 23px;
	line-height: 28px;
	color: #003768;
	margin: 10px 0 10px 0;
	padding: 0;
}
 

div#page.holyrood div#sign_off
{
	background-image: url(../images/holyrood/sign_off_holyrood.jpg);
}

div#page.healthy_living div#sign_off
{
	background-image: url(../images/healthy_living/sign_off_healthy_living.jpg);
}

div#page.big_man div#sign_off
{
	background-image: url(../images/big_man/sign_off_big_man.jpg);
}

div#page.caledonian div#sign_off
{
	background-image: url(../images/caledonian/sign_off_caledonian.jpg);
}

div#page.economic div#sign_off
{
	background-image: url(../images/economic/sign_off_economic.jpg);
}

div#page.greener_solutions div#sign_off
{
	background-image: url(../images/greener_solutions/sign_off_greener_solutions.jpg);
}
	
div#page.starstruck div#sign_off
{
	background-image: url(../images/starstruck/sign_off_starstruck.jpg);
	}
	
div#page.events div#sign_off
{
	background-image: url(../images/events/sign_off_events.jpg);
	}
	
	div#page.canal_project div#sign_off
{
	background-image: url(../images/canal_project/sign_off_canal_project.jpg);
	}

/* @group 10_variants */

	

	

/* @end */
/* @end */