/*-----------------------------------------------------------------
Basic Style Sheet

Version 1.0
------------------------------------------------------------------*/

/* to override browser stylesheet on margin and padding */
* {
	margin: 0;
	padding: 0;
	border-bottom-style: none;
	color: #000000;
}

body {
	margin-top: 15px;
	background-color: #CCCCCC;
}

/* = Lists (non-navigation)
------------------------------------------------------------------------------------------*/
.listsnonnav ul {
	margin: 30px;
	padding: 50px;
	list-style-type:disc;
	list-style-position: outside;

}
.leftborder {
	background-image: url(images/home_leftborder.jpg);
	background-repeat: repeat-y;
	background-color: #EBEBEB;
}

.rightborder {
	background-image: url(images/home_rightborder.jpg);
	background-repeat: repeat-y;
	background-color: #EBEBEB;
}

.content {
	background-image: url(images/home_contentarea.jpg);
	background-repeat: repeat-y;
	background-color: #EBEBEB;
}

.leftborder2 {
	background-image: url(images/page2_leftborder.jpg);
	background-repeat: repeat-y;
	background-color: #EBEBEB;
}

.rightborder2 {
	background-image: url(images/page2_right.jpg);
	background-repeat: repeat-y;
	background-color: #EBEBEB;
}

.content2 {
	background-image: url(images/page2_middle.jpg);
	background-repeat: repeat-y;
	background-color: #EBEBEB;
}

/* =Navigation
------------------------------------------------------------------------------------------*/

#navbar  {
	position:absolute;
	top: 225px;
}


#navbar ul
{
margin: 0;
padding: 0;
list-style-type: none;
}


#navbar ul li a {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	background: #C9A6D0 url(../Janet_Eros/WIP/pixy_rollover.gif) no-repeat left center; 
	text-indent: 35px;
	font-size: small;
	font-style: normal;

}

#navbar ul li a:hover {
	color: #fff;
	background-position: right bottom;

}

#navbar ul li:hover > ul{    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
 display: block;              /* makes the child block visible - one of the most important declarations */

}

#navbar ul li a:active, #navbar ul li a.selected {
	color: #000;
	background-position: 0 -200px;
	font-weight: bold;
	}

#navbar ul ul {
	position: absolute;
	top:80px;
	left: 200px; 
	display:none; /* Display nothing when not 'hovered' */
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nav ul li ul li a{
	display:block; /* When rollover the menu item, the whole item will be seen as link. */
	/*	display: block;*/
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	background: #C9A6D0 url(../Janet_Eros/WIP/pixy_rollover.gif) no-repeat right center; 
	text-indent: 35px;
	font-size: small;
	font-style: normal;
}

li {
 display: inline: /* :kludge:Removes large gaps in IE/Win */
}


/* =Typography
------------------------------------------------------------------------------------*/

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-color: red; 
	font-size: 24pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.lineheight {
	line-height: 135%;
}


p, ul, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-color:"#000000";
	font-size: small;
	font-style: normal;
	line-height: 135%;
	font-weight: normal;

}

.para {
	padding: 0px 30px 0px 30px;
	margin: 0px 15px 0px 15px;
	text-align: left;/*	line-height: 135%;*/
	text-align: left;
	font-size: small;

}

.para2 {
	padding: 0px 30px 0px 30px;
	margin: 0px 15px 0px 15px;
	text-align: justify;/*	line-height: 135%;*/
	font-size: small;

}

.paracentered{
	padding: 0px 90px 0px 90px;
	margin: 0px 15px 0px 15px;
	text-align: center;/*	line-height: 135%;*/
	font-size: small;

}


/* =Table
------------------------------------------------------------------------------------*/
#Table_01 {
margin-left:auto; 			/* centers table in both i.e. and firefox */
margin-right:auto;			/* centers table in both i.e. and firefox */
}


/* =Footer
-----------------------------------------------------------------------------------------------*/
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: center;
	line-height: normal;
	background-image: url(images/home_bottomborder.jpg);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: #333333;
	padding: 4px 0px 0px -2px;
	width:750px;
	height:27px;
}

#footer a {
	text-decoration: none;
	color: #333333;

}