/* defaults */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {
	font:normal 100%/150%   Helvetica,Verdana, Arial,'Liberation Sans','Bitstream Vera Sans', sans-serif;
	background:#bebebe;
	color:#333333;
	text-align:center;
	min-width:780px;
	
}

/* boxes, box specific typography */

#pg {
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	width:780px;
}

#pghead {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:120px;
	background:white;
}

#pglogo {
	padding:4px 0 4px 0;
	position:absolute;
	height:20px;
	left:0;
	width:100%;
	bottom:0;
	background:#7EBD3B url("backup/img/one98navbg.png") repeat-y left top;
}

#pgnav {
	display:table;
	list-style:none;
	white-space:nowrap;
	margin:0 0 0 5px;
}
#pgnav li {
	display:table-cell;
	margin:5px;
}
#pgnav li a, #pgnav li b {
	font-size:80%;
	line-height:260%;
	padding:10px;
	text-decoration:none;
	
}
#pgnav li a:hover {
	background:#3D70C3;
}

#pgbody {
	width:100%;
	position:absolute;
	top:75px;
	margin:25px 0 0 0;
	background-color: #fff;
	font-size:85%;
	padding:20px 0 0 0;
	
}

#pgleft {
	position:absolute;
	top:35px;
	left:0;
	margin:20px 0 40px 30px;
	width:158px;
	font-size:90%;
	line-height:1.4;
}

#pgmain {
	margin:0 30px 0 220px;
	padding:0 0 3em 0;
}

	
#pgtail {
	clear:both;
	border-top:2px solid #023c74;
	padding:.5em 0 0 0;
	color:#999;
	position:relative;
	font-size:85%;
	line-height:1.1;
}
#pgtail p {
	margin:0;
}
#pgtail a {
	color:#999;
}




/* typography */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 .5em 0;
	color:#666;
	
}
h1 {	font-size:130%;}
h2 {	font-size:115%;}
h3 {	font-size:105%;}
h4 {	font-size:95%;}
h5 {	font-size:85%;}
h6 {	font-size:80%;}

p, ul, ol, dl {
	margin:0 0 1.5em 0;
}
ul {
	padding:0 0 0 25px;
}
a {
	text-decoration:underline;
}
a:link {
	color:#888888;
}
a:visited {
	color:#333333;
}
a:hover, a:active {
	color:red;
}
img {
	border:none;
}
hr {
	height:1px;
	clear:both;
}

/* Nav */

.nav a:link{
padding: 3px 6px 7px 6px;
display: block;
font-weight: bold;
color:#FFFFCC; 
text-decoration: none;

}

.nav a:hover {
padding: 3px 6px 7px 6px;
/*background: url(img/nav/nav-1-hover.gif) repeat-x 0 0;*/
color:#FFFFCC;
text-decoration: underline;

}


.nav ul {
width: 500px;
}

.nav li {

float: left; 
background: url(/img/nav/nav-1.gif) repeat-x;
color:#FFFFCC;
list-style-type: none;
}


.nav a:active{
padding: 3px 6px 7px 6px;
float: left; 
background: url(backup/img/nav/nav-1-hover.gif) repeat-x 0 0;
color:#FFFFCC;
font-weight: bold; 
text-decoration: none;
list-style-type: none;
}
 
.nav a:visited{
padding: 3px 6px 7px 6px;
float: left; 
background: url(backup/img/nav/nav-1-hover.gif) repeat-x 0 0;
color:#FFFFCC;
font-weight: bold; 
text-decoration: none;
list-style-type: none;
}

.tip a{
color: #333333;
text-decoration: none;
}

#pgtipps{
	margin:0 30px 0 220px;
	padding:0 0 3em 0;
}

#pgtipps a:link {
	color: #000;
	text-decoration: none;
}

#pgtipps a:hover {
	color: #000;
	text-decoration: underline;
}

#pgtipps a:active {
	color: #000;
	text-decoration: none;
}

#pgtipps a:visited {
	color: #000;
	text-decoration: none;
}