/*
Site: www.dawnsun.net
Stylesheet: columns2
Generated: Thu, 29 Jul 2010 19:20:44 GMT
Generator version: 1.1.6
Expires: Fri, 30 Jul 2010 07:20:44 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;
}
div.mainblock
{
	width:97.5%;
	float:none;
	margin-left:2.5%;
}

div.notesblock
{
	clear:both;
	float:none;
	width:97.5%;
	padding-top:1em;
	margin:0 0.5% 0.5em 2.5%;
}
div#topnotes
{
	float:left;
	width:20%;
	padding:0;
	margin:0 1% 0 0;
}

/*
  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.
*/
/* ***** 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 }
*********** */