﻿body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EFF2F7;
}

.pageWidth
{
	width: 100%;
	min-width: 1000px;
}

.color1
{
	background: #7B7F8C;
}

.color2
{
	background: #C4CFDC;
}

#photo
{
	height: 299px;
	width: 200px;
}

#menuBar
{
	height: 22px;	
}

#logoContainer
{
	width: 100%;
	height: 130px;
	text-align: left;
	background-color: #EFF2F7;
}

#crcLogo
{
	background-image:url('../Images/crclogobackground.png');
	height: 130px;
	width: 1000px;
}

#sideBarFrame
{
	height: 220px;
	width: 225px;
	margin-left: 12px;
}

#sideBarFrameBackground
{
	background-image:url('../Images/sidebarcontainer.png');
	height: 360px;
	width: 225px;
}

#sideBarContentFrame
{
	height: 360px;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

#sideBarContent
{
	background-color: white;
	height: 170px;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
}

#pageContentFrame
{
	position: absolute;
	width: 800px;
	margin-left: 240px;
	margin-top: -220px;
}

#pageContentFrameBackground
{
	background-image:url('../Images/contentcenter.png');
	margin-left: auto;
	margin-right: auto;
}

#contentFrame
{
	width: 650px;
	margin-left: 60px;
}

#content
{
	width: 650px;
}

#sddm
{	
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a
{	
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 80px;
	background: #7B7F8C;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	
	background: #49A3FF;
}

#sddm div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2;
}

#menuBar
{
	height: 22px;	
}

#sddm div a
{	
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial;
}

#sddm div a:hover
{	
	background: #49A3FF;
	color: #FFF;
}

ul#menu {
  width: 140px;
  list-style-type: none;
  border-top: solid 1px #b9a894;
  margin: 0;
  padding: 0;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 12px;
  color: #785a3c;
}

ul#menu li {
  border-bottom: solid 1px #b9a894;
  line-height: 15px;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "- ";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #539dbc;
}

ul#menu a.active {
  color: #be5028;
}

#boldedList
{
	font-weight: bold;
}

#contentTable
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tableForContentTable
{
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
}

.headTitle
{
	color: white;
	font-weight:bold;
	font-size: large;
}

#smallText
{
	font-size: small;
}

.cornerSize
{
	width: 30px;
	height: 30px;
}

.white
{
	background-color: white;
}

/* Table Parts */
.tableOfContent
{
	width: 650px;
}

.tableleftside
{
	width: 15px;
	background-image:url('../Images/tableleftside.png');
}

.tablerightside
{
	width: 16px;
	background-image:url('../Images/tablerightside.png');
}

.tableTop
{
	background-image:url('../Images/tabletop.png');
	height: 20px;
}

.tableBottom
{
	background-image:url('../Images/tablebottom.png');
	height: 20px;
}

#headerWidth
{
	width: 200px;
}

.margins
{
	margin-left: 15px;
	margin-right: 15px;
}