/* CSS Document */

html,body{margin:20;padding:0}

body {
background-color:#862074;
font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial;
font-size:100%;
margin-top:15px;
padding-top:15px;
}

.Normal {
text-align:left;
}


.clear {
clear:both;
}

#myheader{
float:left;
line-height:20px;
margin-top:120px;
margin-left:20px;
}
#myheader h1{
color:#999999;
font-size:1.5em;
}


a.stevetest { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 120px; /* width of reactive image */
     margin-right: 7px;
	 margin-left: 8px;
     height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/abstract.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.stevetest:active {
     background-image: url(/Portals/laplidz/rollovers/abstract-roll.jpg); /* source for target image */
}	 
a.stevetest:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/abstract-roll.jpg); /* source for target image */
     } 
a.stevetest2 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
    width: 120px; /* width of reactive image */
    margin-right: 7px;
		 margin-left: 8px;
     height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/animals-and-pets.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.stevetest2:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/animals-roll.jpg); /* source for target image */
     } 

a.stevetest3 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
    width: 120px; /* width of reactive image */
    margin-right: 7px;
		 margin-left: 8px;
     height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/creative.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.stevetest3:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/creative-roll.jpg); /* source for target image */
     } 
     
a.stevetest4 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
    width: 120px; /* width of reactive image */
    margin-right: 7px;
		 margin-left: 8px;
     height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/nature.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.stevetest4:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/nature-roll.jpg); /* source for target image */
     } 
     
a.stevetest5 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
    width: 120px; /* width of reactive image */
    margin-right: 7px;
     	 margin-left: 8px;
height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/sports.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.stevetest5:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/sports-roll.jpg); /* source for target image */
     } 
a.stevetest6 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
    width: 120px; /* width of reactive image */
    margin-right: 7px;
     	 margin-left: 8px;
height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/travelandplaces.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.stevetest6:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/travel-roll.jpg); /* source for target image */
     }      
a.stevetest7 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
    width: 120px;  /* width of reactive image */
    margin-right: 7px;
     	 margin-left: 8px;
height: 85px; /* height of reactive image */
     float: left;
     background-image: url(/Portals/laplidz/photographyandart.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.stevetest7:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/Portals/laplidz/rollovers/photography-roll.jpg); /* source for target image */
     } 
	 
	 
.SubHead {
color: #862074;
}	      

.clickimage {
color: #862074;
font-size:0.9em;
}	


/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
	line-height:1.2em;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
}

.TreeMenu_NodeSelected
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #862074;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #862074;
}

.menu {
	margin:0px;
	padding-left: 0px;
	padding-top: 0px;

}


.header {
margin:0px 0px;
height:173px;
background-image: url(Images/header.jpg);
background-repeat:no-repeat;
clear:both;
padding:0;
}

.Head {
color:#862074;
margin-left: 10px;
font-family:Tahoma,Arial,Helvetica;
font-size:20px;
font-weight:normal;
}
 
#navcontainer {
float:left;
border:0;
width:206px;
margin:0;
padding:0;
}

.container {
width:1000px;
font-family:"Lucida Grande", Verdana, Arial;
font-size:0.9em;
margin:15px auto;
background-image:url(/Portals/laplidz/skins/laplidz/Images/footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FFFFFF;
border:0px;
border-color:#731084
}



.nav {
margin:0px auto;
width:1000px;
padding:0px;
height:30px;
background-color: orange;
text-align:left;
}




.leftpane {
width:210px;
padding-top:40px;
margin:auto;
text-align:left;
}




.credits {
margin-bottom: 0px;
width:1000px;
font-size:70%;
border-top:0px solid #fff;
padding:0px 0px 0px 0px;
}

.credits a:link,
.credits a:visited {
color: #862074;
text-decoration:none;
}

.credits a:hover{
color: #999999;
text-decoration:underline;
}


.ContentPane {
float:left;
border:0;
width:200px;
background-color:#FFF;
margin:20px;
padding:10px 0px 0px 0px;
border:0px ;
}

.ContentPane80 {
float:left;
border:0;
width:710px;
background-color:none;
margin:10px;
padding:10px 0px 0px 0px;
border:0px ;
}

.ContentPane100 {
float:left;
border:0;
width:940px;
background-color:#FFF;
margin:20px;
padding:10px 10px 0px 0px;
border:0px ;
}


.ContentPane img {
border-left:1px solid #FFF;
border-right:1px solid #FFF;
background-color:#fff;
margin-bottom:10px;
margin-top:10px;
padding:3px;

}

.ContentPane80 img {
border-left:1px solid #FFF;
border-right:1px solid #FFF;
background-color:#fff;
margin-bottom:0px;
margin-top:0px;
padding:0px;

}


.RightPane img, .LeftPane img {
border-left:1px solid #FFF;
border-right:1px solid #FFF;
background-color:#862074;
margin-bottom:10px;
margin-top:10px;
padding:0px;

}



.BottomPane img {
border-left:0px solid #FFF;
border-right:0px solid #FFF;
margin-bottom:0px;
margin-top:-5px;
padding:3px;
border:0px;

}


.ContentPane hr {
text-align:center;
margin:5px 10px;
}

.ContentPane TD {
font-size:100%;
width:200px;
padding:0;
}

.RightPane {
  float: left;
border:0;
width:690px;
margin:20px;
padding:10px 10px 0px 0px;
border:0px none;
}

.RightPane20 {
  float: left;
border:0;
width:210px;
margin:20px -20px 20px 20px;
padding:10px 0px 0px 0px;
border:0px solid red;
}

.LeftPane20 {
float: left;
border:0;
width:200px;
margin:20px 20px 20px 20px;
padding:10px 0px 0px 0px;
}

.RightPane hr {
border:0;
height:6px;
background-image:url(../laplidz/images/qkrule.jpg);
margin:0;
}

.BottomPane {
border:0px;
width:950px;
margin:20px;
padding:10px 10px 0px 0px;
}

.TopPane {
border:0;
width:950px;
margin:10px;
padding:5px 10px 0px 10px;
}

.footercontainer {
width:960px;
font-size:80%;
margin:0;
padding:20px;
}

.disclaimer {
width:960px;
background-color:#FAF8F0;
font-size:60%;
text-align:center;
margin:0 auto;
padding:20px;
}

h1 {
font-size:1.8em;
font-weight:400;
color:#862074;
clear:both;
margin:5px 10px;
}

h2 {
font-size:1.3em;
font-weight:400;
color:#666666;
margin:5px 10px;
}

h3 {
font-size:1.3em;
color:#999999;
margin:5px 10px;
}

h4 {
font-size:1.1em;
color:#2D5987;
margin:5px 10px;
}

p {
line-height:1.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:105%;
margin:0.7em 10px;
color:#666666;
padding:0;
}

a,a:link,a:active,a:visited {
color:#862074;
text-decoration:underline;
}

ul {
list-style-type:circle;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:105%;
line-height:1.7em;
margin:0 0 10px 25px;
padding:0;
}

li {
list-style-type:circle;
margin:0;
padding:3px 0;
}

hr {
border:0;
height:2px;
color:#96ACC3;
background-color:#96ACC3;
width:96%;
margin:20px auto;
}

.OtherTabs {
color:#D24020;
font-weight:400;
}

a:hover.OtherTabs {
color:#D24020;
text-decoration:underline;
}

.links {
text-decoration:none;
font-size:0.9em;
}

.lapform {
color: #731084;
}

.lapform .SubHead {
font-size:90%;
font-weight:normal;
color: #731084;
}

.lapform td {
padding:8px;
}

Pager CSS

Move this to your portal.css file if preferred 

*/
.PagerContainerTable
{
	color: #d1d1e1;
	background-color: #000;
	padding:0px;
}
.PagerInfoCell
{
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color: #fff;
	padding-top: 3px;
	white-space: nowrap;
	background-color: #666666;
	font-weight:normal;
}
.PagerInfoCell:link
{
	color: #ffcc66;
	text-decoration: none;
}
.PagerInfoCell:visited
{
	color: #ffcc66;
	text-decoration: none;
}
.PagerCurrentPageCell
{
	color: #000;
	font-weight: bold;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
}
.PagerOtherPageCells
{
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.PagerSSCCells
{
	background-color: #cccccc;
	padding: 20px;
}
.PagerHyperlinkStyle
{
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:hover
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:link
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:visited
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:active
{
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

/*

modal popup (used to display full sized images

Move this to your portal.css file if preferred

*/

div.modalPopup {
	background-color:#fff;
	border-width:0px;
	border-style:solid;
	border-color:#862074;
	padding: 10px;
	text-align: center;
}