/*
*** Styles for all elements ***
*/
html {
	margin: 0px;
	padding: 0px;
	height: 101%;
}

body {
	background-image: url('../images/background-bar.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	font-size: 1.0em;
}

a img {
	border: 0px;
}

a:link, a:visited, a:hover, a:active {
	color: blue;
	text-decoration: none;
}

label {
	cursor: pointer;
}

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

textarea {
	height: 125px;
	width: 350px;
}

h1, h2, h3, h4, h5, h6 {
	color: #063A70;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
	margin-bottom: -10px;
}

h2 a {
	color: #063A70 !important;
}

p {
	margin-top: 15px;
	margin-bottom: 15px;
}

ul {
	margin-left: 20px;
}

/*
*** IDs ***
*/
/* the wrapper that contains all the XHTML */
#page {
	width: 982px;
	margin: auto;
}

#header {
	padding-bottom: 4px;
	margin: 0px;
	text-align: right;
	font-size: 0.8em;
	height: 30px;
	line-height: 40px;
	color: white;
}

/* This is where all the main content is -- it's a nice framed section with room above and below for other links */
#mainsection {
	width: 980px;
	float: left;
	background-color: white;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #D9D9D9;
}

#logo {
	height: 230px;
	width: 980px;
	border-bottom: 1px solid #F2F2F2;
}

#sidebar {
	width: 209px;
	float: left;
	border-right: 1px solid #F2F2F2;
}

#content {
	width: 520px;
	float: left;
	padding: 10px;
}

#bigcontent {
	width: 730px;
	float: right;
	padding: 10px;
}

#rightbar {
	width: 209px;
	float: right;
	border-left: 1px solid #F2F2F2;
	padding: 10px;
	background-image: url(/images/rightBar_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}

#footer {
	clear: both;
	padding-top: 4px;
	text-align: center;
	font-size: 0.8em;
	color: #545252;
}

/*
*** Selectors ***
*/

#header a {
	color: white;
}

/* Transform the unordered list in the sidebar to navigation style links */
#sidebar ul {
	padding-left: 5px;
	/*margin-left: 0px;*/
	list-style-type: none;
	list-style-image: url('../images/man.jpg');
	list-style-position: outside;
}

#sidebar ul li {
	border-bottom: 1px solid #D9D9D9;
	padding: 5px;
	background-image: url(/images/menu_bg.jpg);
	background-repeat: repeat-x;
}

#sidebar ul li a {
	color: #063A70;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bolder;
}

/*
*** Classes ***
*/
.smallinput {
	width: 50px;
}

.prop {
	width: 1px;
	float: right;
	height: 400px;
}

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