/*
	LIGHT 	#DAE4F0 rgb(218,228,240)
	MEDIUM	#6C7EB0 rgb(108,126,76)
	DARK	#415A8E rgb(65,90,142)
*/

body
	{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #6C7EB0;
	color: black;
	text-align: left;
	}

body, table
	{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	}

/* LAYOUT */

#header
	{
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0 0 2em 0;
	padding: 0;
	border: 0;
	background-color: #6C7EB0;
	border-bottom: 1px solid white;
	}

#navigation
	{
	display: block;
	position: absolute;
	top: 56px;
	right: 0px;
	}

#content
	{
	display: block;
	width: 50em;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	background-color: #DAE4F0;
	line-height: 150%;
	}

#footer
	{
	display: block;
	margin: 1em 0 0 0;
	padding: 0 0 1em 0;
	border: 0;
	text-align: center;
	color: white;
	font-size: 0.8em;
	}

/* HEADER */

#header #logo
	{
	display: block;
	width: 95px;
	background-color: #415A8E;
	padding: 5px 0 5px 5px;
	border-right: 1px solid white;
	}

#header #org
	{
	display: block;
	position: absolute;
	top: 20px;
	right: 10px;
	color: white;
	font-size: 1.5em;
	}

/* NAVIGATION */

#navigation ul
	{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	}

#navigation ul li
	{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	}

#navigation ul li a
	{
	display: block;
	margin: 0 5px 0 0;
	padding: 3px 10px 3px 10px;
	border: 1px solid white;
	border-width: 1px 1px 0 1px;
	text-decoration: none;
	color: white;
	background-color: #415A8E;
	}

#navigation ul li a:hover
	{
	background-color: #6C7EB0;
	}

/* CONTENT */

.corner_top_left
	{
	background: url(../images/corner_top_left.gif) no-repeat top left;
	width: 100%;
	height: 100%;
	}

.corner_top_right
	{
	background: url(../images/corner_top_right.gif) no-repeat top right;
	width: 100%;
	height: 100%;
	}

.corner_bottom_left
	{
	background: url(../images/corner_bottom_left.gif) no-repeat bottom left;
	width: 100%;
	height: 100%;
	}

.corner_bottom_right
	{
	background: url(../images/corner_bottom_right.gif) no-repeat bottom right;
	width: 100%;
	height: 100%;
	}

.wrapper
	{
	padding: 2em;
	}

/* PARAGRAPHS */

p, address, h1, h2, h3, h4, h5, h6
	{
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	}

p
	{
	text-align: justify;
	}

table p
	{
	text-align: left;
	}

address
	{
	text-align: left;
	font-style: italic;
	font-weight: normal;
	margin-left: 10%;
	}

h1
	{
	font-size: 1.5em;
	font-weight: bold;
	color: #415A8E;
	}

h2
	{
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #415A8E;
	padding-bottom: 2px;
	margin-top: 2em;
	color: #415A8E;
	}

table h2
	{
	margin-top: 0;
	}

h3
	{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	}

/* LISTS */

ul
 	{
 	margin: 0 0 1em 0;
 	padding: 0 0 0 2em;
 	list-style: circle;
 	}
 
 ul li
 	{
 	margin: 0 0 0.5em 0.5em;
 	padding: 0 0 0 0.5em;
 	}
 
 ol
 	{
 	margin: 0 0 1em 0;
 	padding: 0 0 0 2em;
 	list-style: lower-roman;
 	}
 
 ol li
 	{
 	margin: 0 0 0.5em 0.5em;
 	padding: 0 0 0 0.5em;
 	}
 
/* LINKS */

a
	{
	text-decoration: underline;
	color: black;
	}

a:hover
	{
	text-decoration: none;
	color: #6C7EB0;
	}

/* IMAGES & OBJECTS */

img
	{
	border: 0;
	vertical-align: middle;
	}

object
	{
	border: 0;
	}

/* TABLES */

table
	{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	}

tr
	{
	margin: 0;
	padding: 0;
	border: 0;
	}

th
	{
	margin: 0;
	padding: 0 0 1em 0;
	border: 0;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	}

td
	{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: left;
	}

/* FORMS */

form
	{

	}

input
	{
	vertical-align: middle;
	}

textarea
	{
	vertical-align: middle;
	}

select
	{
	vertical-align: middle;
	}

/* CLASSES */

.fill, .full { width: 97% !important }

.auto { width: auto !important }

.small { font-size: 0.8em }

.left { text-align: left !important }

.centre, .center { text-align: center !important }

.right { text-align: right !important }

.justify { text-align: justify !important }

.photo img { margin: 5px 5px 5px 5px; }

/* END */
