/*
Site: www.dawnsun.net
Stylesheet: columns3
Generated: Thu, 29 Jul 2010 19:18:34 GMT
Generator version: 1.1.6
Expires: Fri, 30 Jul 2010 07:18:34 GMT
Cache-control: max-age=43200, must-revalidate
Last-modified: Sun, 11 Jul 2010 22:49:00 GMT
Content-type: text/css
*/

body
{
	font-family:"helvetica neue",helvetica,arial,"trebuchet ms","lucida sans",verdana,sans-serif;
	font-weight: normal;
	font-size:1em;
	font-style: normal;
	color:black;
	background:white;
	line-height:140%;
	margin:0;
	padding:0;
}

p, ul
{
	font-family:"helvetica neue",helvetica,arial,"trebuchet ms","lucida sans",verdana,sans-serif;
}

p
{
	margin-top:0;
	margin-bottom:0.75em
}

h1, h2, h3, h4, h5, h6
{
	font-family:Rockwell, Georgia,"helvetica neue",helvetica,arial,"trebuchet ms","lucida sans",verdana,sans-serif;
	color: #060;
	background:transparent;
	line-height:110%;
}
h1, h2, h3
{
	font-weight: bold;
	font-style: normal;
}

h1
{
	font-size: 145%;
	margin:0
}
h2
{
	font-size: 120%;
	margin:0.5em 0 0.1em 0
}
h3, h4
{
	font-size: 110%;
}
h3
{
	margin:0.5em 0 0.1em 0
}
h4
{
	font-weight: normal;
	font-style: italic;
	margin:0.5em 0 0.1em 0
}
h1 .h1br
{
	font-weight:normal;
	color:#080;
	background:inherit;
}

em, cite
{
	font-weight: inherit;
	font-style:italic;
	color:#602020;
	background:none;
}

strong
{
	font-weight: bold;
	font-style: normal;
	color:#602020;
	background:none;
}

img
{
	border:0;
}

sub
{
	font-size:0.8em;
	vertical-align:-20%;
	line-height:100%;
}
sup
{
	font-size:0.8em;
	vertical-align:45%;
	line-height:100%;
}

a:link
{
	color:#03d;
	background:transparent
}
a:visited
{
	color:#53d;
	background:transparent
}
a:active
{
	color:#900;
	background:transparent
}
a:hover
{
	color:#01a;
	background:#e8e8e8;
}
a:visited:hover
{
	color:#03d;
	background:#e8e8e8;
}
a:hover img
{
	background:white;
	color:#008800;
}
a strong
{
	color:inherit;
	background:inherit;
}

big
{
	font-size:larger;
	line-height:140%
}
small
{
	font-size:smaller;
	line-height:140%;
}

em, cite
{
	font-weight: inherit;
	font-style:italic;
	color:#602020;
	background:none;
}

strong
{
	font-weight: bold;
	font-style: normal;
	color:#602020;
	background:none;
}

img
{
	border:0;
}

sub
{
	font-size:0.8em;
	vertical-align:-20%;
	line-height:100%;
}
sup
{
	font-size:0.8em;
	vertical-align:45%;
	line-height:100%;
}

sub a, sup a { text-decoration:none; }
@media screen, projection
{
	sup a { color:inherit; background:#ff8 !important; }
}

abbr, acronym { font-style:inherit; }

blockquote
{
	margin:0 2em 0 0;
	padding:0 0 0 1.25em;
	border-left:2px solid #dfd;
	font-style:normal;
}


/*
Should be able to do this with a DIV
but IE5-Mac screws up.

I think IE5-Mac gets the box model wrong.
It seems to see the caption as being inside the
table margin. According to W3C it's outside.
*/
table.picleft, table.picright { padding:0.25em 0 0; margin:0; }
table.picleft td, table.picright td
{
	margin:0;
	padding:0;
}
table.picleft img, table.picright img
{
	padding:0;
	color:inherit;
	background-color:transparent;
	vertical-align:top;
}
table.picleft caption, table.picright caption
{
	caption-side:bottom;
	font-size:small;
	line-height:110%;
	vertical-align:top;
	color:#080;
	background:transparent;
	width:auto;
	padding:0.1em 0 0 0;
	border:0;
}
table.picleft
{
	margin:0 0.5em 0 0;
	float:left;
}
table.picleft caption
{
	text-align:left;
	margin:0 0 0.25em;
}
table.picright
{
	margin:0 0 0 0.5em;
	float:right;
}
table.picright caption
{
	text-align:right;
	margin:0 0 0.25em;
}

img.picright
{
	float:right;
	padding:0.1em 0 0;
	margin:0.25em 0 0.25em 0.5em;
}
img.picleft
{
	float:left;
	padding:0.1em 0 0;
	margin:0.25em 0.25em 0.25em;
}

div#nav div#flinks {margin-top:1em;}
div#nav div#flinks p {clear:both;float:right;margin:0 1px 0.25em;}
div#nav div#flinks a:hover {background:white; color:inherit;}


tr.altrow
{
	background:#f8fff8;
}

/*
	This is for enclosing the whole page in a pure CSS
	layout. It's not really necessary if we're using fluid
	columns. However, if we set the width to a fixed number of
	pixels we have a fixed width page. We can thus easily switch
	the site between fixed and fluid widths without having to
	change anything else
*/
div.enclosure
{
	/* width:740px; */
	/* max-width:800px; */
	margin:0 auto;
}

div#intro
{
	float:left;
	width:96.5%;
	margin:0 0 0.5em 3%;
}

div#content
{
	float:left;
	width:83.5%;
}

/* mainblock (further defined in
	 CSS for 2 & 3 column pages */
div.mainblock
{
	float:right;
	overflow:hidden;
}
div.mainblock h2,
div#intro h2
{
	font-size:1.15em;
	margin:0 0 0.5em;
	border-bottom:2px solid #dfd;
	padding-bottom:0.1em;
}
div.mainblock h3,
div#intro h3
{
	font-size:1em;
	margin:0 0 0.25em;
}
div.mainblock h4,
div#intro h4
{
	font-size:1em;
	font-weight:normal;
	margin:0 0 0.25em;
	font-style:normal;
}
/*
A few rules to improve spacing on.
browsers which understand them
*/
div.mainblock *+h2,
div#intro *+h2
{
	margin-top:1em;
}
div.mainblock *+h3,
div.mainblock *+h4,
div#intro *+h3,
div#intro *+h4
{
	margin-top:0.75em;
}
div.mainblock h2+h3,
div#intro h2+h3,
div.mainblock h3+h4,
div#intro h3+h4
{
	margin-top:0.5em;
}

/* 
notesblock
Further defined in CSS
for 2 & 3 column pages */
div.notesblock, div#topnotes
{
	color:#602020;
	background:transparent;
	font-size:smaller;
	line-height:130%;
}

div.notesblock p, div#topnotes p
{
	margin:0 0 0.25em;
}
div.notesblock h1, div.notesblock h2, div.notesblock h3,
div#topnotes h1, div#topnotes h2, div#topnotes h3 
{
	/* color:inherit; */
	/* IE6-PC needs explicit colour */
	color:#602020;
	background:transparent;
	border:none;
}
div.notesblock h1, div#topnotes h1
{
	font-size:130%;
	font-weight:bold;
	font-style:normal;
	line-height:120%;
	margin:0 0 0.25em 0;
}
div.notesblock h2, div#topnotes h2
{
	font-size:120%;
	font-weight:bold;
	font-style:normal;
	line-height:110%;
	margin:0 0 0.25em 0;
}
div.notesblock h3, div#topnotes h3
{
	font-size:105%;
	font-weight:bold;
	font-style:normal;
	line-height:110%;
	margin:0 0 0.25em 0;
}
div.notesblock em, div#topnotes em,
div.notesblock strong, div#topnotes strong
{
	color:#060;
	background:transparent;
}
/*
A few rules to improve spacing on.
browsers which understand them
*/
div.notesblock *+h1,
div#topnotes *+h1
{
	margin-top:0.75em;
}
div.notesblock *+h2,
div#topnotes *+h2
{
	margin-top:0.75em;
}
div.notesblock *+h3,
div#topnotes *+h3
{
	margin-top:0.75em;
}
div.notesblock h1+h2,
div.notesblock h2+h3,
div#topnotes h1+h2,
div#topnotes h2+h3
{
	margin-top:0.5em;
}

div#nav
{
	float:right;
	width:15%;
	padding:0;
}
div#nav p
{
	font-size:smaller;
	color:black;
	background:transparent;
	line-height:1.2em;
	margin:0.5em 0 0.5em 0.25em;
}
div#nav h2
{
	font-family:"helvetica neue",helvetica,arial,"trebuchet ms","lucida sans",verdana,sans-serif;
	font-size:smaller;
	color:#efe;
	background:#060;
	line-height:1em;
	margin:0;
	padding:0.25em 0 0.25em 0.2em;
	border-bottom:0;
	width:auto;
}
div#nav .menu ul
{
	font-size:smaller;
	width: 100%;
	padding:0;
	margin:0;
	list-style: none;
	list-style-image:none;
	line-height:1.05em;
	color:black;
	background-color: #efe;
	border-bottom: 1px solid #cfc;
}

div#nav .menu li
{
	margin: 0;
	border-top: 1px solid #cfc;
}

div#nav .menu li a
{
	font-weight:normal;
	display: block;
	padding: 0.2em 0.1em 0.2em 0.2em;
	background-color: #efe;
	color:black;
	text-decoration: none;
	width: 100%;
}
div#nav .menu li a:hover
{
	color:black;
	background-color: #dfd;
}
/*
This is a work around.
The links are made active for full width of
the DIV by making them display:block.
Doesn't work for IE/Windows. If you give them
explicit width of 100% then IE/Windows is fine but
causes probs with IE/Mac & Mozilla. So use the
child selector to redefine width to auto.
IE/Windows doesn't understand child selectors
and ignores the rule. Everyone else does and
so everyone is happy. Not yet checked this
out on IE/Windows.
*/
html>body #nav .menu li a
{
	width: auto;
}
div#nav .submenu
{
	padding-left:0.6em;
}
div#nav .submenu ul
{
	font-size:1em;
	width: 100%;
	padding:0;
	margin:0;
	list-style: none;
	list-style-image:none;
	line-height:1.05em;
	color:black;
	background-color: #efe;
	border:none;
}
div#nav .submenu li
{
	margin: 0;
	border:none;
}
div#nav .submenu li a
{
	padding:0.1em 0;
}
div#nav .menu .path
{
	font-weight:bold;
}
div#nav .menu .path:hover
{
	font-weight:bold;
	color:black;
	background-color: #dfd;
}
div#nav .menu .in
{
	color:#060;
	background:#efe;
	font-weight:bold;
}
div#nav .menu .in:after {font-weight:bold;content:"\00a0\2022" }
div#nav .menu .in:hover
{
	color:#060;
	background:#efe;
}


div#donate
{
	margin-top:10px;
	margin-right:2px;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #cfc;
}
div#donate form
{
	margin:0;
	padding:0;
}
div#donate h2
{
	color:#060;
	background:transparent;
	text-align:center;
	line-height:1.3em;
}
div#donate p
{
	text-align:center;
	font-size:0.88em;
	color:#060;
	margin:0.25em 0;
}


/* Block for page title */
#pagetitle
{
	padding-left:1.2%;
	margin-bottom:1em;
	height:3.5em;
}
#pagetitle h1
{
	font-size:1.3em;
	line-height:115%;
}
#pagetitle img
{
	float:left;
	padding-right:0.2em;
	vertical-align:top;
}
#pagetitle h1 img
{
	padding-right:0.2em;
	vertical-align:top;
}

div#navbuttons
{
	position:absolute;
	top:69px;
	right:4px;
	padding:0;
	margin:0;
}
div#navbuttons img
{
	margin:0;
	padding:0 1px 0 1px;
	border:0;
	vertical-align:top;
}

div.spanner
{
	clear:both;
	width:97%;
	margin:0.5em 0.5% 1.5em 2%;
}

div.spannerbottom
{
	clear:both;
	width:97%;
	padding-top:0.5em;
	margin:0 0.5% 0.5em 2%;
}


ul,ol
{
	margin-left:0;
	margin-top:0.75em;
	margin-bottom:0.75em;
	padding-left:2em;
}
ul
{
	list-style-type:square;
}
ul li
{
	margin-left:0;
	margin-bottom:0.5em;
	padding-left:0;
}
ol li
{
	margin-left:0.13em;
	margin-bottom:0.5em;
	padding-left:0;
}

/*
This unordered list style is meant for
use when we put a list of links in the
middle of text in the main block.
*/
ul.linkslist
{
	margin-left:0;
	margin-top:0.75em;
	margin-bottom:0.75em;
	padding-left:1em;
	list-style: none;
}
ul.linkslist li
{
	margin-left:0;
	margin-bottom:0.5em;
	padding-left:0;
}
ul.linkslist ul
{
	margin-top:0.25em;
	margin-bottom:0;
}


dl.linkslist
{
	margin:0.75em 0 0.75em 0;
}
dl.linkslist dt
{
	margin:0.75em 0 0 0;
	font-weight:bold;
	color:#060;
	background:inherit;
}
dl.linkslist dd
{
	margin:0.25em 0 0 1.25em;
}
dl.linkslist p
{
	margin-top:0.5em;
	margin-bottom:0;
}

/*
	This unordered list is for the small info button
	which will normally be a list of just one item
*/
ul.infolist
{
	margin-left:0.75em;
	margin-top:0.75em;
	margin-bottom:0.75em;
	padding-left:0.5em;
	list-style-type:square;
}
ul.infolist li
{
	margin-left:13px;
	margin-bottom:0.5em;
	padding-left:0;
}

ul.notelinks
{
	margin-top:0.5em;
}

hr
{
	height: 1px;
	margin: 0.25em 1em;
	text-align: center;
	border-color: #888;
	border-width: 1px 0 0 0;
	border-style: dotted;
}

div.infobox
{
	float:right;
	width:12em;
	border-left:1px solid gray;
	margin:0 0 0.4em 0.4em;
	padding:0 0 0 0.25em;
	font-size:smaller;
	line-height:115%;
	background:none;
	color:#404040;
}
div.infobox p
{
	margin:0.25em 0 0;
}

div.inlinebox
{
	width:100%;
	padding-top:0.5em;
	margin:0.5em 0 0.5em;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	text-align:center;
}

div.standout
{
	padding-top:0.5em;
	padding-bottom:0.1em;
	margin:1.5em 1em 1.5em 1em;
	text-align:center;
	border:1px solid #c0f4c0;
}
div.standout p
{
	margin-left: 1em;
	margin-right:1em;
}
div.mainblock > div.standout:first-child { margin-top:0; }

div.pull /* Pull quote */
{
	margin:1em;
	padding:0.5em 0.5em 0;
	border:1px solid #c0f4c0;
}
div.pull h1, div.pull h2, div.pull h3, div.pull h4, div.pull h5, div.pull h6
{
	font-family:"helvetica neue",helvetica,arial,"trebuchet ms","lucida sans",verdana,sans-serif;
}

div#banner
{
	color:#c0c0c0;
	background-color:transparent;
	background-image:url("/bgnd/finger");
	background-repeat:no-repeat;
	background-position:100% 0%;
	border-bottom:1px solid #dfd;
	font-size:100%;
	font-weight:bold;
	line-height:100%;
	width:100%;
	height:64px;
	margin-bottom:4px;
}

div#bannernet,
div#banneruk
{
	position:absolute;
	left:0;
	top:0;
	height:28px;
	color:#c0c0c0;
	background:transparent;
	background-repeat:no-repeat;
	background-position:8px 8px;
	z-index:254;
}

div#bannernet
{
	width:174px;
	background-image:url("/logos/dawnsunlogo03");
}
div#banneruk
{
	width:194px;
	background-image:url("/logos/dawnsunlogo03b");
}

div#pagelogo
{
	position:absolute;
	left:8px;
	top:2px;
	background:transparent;
	z-index:255;
}
div#pagelogo a:hover,
div#pagelogo a:hover img
{
	color:inherit;
	background:none;
}


div.pbanner
{
	display:none;
}

/* Embed two times div.fixed or div.flex in a div.columns
 to split another div (usually mainblock) into two columns
*/
div.columns
{
	width:99%;
	margin-top:0.5em;
}
div.columns .flex
{
	float:left;
	width:47.5%;
	margin-right:2%;
}
div.columns .fixed
{
	float:left;
	width:14em;
	margin-right:1em;
}
div.columns .span
{
	clear:both;
	margin-bottom:1em;
}

div.oldbrowser
{
	display:none;
}

.nothere, .skipnav
{
	position:absolute;
	left:0px;
	top:-1000px;
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}

div.localwarn
{
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	color:red;
	background-color:transparent;
	background-image:url("/pics/warn.gif");
	background-repeat:no-repeat;
	padding:0.75em 0 0.15em 44px;
	margin:0.5em 0 1em;
	line-height:100%;
	text-align:center;
}


form
{
	margin:0.5em 0;
	padding:0;
}
form p
{
	padding:0;
	margin:0 0 0.25em 0;
}
form fieldset
{
	color:inherit;
	background:#f8fff8;
	margin:0 1px 0.5em;
	border:1px solid #c0f4c0;
	padding:4px 0.75em;
}
form input { font-size:1em;margin-right:0; }
form input[type="submit"] {font-weight:bold}
form label { padding-right:0.25em; }
form textarea
{
	margin-right:2%;
	width:95%;
	max-width:50em;
	font-family: Courier, monospace;
	font-size:1em;
	font-weight:normal;
	line-height:115%;
}

/* IE6 colours legends blue if we're not explicit */
/* legend { color:black;background:transparent } */

legend
{
	/*
	Can't do coloured background - IE6 insists on making the legend
	background the full width of the fieldset.
	*/
 	/* color:#060;background:#f8fff8;font-weight:bold; */
 	color:#060;background:transparent;font-weight:bold;
 	line-height:1em;padding:2px 4px;
 	margin-left:-4px;
}

.textarea, .textbox
{
	border: solid 1px #aaa;
	padding: 2px;
}

.centertext
{
	text-align:center;
}
.lefttext
{
	text-align:left;
}
.righttext
{
	text-align:right;
}

/*
This can be done with, say, span[title]
but it doesn't work in all browsers so
we define a class
*/
.tip,
abbr[title], acronym[title]
{
	text-decoration:none;
	border-bottom:1px dotted #f88;
	cursor: help;
}

.clearleft
{
	clear:left;
}
.clearright
{
	clear:right;
}
.clearboth
{
	clear:both;
}


div.footnotes { clear:both; }
div.footnotes hr
{
	width:16.5%;
	height: 1px;
	margin: 0;
	text-align: left;
	border-color: #ccc;
	border-width: 1px 0 0 0;
	border-style: solid;
	clear:both;
}
div.footnotes hr + div.footnote { margin-top:0.5em }

div.footnote
{
	font-size:smaller;
	line-height:135%;
	margin:0.75em 0;
	clear:both;
}
div.footnote p
{
	margin-bottom:0.5em;
}
div.footnote em
{
	color:#602020;
	background-color:inherit;
}
div.footnote ul,
div.footnote ol
{
	margin-top:0;
	padding-left:2.5em;
}

div.errorsig
{
	font-size:smaller;
	line-height:120%;
	margin-bottom:1em;
}
div.errorsig p, address
{
	margin:0;
	padding:0;
}
div.errorsig hr
{
	margin:1em 0 0 0;
	padding:0;
}

ul#jumpback
{
	clear:both;
	margin:0;
	padding:0 0 0 1%;
}
ul#jumpback li
{
	display:inline;
	margin:0;
	padding:0 0.5em 0 0;
}
ul#jumpback li:before {color:#060;padding-right:0.25em;font-size:small;content:"\2022";}

div#footer
{
	clear:both;
	width:100%;
	margin:0.25em 0 0 0;
	padding:0.1em 0 0 0;
	line-height:1.1em;
	border-top:1px solid #dfd;
}
div#footer p, address
{
	padding-left:1%;
}
div#footer p small {line-height:1.1em}
div#footer strong
{
	color:black;
	background:transparent;
}
div#footer #crn
{
	float:right;
	padding:0 4px 0 0;
}

div.mainblock ul#sitemap
{
	list-style:none;
	line-height:1.15em;
	margin:0 0 0 1em;
	padding:0;
}
div.mainblock ul#sitemap ul
{
	list-style: none;
	padding-left:0.75em;
	margin:0 0 0 1em;
	border-left:1px dotted #060}
div.mainblock ul#sitemap li { margin:0.25em 0 0;padding:0 }
div.mainblock ul#sitemap a { text-decoration:none }
div.mainblock ul#sitemap ul { margin-bottom:0.5em; }
div.mainblock ul#sitemap ul li.dir { padding-top:0.15em; }
div.mainblock ul#sitemap > li { margin-top:0; }

div.announce
{
	position:absolute;
	left:190px;
	top:6px;
	font-size:small;
	margin-right:28px;
	padding:4px 2px;
	color:black;
	background:white;
	border:1px solid black;
}
div.announce p
{
	margin:0;
	padding:0;
	line-height:110%;
}

/* Generic table with border */
table.generic
{
	border:0;
	border-right:1px solid #c0f4c0;
	border-bottom:1px solid #c0f4c0;
}
table.generic th,
table.generic td
{
	border:0;
	border-left:1px solid #c0f4c0;
	border-top:1px solid #c0f4c0;
}

.nolink {color:gray;background:inherit;}

/* Define curly quotes for q tag */
q:before { content: open-quote; }
q:after { content: close-quote; }
/* IE Windows does not put quotes around
the q tag so make q italic instead */
q { font-style: italic; }
/* Set q tag back to normal for browsers
other than IE Windows which doesn't recognise
the following */
p>q, li>q, dd>q, dt>q
{
  font-style: normal;
}
/*
	Doing this mainly with classes instead of ids cos
	otherwise some of the rules such as DIV > H2:firstchild
	don't work properly. It's all to do with precedence. I think
*/

div.mainblock
{
	width:70%;
	margin-left:1.5%;
}

/*
	Block for notes, quotations etc.
*/
div.notesblock
{
	float:right;
	width:26%;
	overflow:hidden;
}

div.notesblock ul,
div.notesblock ol
{
	padding-left:1.5em;
}

div.notesblock div.sidequote
{
	font-style:normal;
	color:#060;
	background:transparent;
	margin:0;
	padding:0.5em 0 0.25em;
	border-top:1px solid #dfd;
	border-bottom:1px solid #dfd;
}
div.notesblock div.sidequote em,
div.notesblock div.sidequote cite
{
	color:#060;
	background:transparent;
	font-style:italic;
}
div.notesblock div.sidequote strong
{
	color:#060;
	background:transparent;
}
/*
	If two sidequote divs follow each other
	then suppress the top border on the second one.
	For browsers which don't recognise this we'll
	probably get a double thickness line.
*/
div.sidequote + div.sidequote { border-top:0 }
div.inlinebox + div.sidequote { border-top:0; padding-top:0 }
div.sidequote + div.inlinebox { border-top:0; padding-top:0 }

div.sidequote+h1,
div.sidequote+h2
{
	margin-top:0.75em;
}

/*
	This div is for any notes which we put in the left
	column which follow a side quote. If there isn't a
	side quote then we don't need to put the note in
	this div (though it should do no harm since other
	rules should remove the top margin when it's the
	first thing in the div.
*/
div.notesblock div.sidenote
{
	margin-top:0.5em;
	margin-bottom:0.5em
}



/*
  Suppress top margin on the first child of ANY div.
  Bit experimental this. May be I have to do it for
  individual elements instead of all. In addition,
  it may not be recognised by all browsers.
  
  Note that first-child is not supported on
  IE-Windows at least up to version 6. It IS
  supported in the Gecko browsers and IE5-Mac.
*/
/* *****DIV > *:first-child { margin-top:0  } ******** */
/*
Now do it explitly for browsers which
don't support the wild card
*/
/* *********
DIV > DIV:first-child { margin-top:0 }
DIV > H1:first-child { margin-top:0 }
DIV > H2:first-child { margin-top:0 }
DIV > H3:first-child { margin-top:0 }
DIV > H4:first-child { margin-top:0 }
DIV > P:first-child { margin-top:0 }
********* */
/*
	Similarly for headings
	except that here we do it
	with adjacent siblings
*/
/* *********
H1 + * { margin-top:0 }
H2 + * { margin-top:0 }
H3 + * { margin-top:0 }
H4 + * { margin-top:0 }
********* */