/* -

	YWCA print styles

	- CHDS 2009

--------------------- */

@import url("forms.css");  		/* form styles */
	
/* universal
--------------------- */
body { 
	font-size: 100%; 
	background: transparent;
	}

#container {
	font-size: 62.5%;
	}
body, h1, h2, h3, ul, li, a, hr, div, img, table, form, fieldset { 
	margin: 0; padding: 0;
	}
hr {
	visibility: hidden;
	clear: both;
	}
.hide { display: none; }


/* structure/layout
--------------------- */

#container {
	margin: 0 auto;
	width: 100%;
	background: transparent;
	}

#header {
	margin: 0 auto; padding: 0;
	width: 960px; height: 120px;
	
	background: #8498ae;
	}
	#header h1 {
		margin: 20px 0 0 20px;
		float: left;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; text-decoration: none;
			}

#breadcrumbs {
	margin: 0 auto; padding: 10px 20px 0 20px;
	width: 920px;
	background: transparent;
	text-align: right;
	}
#content {
	margin: 0 auto; padding: 0;
	width: 100%;
	background: #fff;
	}
#sub_container {
	margin: 0 auto; padding: 0 0 15px 0;
	width: 960px;
	background: transparent;
	}

/* search box
--------------------- */
#search_box {
	display: none;
	}
	
/* graphic
--------------------- */
#masthead {
	display: none;
	}

/* content
--------------------- */

/* content */
#columns {
	margin: 0; padding: 0;
	width: 960px;
	display: block; float: left;
	}
	#columns #col1 { width: 530px; float: left; padding: 30px 20px 0 40px; position: relative; background: transparent; }
	#columns #col2 { width: 260px; min-height: 400px; float: right; padding: 30px 50px 0 40px; position: relative; background: transparent; }
	#columns #col1 div.article { margin-bottom: 15px; }
	#columns #col2 div.article { margin-bottom: 15px; }
	
/* home */
#basic_info {
	margin: 0; padding: 30px 20px 0 10px;
	float: left;
	width: 245px;
	background: transparent;
	}
	#basic_info img {
		margin: -10px 10px 90px 0;
		float: left;
		vertical-align: top;
		}
	#basic_info div.divider {
		margin: 5px 0 15px 0;
		display: block; height: 5px;
		background: transparent;
		}
.home #columns {
	margin: 0; padding: 0 0 0 30px;
	width: 640px;
	display: block; float: left;
	background: transparent;
	}
	.home #columns #col1 { width: 270px; float: left; margin-top: 30px; padding: 0 20px 0 10px; position: relative; background: transparent; }
	.home #columns #col2 { width: 270px; float: right; margin-top: 30px; padding: 0 20px 0 10px; min-height: 200px; position: relative; background: transparent; }
	.home #columns #col1 div.article { margin-bottom: 15px; }
	.home #columns #col2 div.article { margin-bottom: 15px; }
	

/* footer
--------------------- */
#footer {
	margin: 0 auto 0 auto; padding: 0;
	width: 100%; height: 100px;
	clear: both;
	border-top: 1px solid #ddd;
	}
	#footer #box {
		margin: 0 auto; width: 960px;
		background: transparent;
		display: block; float: none;
		}
	#footer #vision {
		margin: 0; padding: 30px 30px;
		width: 245px; float: left;
		display: block;
		position: relative;
		background: transparent;
		}
	#footer #mission {
		margin: 0; padding: 30px 30px;
		width: 245px; float: left;
		display: block;
		position: relative;
		background: transparent;
		}
	#footer #vision img {
		margin: -3px 20px 100px 0;
		float: left;
		}
	#footer #mission img {
		margin: -3px 20px 100px 0;
		float: left;
		}
	#footer #colophon {
		margin: 0; padding: 30px 0 0 30px;
		width: 275px; float: left;
		display: block;
		position: relative;
		}
		#footer #colophon img { margin: 0 0 10px 0; border: none; }
		

/* main navigation
--------------------- */

#nav {
	display: none;
	}

/* anchors
--------------------- */

#container a img { border: none; }
#container #sidebar a { border: none; }

#container #breadcrumbs a:link { color: #284e73; }
#container #breadcrumbs a:visited { color: #284e73; }
#container #breadcrumbs a:hover { color: #17334e; }
#container #breadcrumbs a:active { color: #222; }

#sub_container a:link { color: #00919a; text-decoration: underline; }
#sub_container a:visited { color: #00919a; text-decoration: underline; }
#sub_container a:hover { color: #07575c; text-decoration: underline; }
#sub_container a:active { color: #093a3e; text-decoration: underline; }

/* colours */
.aqua #sub_container a:link { color: #005a61; text-decoration: underline; }
.aqua #sub_container a:visited { color: #005a61; text-decoration: underline; }
.aqua #sub_container a:hover { color: #0a393c; text-decoration: underline; }
.aqua #sub_container a:active { color: #093a3e; text-decoration: underline; }

.orange #sub_container a:link { color: #7a3f0c; text-decoration: underline; }
.orange #sub_container a:visited { color: #7a3f0c; text-decoration: underline; }
.orange #sub_container a:hover { color: #4c2708; text-decoration: underline; }
.orange #sub_container a:active { color: #1f1003; text-decoration: underline; }

.purple #sub_container a:link { color: #210b41; text-decoration: underline; }
.purple #sub_container a:visited { color: #210b41; text-decoration: underline; }
.purple #sub_container a:hover { color: #130626; text-decoration: underline; }
.purple #sub_container a:active { color: #000; text-decoration: underline; }

.pink #sub_container a:link { color: #54083d; text-decoration: underline; }
.pink #sub_container a:visited { color: #54083d; text-decoration: underline; }
.pink #sub_container a:hover { color: #310523; text-decoration: underline; }
.pink #sub_container a:active { color: #1c0314; text-decoration: underline; }

.green #sub_container a:link { color: #285c0f; text-decoration: underline; }
.green #sub_container a:visited { color: #285c0f; text-decoration: underline; }
.green #sub_container a:hover { color: #183a08; text-decoration: underline; }
.green #sub_container a:active { color: #0e1e06; text-decoration: underline; }

#footer a:link { color: #c0bfad; text-decoration: underline; }
#footer a:visited { color: #c0bfad; text-decoration: underline; }
#footer a:hover { color: #dadad1; text-decoration: underline; }
#footer a:active { color: #b2b19b; text-decoration: underline; }

a:focus {
	outline: none;
	}
#container #nav li.current_page a { background: transparent url("../images/nav-hover.png") repeat-x left top; }
#container #nav li.current_page a { color: #b6c8e2; }
#container #nav li.current_page ul li a { background: transparent; }
#container #nav li.current_page ul li a { color: #fff; }


/* images
--------------------- */

#ws_loading { background: transparent; padding: 4px; }


/* tables
--------------------- */
#sub_container table {
	margin: 0; padding: 0;
	border: none;
	border-collapse: collapse;
	border: 1px solid #ddd;
	}
#sub_container table tbody td {
	padding: 10px 10px;
	border-bottom: 1px solid #ddd;
	}


/* -
	text definitions

  headers
--------------------- */
		
h1 {}									/* main page headers */
	#container #breadcrumbs h1 {
		margin: 0 0 0 20px; padding: 0;
		font-size: 24px;
		letter-spacing: 0.2em;
		font-weight: lighter;
		color: #2f3235;
		line-height: 110%;
		text-align: left;
		text-transform: uppercase;
		font-family: Palatino, Georgia, Times, serif;
		float: left;
		width: 450px;
		}

h2 {}									/* article headers, style not user-changeable */
	#sub_container h2 {
		margin: 0 0 5px 0; padding: 0 0 0 0;
		font-size: 22px;
		font-weight: lighter;
		color: #2f3235;
		text-transform: capitalize;
		line-height: 100%; letter-spacing: 0.0em;
		width: auto;
		font-family: Palatino, Georgia, Times, serif;
		}
	#basic_info h2 {
		margin: 0 0 5px 0; padding: 0 0 0 0;
		font-size: 22px;
		font-weight: lighter;
		color: #56687c;
		text-transform: capitalize;
		line-height: 100%; letter-spacing: 0.0em;
		font-family: Palatino, Georgia, Times, serif;
		}
	#footer h2 {
		margin: 0 0 5px 0; padding: 0 0 0 0;
		font-size: 18px;
		font-weight: lighter;
		color: #222;
		text-transform: capitalize;
		line-height: 100%; letter-spacing: 0.0em;
		width: 70%;
		font-family: Palatino, Georgia, Times, serif;
		}
	#search_box h2 {
		margin: 0 0 5px 0; padding: 0 0 0 0;
		font-size: 12px;
		font-weight: lighter;
		color: #2f3235;
		text-transform: capitalize;
		line-height: 100%; letter-spacing: 0.0em;
		text-shadow: 0 1px 1px #fff;
		width: auto;
		font-family: Palatino, Georgia, Times, serif;
		}

h3 {}									/* h3 to h6 */
	#sub_container h3 {
		margin: 0 0 5px 0; padding: 0;
		font-size: 11px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		line-height: 1.1em;
		color: #6a829a;
		}
		#sub_container h2 + h3 { margin-top: -3px; }
h4 {}
	#container h4 {
		margin: 0; padding: 0;
		font-size: 12px;
		color: #222;
		}
h5 {}
	#container h5 {
		margin: 0; padding: 0;
		font-size: 12px;
		color: #994775;
		font-style: italic;
		}
h6 {}
	#container h6 {
		margin: 0; padding: 0;
		font-size: 11px;
		color: #333;
		font-weight: bolder;
		text-transform: uppercase;
		}

	
/* default paragraph
--------------------- */
p {}
	#container p,
	#container address { 					/* main_content */
		margin: 0 0 15px 0;
		font-size: 14px;
		color: #333;
		line-height: 150%;
		font-weight: normal;
		letter-spacing: 0;
		text-align: left;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		#container {  						/* global / fail-safe size & colour */
			font-size: 14px;
			color: #333;
			text-align: left;
			line-height: 140%;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			}
		#main_content blockquote {  		/* blockquotes */
			font-size: 14px;
			font-weight: normal;
			color: #333;
			line-height: 150%;
			}
	#container #basic_info p {
		font-size: 14px;
		width: auto;
		line-height: 130%;
		letter-spacing: 0.0em;
		font-family: Palatino, Georgia, Times, serif;
		}
			
	#sidebar p,
	#sidebar address,
	#sidebar { 						/* sidebar */
		margin: 0 0 15px 0;
		font-size: 12px;
		color: #555;
		line-height: 140%;
		letter-spacing: 0;
		text-align: left;
		font-family: Palatino, Georgia, Times, serif;
		}

	#footer p {
		font-size: 12px;
		line-height: 130%;
		text-align: left;
		color: #333;
		letter-spacing: 0.0em;
		font-family: Palatino, Georgia, Times, serif;
		}
	strong {
		font-weight: bold;
		}
	#breadcrumbs small {
		color: #000;
		}
	

/* table
--------------------- */
#sub_container table tbody td {
	font-size: 14px;
	line-height: 120%;
	color: #444;
	font-weight: normal;
	font-family: Palatino, Georgia, Times, serif;
	}


/* special
   selectable by user
--------------------- */

	/* colours */
	#container .text_red {
		color: #900;
		}
	#container .text_green {
		color: #349101;
		}
	#container .text_blue {
		color: #0e4686;
		}

	/* small text */
	#container #main_content .text_small,
	#container #sidebar .text_small {
		font-size: 11px;
		}

	/* image styles */
	#container .border_white {
		border: 5px solid #fff;
		}
	#container .border_black {
		border: 5px solid #333;
		}


/* lists
--------------------- */

#container ul {
	margin: 5px 0 15px 0; padding: 0;
	}
	#container div ul li {
		margin-left: 20px; padding: 0;
		line-height: 140%;
		font-size: 14px;
		color: #333;
		font-weight: normal;
		}
		#sidebar ul {
			margin: 5px 0 15px 0; padding: 0;
			}
			#sidebar div ul li {
				margin-left: 10px; padding: 0;
				line-height: 140%;
				font-size: 12px;
				color: #333;
				font-weight: normal;
				}
		
#container ol {
	margin: 5px 0 15px 0; padding: 0;
	}
	#container div ol li {
		margin-left: 20px; padding: 0;
		line-height: 140%;
		font-size: 14px;
		color: #333;
		font-weight: normal;
		}
		#sidebar ol {
			margin: 5px 0 15px 0; padding: 0;
			}
			#sidebar div ol li {
				margin-left: 10px; padding: 0;
				line-height: 140%;
				font-size: 12px;
				color: #333;
				font-weight: normal;
				}

