﻿body {
}
/*webpage without table*/
div.container
{
width:100%;
margin:0px;
border:1px solid #0066cc;
line-height:80%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:Orange;
clear:left;
}
div.headerlogo
{
padding:0.5em;
color:Maroon;
background-position:center;
}
h1.header
{
padding:0px;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
background-color: #0066cc;
overflow:hidden;
}
div.content
{
background-image:url("images/pkj.jpg") align = center;
width:804px; 
height:1110px; 
position: static; 


}
div.content1
{
float:right;
width:680px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid #0066cc;
text-align:center;
overflow: auto; /*automatically hanlde over flow by broweser*/
}

div.right
{
position:absolute;
left:980px;
top:150px;
width:230px;
height:auto;
background-color:white ;
border-left:1px solid #0066cc;
overflow:hidden;

}

/*setting outline for paragrah text*/
p.olbsignin 
{
border: red solid thin;
outline: green dotted thick;
width:90px;
text-align:center;
position:relative;
outline-style: double;
}
p.redsolidthin
{
border: red solid thin;
}
p.left
{	
	border: Blue dashed thin;
	background-color:Transparent;
	font-weight:bold;
	text-align:center;
	color:White;
	
	}
/*p.dotted {outline-style: dotted}
p.dashed {outline-style: dashed}
p.solid {outline-style: solid}
p.double {outline-style: double}
p.groove {outline-style: groove}
p.ridge {outline-style: ridge}
p.inset {outline-style: inset}
p.outset {outline-style: outset}

/* link hypeer 
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

/*Mouse over the links to see them change layout
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}

a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}

a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}

a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}*/

a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}

