/* --------------
PIREAN STYLE SHEET: INDEX STYLE

Defines the styling of the Pirean Index / HomePage.

Duncan Wilson
duncan.wilson@pirean.com

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


#WelcomePanel{
display: block;
float: left; 
width: 794px;
height: 369px;
margin-top: 12px;
margin-left: 14px;
padding-bottom: 4px;
background: url(CSSimages/WelcomePanelBottom.gif) no-repeat bottom #a4a4a3;
}

#WelcomePanel h1{
padding-left: 12px;
padding-top: 6px;
background: url(CSSimages/WelcomePanelTop.gif) no-repeat top #a4a4a3;
}

.PBPLogo{
display: block;
float: right;
background: url(CSSimages/IBMpbpLogo.gif) left no-repeat;
width: 180px;
height: 123px;
margin-right: 12px;
}

#WelcomePanel h2{
color: #ffffff;
padding-left: 12px;
}

#WelcomePanel h3{
padding-left: 12px;
}

#WelcomePanel ul{
margin-left: 12px;
padding-left: 12px;
}

.NewsPanel{
display: block;
float: left;
position: relative;
background: url(CSSimages/FrontNewsBottom.gif) no-repeat bottom #61605b;
padding-bottom: 22px; 
width: 247px;
height: 152px;
margin-top: 18px;
margin-left: 13px;
margin-bottom: 12px;
background-color: #858585;
}

.NewsPanel h3{
display: block;
color: #ffffff;
font-size: 12px;
padding-top: 4px;
padding-left: 37px;
background: url(CSSimages/FrontNewsTop.gif) no-repeat top left #61605b;
margin: 0;
border: 0;
}

.NewsPanel h4{
background-color: inherit;
color: #e2e2e2;
font-size: 11px;
text-transform: uppercase;
padding-left: 11px;
padding-top: 4px;
padding-right: 4px;

}

.NewsPanel p{
color: #ffffff;
padding-left: 11px;
padding-right: 4px;
padding-bottom: 8px;
background-color: #858585;
}

.NewsPanel a{
display: block;
color: #ffffff;
background: url(CSSimages/NewsPanelArrow.gif) no-repeat left top;
position: absolute;
top: 155px;
left: 39px;
padding-left: 9px;
}

.Arrow{
background: url(CSSimages/NewsPanelArrow.gif) no-repeat left top;
}

.NewsPanel a:visited{
color: #6797b4;
}

.NewsPanel a:hover{
color: #ffa200;
}

.NewsPanel a:active{
color: #ffa200;
}

.NewsStrip{
color: #ffa244;
}

#IndexPanel{
display: block;
float: left; 
width: 390px;
height: 182px;
margin-top: 14px;
margin-left: 14px;
background: url(CSSimages/IndexPanelBottom.gif) no-repeat bottom #5c5c5a;
}

#IndexPanel p{
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 11px;
color: #ffffff;
}

#IndexPanel #IndexPanelTwo p{
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 143px;
color: #ffffff;
}

#IndexPanel #IndexPanelFour p{
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 143px;
color: #ffffff;
}

#IndexPanel h2{
color: #ffffff;
font-size: 18px;
padding-top: 5px;
padding-left: 9px;
padding-right: 140px;
background: url(CSSimages/IndexPanelTop.gif) no-repeat top left #5c5c5a;
margin: 0;
border: 0;
}

#IndexPanel #IndexPanelTwo h2{
color: #ffffff;
font-size: 18px;
padding-top: 5px;
padding-left: 141px;
padding-right: 6px;
background: url(CSSimages/IndexPanelTop.gif) no-repeat top left #5c5c5a;
margin: 0;
border: 0;
}

#IndexPanel #IndexPanelFour h2{
color: #ffffff;
font-size: 18px;
padding-top: 5px;
padding-left: 141px;
padding-right: 6px;
background: url(CSSimages/IndexPanelTop.gif) no-repeat top left #5c5c5a;
margin: 0;
border: 0;
}

#IndexPanel h3{
color: #ffa200;
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 11px;
}

#IndexPanel #IndexPanelTwo h3{
color: #ffa200;
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 143px;
}

#IndexPanel #IndexPanelFour h3{
color: #ffa200;
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 143px;
}

#IndexPanel ul{
background-color: #5c5c5a;
}

#IndexPanel li{
color: #ffffff;
list-style: none;
}

#IndexPanel li a{
color: #ffffff;
padding-left: 14px;
background: url(CSSimages/IndexArrow.gif) no-repeat left;
}

#IndexPanel li a:hover{
color: #ffa244;
}


#IndexPanel #IndexPanelTwo ul{
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 146px;
}

#IndexPanel #IndexPanelFour ul{
background-color: #5c5c5a;
border: 0;
margin: 0;
padding-left: 146px;
}

#IndexPanel #IndexPanelOne #IndexPanelImage{
background: url(CSSimages/IndexPanelOne.jpg);
float: right; 
width: 134px;
height: 182px;
}


#IndexPanel #IndexPanelTwo #IndexPanelImage{
background: url(CSSimages/IndexPanelTwo.jpg);
float: left; 
width: 134px;
height: 182px;
}


#IndexPanel #IndexPanelThree #IndexPanelImage{
background: url(CSSimages/IndexPanelThree.jpg);
float: right; 
width: 134px;
height: 182px;
}


#IndexPanel #IndexPanelFour #IndexPanelImage{
background: url(CSSimages/IndexPanelFour.jpg);
float: left; 
width: 134px;
height: 182px;
}

#IndexPanel a{
color: #ffffff;
text-decoration: none;
}

#IndexPanel a:visited{
color: #ffffff;
}

#IndexPanel a:hover{
color: #ffa200;
}

#IndexPanel a:active{
color: #ffffff;
}