/*
Color palette:
Orange: FBAF5D
Blue navigation links: 003F53
Orange navigation links: CD7415
*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 101%;
}

body {
	background-color: #E1EFF1;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0.9em;
	text-align: center; /* IE 6 workaround to center the frame */
}

#parent_wrapper {
	background-image: url('../images/background.png');
	background-repeat: no-repeat;
	width: 800px;
	margin: 0 auto; /* Center the page in compliant browsers */
	text-align: left; /* Reset the alignment to left now that IE6 is happy */
}

#child_wrapper {
	width: 800px;
}

#header {
	height: 88px;
	width: 800px;
	display: block;
	position: relative;
}

#logo {
	display: block;
	height: 88px;
	width: 800px;
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
}

#main_content {
	overflow: hidden;
	padding: 10px;
}

#navigation {
	float: left;
	width: 200px;
	background-image: url('../images/sidebar-background.png');
	background-repeat: repeat-y;
	/* Use large padding and margins to create auto height divs from http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#navigation ul {
	padding: 10px 0px 10px 20px;
}

#navigation li {
	list-style-type: none;
	text-indent: 10px;
}

#navigation a {
	display: block;
	width: 180px;
	height: 43px;
	color: #003F53;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 40px;
	text-decoration: none;
}

#navigation li a:hover {
	background-image: url('../images/background-navigation.png');
	background-repeat: no-repeat;
	color: #CD7415;
}

#content {
	float: right;
	width: 560px;
	padding-top: 10px;
	padding-left: 10px;
	
	/* Use large padding and margins to create auto height divs from http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	
	padding-right: 10px;
	background-color: #FFFFFF;
	display: inline;
}

#content ul {
	margin-left: 20px;
}

#footer {
	clear: both;
	width: 800px;
	height: 40px;
	text-align: center;
}

/* Classes */
.prop {
	height: 600px;
	width: 1px;
	float: right;
	background-image: url('../images/prop.png');
	background-repeat: no-repeat;
}

/* XHTML Tags */
a {
	color: #0000FF;
	text-decoration: none;
}

img {
	border: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0px 5px 0px;
	color: #FBAF5D;
}

h1 {
	font-size: 1.7em;
}

p {
	margin: 5px 0px 5px 0px;
}

label {
	cursor: pointer;
}

input[type=text], input[type=password], textarea {
	width: 250px;
}

/* YUI draggable list control */
ul.draggable_list { 
	position: relative;
	width: 400px; 
	list-style: none;
	margin: 0;
	padding: 0;
	/*
	   The bottom padding provides the cushion that makes the empty 
	   list targetable.  Alternatively, we could leave the padding 
	   off by default, adding it when we detect that the list is empty.
	*/
	padding-bottom: 20px;
}

ul.draggable_list li {
	margin: 3px;
	cursor: move;
	padding: 3px;
}

li.draggable_li {
	background-color: #D1E6EC;
	border: 1px solid #7EA6B2;
}