html, body, div, p, form {
	margin:0; padding:0;
}

body {
	font-family: helvetica, arial, verdana, geneva, sans-serif;
	font-size: 101%;
	background-color: #F7F7F7;
	margin-bottom: 15px;
	

}
h1, h2, h3, div, p, li, span, table, td, th, label, textarea, input {
	font-family: arial,helvetica,verdana,geneva,sans-serif;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #333;
}

a img, img { border:none;}

ul { 
	margin: 0;
	padding: 0; 
}


p {
	margin-bottom: 15px;
}

hr {
	border: none;
	border-bottom: 1px dashed #000;
	background: none;
	background-image: none;
	height: 1px;
	margin-bottom: 0px;
	padding-bottom: 0;
}

div.hr {
	border-bottom: 1px dashed #000;
	height: 1px;
}

/*** GENERAL STYLES ***/


.bold { font-weight: bold; }
.right { text-align: right; }
.error { color: #ff0000; }

div.clear {	clear: both; }
div.leftcol { float: left; }

div.content_panel {
	float: left;
	padding: 10px 15px 0px 15px;
	border-right: 1px dashed #000;
	border-left: 1px dashed #000;
	background-color: #fff;
}
div.content_panel.first {
	border-left: 1px dashed #000;
	position: static;
}

div.partitioning_1 div.leftcol
{
	width: 400px;
}

div.partitioning_1 div.middlecol
{
	width: 284px;
	position: relative;
	left: -1px;
}
/*
div.partitioning_1 div.middlecol p, div.partitioning_1 div.middlecol span, div.partitioning_1 div.middlecol a {
	font-family: Times New Roman;
	text-align: justify;
}
*/


div.partitioning_1 div.rightcol
{
	width: 170px;
	position: relative;
	left: -2px;
}

div.content_panel img.title {
	margin: 15px 0 15px 0;
}

div.content_panel img.image {
	margin-bottom: 15px;
	display: block;
}


div.content_panel a, div.content_panel a:visited {
	color: #333;
	text-decoration: none;
}
div.content_panel a:hover {
	color: #fff;
	text-decoration: none;
}

/* ugly hacks for ie6 and ie7*/
*html div.content_panel { margin-bottom: -15px; }
*:first-child+html div.content_panel{ margin-bottom: -15px; }

img.header {
	margin-bottom: 10px;
}

div.title {
	vertical-align: middle;
	padding-bottom: 10px;
	border-bottom: 1px dashed #000;
}
div.title img
{
	display: block;
	float: left;
	padding: 0 35px 0 15px;;
}
div.title h1 {
	color: #B3B3B3;
	float: left;
	margin: 0;
	padding: 0;
	margin: 6px 0px 0px 0px;
	font-weight: normal;
}

div.title ul.pager {
	float: right;
}

ul.pager li {
	display: inline;
}

ul.pager li a, ul.pager li a:visited {
	color: #b3b3b3;
	text-decoration: none;
	padding: 2px;
}

ul.pager li a:hover {
	color: #fff;
	text-decoration: none;
}





/*** END:GENERAL STYLES ***/

/*** GENERAL PAGE LAYOUT ***/
div#body {
	width: 950px;
	padding: 15px 0px 15px 0px;
	background-color: #fff;
	margin-left: 50%;
	position: relative;
	left: -490px;
	padding: 15px;
}

div#header {
	margin-bottom: 15px;
	
}

div#header div.hpanel {
	float: left;
	background-color: #3B3B3B;
	height: 109px;
	border-bottom: 1px solid #CECECE;
	border-left: 1px solid #6C6C6C;
	border-right: 1px solid #6C6C6C;
}


div#logo {
	width: 274px;
	margin-right: 15px;
}
div#logo img {
	position: relative;
	left: 24px;
	top: 18px;
}

div#catheader {
	width: 657px;
}

div#mainnav {
	padding: 13px 15px 10px 15px;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	margin-bottom: 15px;
}

div#content {
}

/*** END:GENERAL PAGE LAYOUT ***/

/*** LAYOUT NAVIGATION ***/
ul.mainnav li{
	list-style: none;
	display: inline;
	padding-left: 35px;
	background-image: url(/images/mainnav_spacer.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
}

ul.mainnav li a {
	font-family: courier;
	line-height: 12px;
	font-size: 12px;
	letter-spacing:normal;
	color: #999;
	text-decoration: none;
}

ul.mainnav li.first {
	background-image: none;
	padding-left: 0;
}
/*** END:LAYOUT NAVIGATION ***/


/*** PAGE SPECIFIC SYTLES ***/

	/* py_company */
div.title.py_company {
	margin-bottom: 15px;
	border-color: #00b8ff;
}
div.py_company div.content_panel, div.py_company div.hr{ border-color: #00b8ff; }
div.py_company div.content_panel a, div.py_company ul.pager a:hover,div.py_company ul.pager li.current a {
	background-color: #00b8ff;
	color: #fff;
}

	/* py_home */
div.title.py_home {
	margin-bottom: 15px;
	border-color: #FF3897;
}
div.py_home div.content_panel, div.py_home div.hr{ border-color: #FF3897; }
div.py_home div.content_panel a, div.py_home ul.pager a:hover,div.py_home ul.pager li.current a {
	background-color: #FF3897;
	color: #fff;
}

	/* py_life */
div.title.py_life {
	margin-bottom: 15px;
	border-color: #ffd200;
}
div.py_life div.content_panel, div.py_life div.hr{ border-color: #ffd200; }
div.py_life div.content_panel a, div.py_life ul.pager a:hover,div.py_life ul.pager li.current a {
	background-color: #ffd200;
	color: #fff;
}

	/* pogus */
div.title.pogus {
	margin-bottom: 15px;
	border-color: #00d200;
}
div.pogus div.content_panel, div.pogus div.hr{ border-color: #00d200; }

	/* wepog */
div.title.wepog {
	margin-bottom: 15px;
	border-color: #c19366;
}
div.wepog div.content_panel, div.wepog div.hr{ border-color: #c19366; }
/*** END: PAGE SPECIFIC SYTLES ***/




/*** balloon tips ***/
div#balloon_container {
	height: 1px;
	overflow: hidden;
}
html>body div#balloon_container {
	overflow: visible;
} 
div#balloon_container img {
	position: relative;
	display: none;
}
img#balloon_company {
	top: -145px;
	left: 30px;
}
img#balloon_home {
	top: -159px;
	left: 190px;
}
img#balloon_life {
	top: -141px;
	left: 335px;
}
img#balloon_wepog {
	top: -159px;
	left: 400px;
}

img#balloon_pogus {
	top: -144px;
	left: 530px;
}









input.button {
	background-color: #A8A8A8;
	width: auto;
	height: auto;
	padding: 5px;
	color: #000;
	border: none;
	cursor: pointer;
}

label {
	display: block;
	margin-bottom: 5px;
}

input.text {
	border: 1px solid #A8A8A8;
	height: 16px;
	width: 385px;
	margin-bottom: 35px;
	padding: 5px;
}
textarea {
	border: 1px solid #A8A8A8;
	height: 250px;
	width: 385px;
	margin-bottom: 20px;
	padding: 5px;
}