/*
	Project: Haydom 2008
	Version: 1.0
	Last changed: A work in progress

	Design: Bernt Dag Ravnevand, Recommended Norway
	xhtml/css/code: Kristian Ravnevand, Recommended Norway
	(C) 2008 Recommended Norway

	Colour palette: 
	---------------
	
	Table of contents:
	------------------
	1. General styling 
	2. Structure
	3. Header
	4. Nav
	5. Content
	6. Elements

	Comments: 
	---------
	reset.css (recommended version) is in use
*/

/*	1. General styling
------------------------------------------------------------------------------------------------ */
body {padding: 0;margin: 20px 0 0 0; background-color: #000; font-family:  verdana, arial, sans-serif;color: #fff;}
a {color: #fff}
a:hover {color: red;}

/*	2. Structure
------------------------------------------------------------------------------------------------ */
#wrapper {background-color: #5A7DBD;	padding-bottom: 200px; width: 995px; position: relative;  margin: 0 auto 0 auto;  background-repeat: no-repeat; background-position: 50% 100%;}

#nav {float: right; width: 250px; }
#content { float: left; margin-left: 40px; font-size: 1.2em; padding-top: 40px; }
#footer
{
	display: block;
	font-family: Verdana, Sans-Serif;
	text-transform: uppercase;
	font-size: 1.2em;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 5px 15px;
}
#byline
{
	clear: both;
	color: #777;
	width: 990px;
	margin: 10px auto 0 auto;
	text-align: right;
}
#byline a
{
	color: #777;
}


/*	3. Header
------------------------------------------------------------------------------------------------ */
#nav h1 
{
	float: right;
	padding: 20px 20px 0 0;
}
#nav h1 a 
{
	display: block; 
	text-indent: -9999px; 
	background-image: url(/gr/haydom_hospital_logo_sub.jpg);
	width: 235px; height: 38px; 
	background-position: right 0;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}


div.flags { padding: 0 20px 0 0; }
div.flags a { background-color: black; display: block; float:right; width: 22px; height: 16px; margin-left: 10px; overflow: hidden; }





/*	4. Nav
------------------------------------------------------------------------------------------------ */
.nav {padding: 10px 0 0 0; margin: 0 0 0 15px; list-style-type: none;  clear: both; }
.nav ul { margin: 0 0 0 15px; }
.nav li {display: block;  }
.nav a {font-size: 1.6em; margin-bottom: 5px; color: #c2d0ff; text-decoration: none; display: block; background: transparent url(/gr/fade.png) left 0 repeat-y;}
.nav a span { padding-left: 42px; display: block; }
.nav li li a { font-size: 1.2em; }
.nav a:hover
{
	color: red;
}
.nav a.current {}

#nav li ul { display: none; }
#nav li.current ul, #nav li ul li.current ul  { display: block; }
#nav li.current ul ul { display: none; }


/*	5. Content
------------------------------------------------------------------------------------------------ */
h2 {font-size: 2.2em; line-height: 1.4em; padding: 10px 0 15px 0; text-transform: uppercase;}
h3 {font-size: 1.6em; line-height: 1.4em; padding: 15px 0 10px 0; }
p { line-height: 1.4em;padding-right: 80px;}
p img { border: 2px solid #fff; }
a.enroll {font-size: 1.5em; line-height: 3em; color: #fff;}


ul.downloadlist a, ul.linklist a
{
	text-decoration: none;
}
ul.downloadlist a span, ul.linklist a span
{
	display: block;
	font-size:0.9em;
	font-style: italic;

}
ul.downloadlist a:hover, ul.linklist a:hover
{
	color: red;

	}
ul.linklist
{
	padding: 0 0 0 0;
	margin: 0 0 20px 15px;
}

ul.linklist li
{
	padding: 0 0 10px 7px;
	margin: 0 0 0 0;
	line-height: 1.4em;
}
ul.downloadlist
{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}
ul.downloadlist li
{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	list-style-type: none;	
	line-height: 1.4em;
}
ul.downloadlist li div
{
	width: 17px;
	float: left;
	clear: both;
	padding-top: 3px;
}
ul.downloadlist li p
{
	float: left;
	padding: 0 0 10px 5px;
}

/*	6. Elements
------------------------------------------------------------------------------------------------ */
table td
{
	padding: 0 15px 10px 0;
}
div.GoLeft
{
	float: left;
	width: 45%;
}

div.GoRight
{
	float: right;
	width: 45%;
}

div.noteL, div.noteR
{
	border-top: 3px solid #D4FA55;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 160px;
	font-family: Georgia, Serif;
	font-size: 1.4em;
}
div.noteR
{
	float: right;
	margin: 0 0 10px 10px;
	text-align: right;
}

img.left
{
	float:left;
	margin: 3px 15px 10px 0;
}
img.right
{
	float:left;
	margin: 3px 0 10px 15px;
}


/*subpages*/
#wrapper 
{
	background-image: url(/gr/sub-bcg.jpg);

}

#content
{
	width: 650px;
}



#nav ul a 
{
 	width: 235px;	
}
#nav ul li li a 
{
	width: 220px;
}
#nav ul li ul
{
	padding-bottom: 0;
	padding-top:0;
}
#nav ul li li li a 
{
	width: 205px;
}