/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */

body 
{
    background-image: url('../images/bg.gif');
    background-repeat: repeat;
    font-family:verdana, arial;
    /*font-size:x-small;*/
    font-size: 13px;
    text-align:center;
    vertical-align:top;
    padding:none;
    margin:0;
    border:none;
}

P
{
    line-height:20px;     
}

h1 {
	font-size: 2em;
}

a 
{
    color:#FF6600;
    text-decoration: none;
}

a img { 
    border: 0;
    padding:0px 0px 0px 0px; 
    margin:0px;
} 

a:hover 
{
    color:#339966;
    text-decoration: none;
}

/* POM LAYOUT */

#pom_main {
	margin:0 auto;
	padding:0;
	width: 950px;
	/*min-height: 600px;*/
	text-align: center;	
}

#pom_header {
	height: 314px;
	background-color: #FFFFFF;
	background-image:url('../images/pom_header.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	text-align: right;
}

#pom_nav {
	height: 35px;
	/*width: 200px;*/
	/*min-width: 71px;*/
	min-width: 366px;
	vertical-align: middle;
	position: relative;
	/*right: 0px;*/
	top: 260px;
	float: right;
	background: url('../images/menu_end.jpg') no-repeat left center;
	padding-left: 15px;
	text-align: left;
	margin: 0px;
	z-index: 500;
}

#pom_middle {
	background-color: #FFFFFF;
	min-height: 439px;
  	height:auto !important;
  	height: 439px;
	z-index: 50;
}

#pom_left {
	position: relative;
	float: left;
	left: 0px;
	width: 205px;
	height: 419px;
	top: 20px;
	z-index: 150;
	text-align: left;
}

#pom_content {
	position: relative;
	right: 0px;
	top: 20px;
	float: right;
	width: 600px;
	text-align: left;
	padding-bottom: 30px;
	z-index: 100;
	margin-right: 70px;
}

#pom_footer {
	position: relative;
	float: right;
	height: 28px;
	text-align: right;
	width: 108px;
	z-index: 800;
	margin-top: -45px;
	display: block;
	right: 0px;

}

#pom_why {
	position: relative;
	float: right;
	height: 86px;
	text-align: right;
	width: 159px;
	z-index: 900;
	margin-top: -300px;
	margin-right: 70px;
	display: block;
}


#menuimage
{
    top: 15px;
    left: 0;
    height: 38px;
    width: auto;
    background-image:url('../images/pom_icon.jpg');
    background-position: left;
    background-repeat: no-repeat;
    vertical-align: middle;
    padding-left: 30px;
}


/* -------------------------- */
/* -----Horizontal Menu------ */

.navmenu { 
	text-align: right; 
	margin-left: 10px;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: middle
} 
.navmenu li { 
	font-family: Verdana, sans-serif; 
	list-style: none; 
	display: block; 
	float: left; 
	/*width: 15%;*/ 
} 




ul.navmenu,
.navmenu ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	vertical-align: middle;
}

ul.navmenu{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;

}
ul.navmenu>li{
	/*display: table-cell;*/
	display: inline;
	position: relative;
	height: 27px;
	border-right: 1px solid #336633;
	list-style: none;
	font-size: 14px;
	/*font-weight: bold;*/
	color: #fff;
	background: url('../images/menu_bg.jpg') repeat-x left top;
	padding: 8px 15px 0px 15px;
	
	list-style-type: none;
}


ul.navmenu>li:hover{
	background-image: url('../Images/tc/marker.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
}  

ul.navmenu>li a{
	color: #fff;
	
}

ul.navmenu>li a:hover{
	
}


ul.navmenu li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	/*max-width: 40ex;*/
	/*margin-left: -50px;
	margin-top: 14px;*/
	margin: 0;
	padding: 0;
	top: 35px;
	left: 0px;
	list-style: none;
}

ul.navmenu li:hover>ul{
/*When hovered, make them appear*/
	/*display: block;*/
	display: block;
}

.navmenu ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 0px 0px 0px 5px;
}

/*** Menu colors (customizable) ***/

.navmenu ul li a{
	color: #fff;
	font-weight:normal;
	font-size: 11px;
	text-align: left;
	background-image:url('../images/menu_bg_sm.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 95px;
	height: 18px;
}

/* Main Link Hover */
ul.navmenu li:hover {
	background-image:url('../images/menu_hl.jpg');
	background-position:left center;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

/* Child Link Hover */
.navmenu ul li a:hover {
	background-image:url('../images/menu_hl_sm.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

ul.navmenu li:active,
.navmenu ul li a:active{
	background-color: #fff;
	color: #000000;
}


.navmenu li{
	border: none;
}

.navmenu a{
	text-decoration: none;
}

ul.submenu,
.submenu ul{
	border: 1px #333333 solid;
	border-bottom-width: 2px;
	border-right-width: 2px;
	width: 100px;
}



/* -------------------------- */