/* general */
html,body {
	background: #FFFFFF ;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 12px;
	font-family: Verdana, Sans-Serif;
		font-family:Arial, Verdana, Helvetica, sans-serif;
	background-image:url('lay1/bg.png');
	background-position:top left;
	background-repeat:repeat-x;
}
div.clearer {
	line-height: 0;
	height: 0;
	clear: both;
}
a img {
	border: none;
} 
th,td {padding:5px;}

h1 { 
	color: #444444;
	font: 1.7em helvetica;
	text-transform: capitalize;
	margin-top: 0px;
	text-align:left;
}
h2 {
	color: #737373;
	font: 1.3em helvetica;
	text-transform: capitalize;
}


hr{
	height:1px;
	border-width: 1px 0px 0px;
	border-style: dashed;
	border-color: #eeeeee;
}
a,p,td,th {font-size: 12px;}
th { vertical-align:top;}

/* container */
#container {
	width: 997px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	color: #333;

}
/* content */
#content {
	position: absolute;
	top: 160px;
	width: 100%;
	line-height: 1.5;
	padding-bottom:50px;
} 
div.content {
	float:left;
	width:550px;
	text-align:justify;
}
/* mainmenu */
#mainmenu {
	position:absolute;
	top:86px;
	left: 0px;
	background-color: #8E8E8E;
	width:100%;
}

#mainmenu ul {
	margin:0px;
	padding:0px;
	display:block;
	width:auto;
}
#mainmenu li {
	display: inline;
	border-width: 0px 1px 0px 0px;
	border-style: solid ;
	border-color: #FFFFFF;
	padding-top:5px;
	height:20px;
	width:173px;
        text-align:center;
	float:left;
	margin-right:2px;
}
#mainmenu a {
	height:100%;
	font-weight:norma;;
	text-decoration:none;
	display: block;
	color: #FFFFFF;
}
#mainmenu li:hover {
	background-color:#FE198E;
	background-image:url('');
}
#mainmenu a:hover {
      text-decoration:underline;
      color:white;
}
/* submenu */
#submenu {
	position:absolute;
	top:112px;
	left: 0px;
	background-color: #A7A7A7;
	width:100%;
}

#submenu ul {
	margin:0px;
	padding:0px;
	display:block;
	width:auto;
}
#submenu li {
	display: inline;
	border-width: 0px 1px 0px 0px;
	border-style: solid ;
	border-color: #FFFFFF;
	padding-top:5px;
	height:20px;
	/*width:173px;*/
	padding-left:10px;
	padding-right:10px;
        text-align:center;
	float:left;
	margin-right:2px;
}
#submenu a {
	height:100%;
	font-weight:normal;
	text-decoration:none;
	display: block;
	color: #FFFFFF;
}
#submenu li:hover {
	background-color:#1A9CFD;
	background-image:url('');
}
#submenu a:hover {
      text-decoration:underline;
      color:white;
}

/* usermenu */
#usermenu {
	position:relative;
	float:right;
	right:0px;
	top:0px;
	right: 0px;
	
}
#usermenu ul {
	margin:0px;
	padding:0px;
	display:block;
	width:auto;
}
#usermenu li {
	display: inline;
	border-width: 0px 0px 0px 0px;
	border-style: solid ;
	border-color: #FFFFFF;
	padding-top:5px;
	height:15px;
        text-align:center;
	float:left;
	margin-left:10px;
}
#usermenu a {
	height:100%;
	text-decoration:none;
	display: block;
	color: #333;
}
#usermenu li:hover {
	background-color:;
	background-image:url('');
}
#usermenu a:hover {
      text-decoration:underline;
      color:#fff;
      background-color:#333;
}

#usermenu form {
	padding:0px;
	margin:0px;
	height:10px;
	border:0px;
}
#usermenu select {
	padding:0px;
	margin:0px;
}
#usermenu option{
	padding:0px;
	margin:0px;
}

/* mainsearch */
#mainsearch {
	position: relative;
	float: right;
	right:0px;
	top:40px;
}

div.success {
	background-color: #C1FFDA;
	border:1px dashed #00bb4a;
	margin-top:20px;
	padding:20px;
}
div.error, td.error, p.error {
	background-color: #FFD5D6;
	border:1px dashed #ff171d;
	margin-top:20px;
	padding:20px;
}
div.notice, td.notice, p.notice {
	background-color: #fffdd5;
	border:1px dashed #fffc15;
	margin-top:20px;
	padding:20px;
}



form div.info { 
	color: #999999;
}
div.info {

}

form input, form textarea {
	color: blue;
}

div.context {
	float: right;
	width:430px;
}


#footer {
	position:fixed;
	bottom:0px;
	text-align:center;
	
	z-index:100;
	height: 10px;
	padding:10px;
	background-color:#eee;
	width: 100%;
	margin: 0 auto;
	border-width: 1px 0px 0px 0px;
	border-color: #ccc;
	border-style:dashed;
	

	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	
	
}

div.row { }
div.Row img { float: left; padding: 5px;}
div.AltRow { }
div.AltRow img { float: left; padding:5px;}


div.scroll {
height: 360px;
width: 80%;
overflow: auto;
}


div.col {
	float:left;
	position:relative;
	padding:5px;
}
div.navigator {
	clear:all;

}