/* CSS Document */
body {
	background-image:url(../images/cloud_bkgrnd.jpg);
	margin:0 auto;
	background-repeat: repeat;
}

/* ---------- LAYOUT ---------- */

#body-wrap {
	/*	margin:0 auto;*/
	width:674px;
	overflow: visible;
	visibility: visible;
}

#header-top {
	left:0px;
	top:0px;
	width:674px;
	height:129px;
	background-image: url(../images/header_top.jpg);
	background-repeat: no-repeat;
}

#navframe {
	float:left;
	left:0px;
	top:129px;
	width:16px;
	height:235px;	
	background-image: url(../images/navframe.jpg);
	background-repeat: no-repeat;
}

#navigation {
	/*	position:absolute;*/
	float:left;
	left:16px;
	top:129px;
	width:123px;
	height:235px;
	/*	background-image: url(../images/navigation.jpg);*/
	background-repeat: no-repeat;
}

#header-bottom {
/*	position:absolute;*/
	float:left;
/*	left:139px;*/
	top:129px;
	width:535px;
	height:107px;
	background-image: url(../images/header_bottom.png);
	background-repeat: no-repeat;
}

#content-main {
/*	position:absolute;*/
	float:right;
	left:139px;
	top:236px;
	width:535px;
	height:456px;
	background-image: url(../images/content_main.jpg);
	background-repeat: repeat-y;
	overflow: visible;
}

#content-left {
/*	position:absolute;*/
	float:left;
	left:0px;
	top:364px;
	width:139px;
	height:328px;
	background-image: url(../images/content_left.jpg);
	background-repeat: repeat-y;
	overflow: visible;	
}

#footer {
/*	position:absolute;*/
	float:left;
	left:0px;
/*	top:692px;*/
	width:674px;
	height:79px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
}

/* -------- FONTS -------- */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
	text-align:center;
	color: #003399;	
}

.alignleft {
	text-align:left;
	padding: 0px 25px 0px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
	color: #003399;		
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight:bold;
	letter-spacing: normal;
	text-align:center;
	color: #003399;
}

/* ---------- SLIDING DOOR NAVIGATION ---------- */

/*ul#navlist
{
	list-style-type: none;
	float:left;
/*	margin: 20px 0 0 10px; */ /*top right bottom left*/
/*}

ul#navlist li /*a*/
/*{
	color: #003399;
	padding: 10px 0;  		/*1st value controls height padding and 2nd one controls width padding*/
/*	text-decoration: none; */ 	/*removes link underline*/
/*	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;*/
/*}*/

ul#navlist {
	list-style-type: none;  /* cleaning up the list */
	margin:0;
	padding:0;
/*	position: absolute;*/ 	/* positioning for IE5 et IE5.5 */
/*	left: 317px;
	top: 129px;
	height: 235px;
	width: 123px;*/
	background: transparent url(../images/navmenuBOTH.jpg) top left no-repeat; /* general background for the menu */
/*	text-align: center;*/
/*	background: transparent url(../images/navmenuBOTH.jpg) repeat-x repeat-y left top;*/	
	width:100%;
	float:left;	
}

ul#navlist li { 			
	list-style-type: none;  
	margin:0;
	padding:0;
	display: inline; 		/* correction for IE5 et IE5.5 */
}

ul#navlist li a { 			/* buttons dimensions and definition */
	display: block;  		/* block for <a> to give it its dimensions */
	height: 47px;
	width: 123px;
	line-height: 47px;  	/* height of line to avoid padding */
/*	color: #E2C6BA;
	font-size: 18px;
	font-family: georgia, serif;
	text-decoration: none;*/
	float:left;
/*	color:#fff;*/
/*	padding:7px 20px 3px 11px;*/
/*	background: url(../images/navmenuBOTH.jpg) no-repeat 100% 0px;*/
	text-decoration:none	
}

ul#navlist li a:hover {
	color: #43271B;
	background:/*transparent*/ url(../images/navmenuBOTH.jpg) top left repeat-x repeat-y;
}

a#menu1:hover {
background-position: 0% -235px; /* move of background for each button */
/*background-position: 0% -182px;*/
}

a#menu2:hover {
background-position: 0% -282px;
/*background-position: 0% -229px;*/
}

a#menu3:hover {
background-position: 0% -329px;
/*background-position: 0% -276px;*/
}

a#menu4:hover {
background-position: 0% -376px;
/*background-position: 0% -323px;*/
}

a#menu5:hover {
background-position: 0% -423px;
/*background-position: 0% -370px;*/
}


/* -------- ALTERNATE NAVIGATION -------- */

ul#altnavlist
{
	list-style-type: none;
/*	float:left;*/
	margin: 38px 0 0 40px;  /*top right bottom left*/
}

ul#altnavlist li { display: inline; }

ul#altnavlist li a
{
	color: #003399;
	padding: 0 6px;  		/*1st value controls height padding and 2nd one controls width padding*/
	text-decoration: none;  	/*removes link underline*/
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

ul#altnavlist li a:hover
{
color: #000000;
}


/* ---------- IE PNG FIX ---------- */

img, div { behavior: url(../scripts/iepngfix.htc) }
/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:


 img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */