/***************************************************************
	CSS written by Adam T. Gregory - 06/25/2007
***************************************************************/

/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {
	height: 100%;
	min-height: 100%;
	text-align: left;
}
#content, #width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");
	max-width: 1000px;
	margin: 0 auto;
}
#content[id], #width[id] {
	width: 94%;
	height: auto;
}
/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
	position: relative;
	height: 176px;
	background-image: url(../images/PailleHeaderBackground.jpg);
	background-repeat: repeat-x;
}
/* Holds the site title and subtitle */
#header #title {
	position: relative;
	z-index: 3;
	top: 10px;
	text-align: right;
	float: right;
	padding-right: 5px;
	left: -125px;
}
#header h1 {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 500;
	text-align: right;
	letter-spacing: 0.09em;
}
#header h2 {
	position: absolute;
	top: 10px;
	right: 5px;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #00F0EC;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-weight: 700;
}
/* Sets where the header images will go */
#header img.left {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
#header img.right {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	background-image: url(assets/images/test.jpg);
}
#header img.balloons {
	position: absolute;
	z-index: 2;
	top: 19px;
	right: 380px;
}
/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
#mainMenu ul {
	margin: 0;
	padding: 0;
}
#mainMenu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainMenu li a {
	float: left;
	text-decoration: none;
	color: #d8cdb5;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0.5em;
	padding-bottom:6px;
	padding-left: 0.5em;
}
#mainMenu li a:hover {
	color: #ffffff;
	padding-top:0px;
}
#mainMenu li a.here {
	padding-top: 0px;
	color: #999999;
}
#mainMenu li a.last {
	margin-right: 0;
}
#topMenu ul {
	margin: 0;
	padding: 0;
}
#topMenu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#topMenu li a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-weight: 400;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#topMenu li a:hover {
	color: #9a1134;
}
#topMenu li a.here {
	color: #999999;
}
#topMenu li a.last {
	margin-right: 0;
}



/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

ul.sideMenu {
	margin: 0;
	padding: 0;
}
.sideMenu li {
	display: inline;
	/* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(../images/icons/PailleBulletTan.gif);
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
}
.sideMenu li a {
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px;
	text-decoration: none;
	color: #262626;
}
.sideMenu li a:hover {
	color: #9a1134;
	background-color: #e2dac8;
}
/* Active menu item */
.sideMenu li.here {
	display: block;
	padding: 5px;
	color: #262626;
	background-color: #e2dac8;
}
/* Submenu of active menu item */
.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}
.sideMenu li.here ul li a {
	padding-left: 35px;
	color: #262626;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.55em;
	font-weight: 400;
	background-image: url(../images/icons/PailleBulletTan.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}
.sideMenu li.here ul li a:hover {
	color: #9a1134;
	background-color: #d8cdb5;
	background-image: url(../images/icons/PailleBulletTan.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}
/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 4em;
	
}
#maincontent {
	background-color: #cfbd9c;
	border: 5px solid #ffffff;
}
/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
	float: left;
	width: 100%;
	clear: both;
	margin-top: -2.8em;
	background-color: #000000;
	background-image: url(../../_development/images/bg/test3.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 4em;
	color: #d8cdb5;
	font-size: 1.1em;
}
/* Sets the width of the footer content */
#footer #width {
	position: relative;
	z-index: 3;
	font-size: 0.85em;
	padding-top: 27px;
}
/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
	width: 100%;
}
.width75 {
	width: 74%;
}
.width50 {
	width: 49.7%;
}
.width33 {
	width: 32.7%;
}
.width25 {
	width: 24.7%;
}
.width90 {
	width: 89.7%;
}
.width10 {
	width: 8.7%;
}
/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
	clear: both;
}
.block {
	display: block;
}
.small {
	font-size: 0.8em;
}
.green {
	color: #A1FF45;
}
.red {
	color: #EA1B00;
}
.grey {
	color: #666;
}
.grey a {
	color: #999;
}
.grey a:hover {
	color: #EEE;
}
.gradient {
	margin-bottom: 2em;
}
.contentroundcorners{display:block}
.contentroundcorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cfbd9c}
.contentroundcorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #776a58;
  border-right:1px solid #776a58;
  background:#a8997e}
.contentroundcorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #453b30;
  border-right:1px solid #453b30;
  background:#b1a185}
.contentroundcorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b1a185;
  border-right:1px solid #b1a185;}
.contentroundcorners4{
  border-left:1px solid #776a58;
  border-right:1px solid #776a58}
.contentroundcorners5{
  border-left:1px solid #a8997e;
  border-right:1px solid #a8997e}
.contentroundcornersfg{
  background:#cfbd9c}

.sidemenuroundcorners{display:block}
.sidemenuroundcorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e2dac8}
.sidemenuroundcorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bdb6a8;
  border-right:1px solid #bdb6a8;
  background:#d2caba}
.sidemenuroundcorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #a8a295;
  border-right:1px solid #a8a295;
  background:#d5cebd}
.sidemenuroundcorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5cebd;
  border-right:1px solid #d5cebd;}
.sidemenuroundcorners4{
  border-left:1px solid #bdb6a8;
  border-right:1px solid #bdb6a8}
.sidemenuroundcorners5{
  border-left:1px solid #d2caba;
  border-right:1px solid #d2caba}
.sidemenuroundcornersfg{
  background:#e2dac8}

.pagetitlecorners{display:block}
.pagetitlecorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cfbd9c}
.pagetitlecorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #776a58;
  border-right:1px solid #776a58;
  background:#a8997e}
.pagetitlecorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #453b30;
  border-right:1px solid #453b30;
  background:#b1a185}
.pagetitlecorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b1a185;
  border-right:1px solid #b1a185;}
.pagetitlecorners4{
  border-left:1px solid #776a58;
  border-right:1px solid #776a58}
.pagetitlecorners5{
  border-left:1px solid #a8997e;
  border-right:1px solid #a8997e}
.pagetitlecornersfg{
  background:#cfbd9c}