/* Pam G CSS */

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#logo {
width: 890px;
margin: 0 auto 0 auto;
}

#logo img {
}

#logo h1 {
position: absolute; 
margin-top: 10px;
margin-left: 40px;
color: #6666ff;
font-size: 3.0em;
font-weight: bolder;
}

#logo h2 {
position: absolute; 
margin-top: -40px;
margin-left: 290px;
color: #333399;
font-size: 1.8em;
font-weight: bolder;
}

#menuwrap { 
clear: both;
width: 890px;
margin: 0 auto 0 auto;
background: url(pamimages/menuclr.jpg) repeat-x left top;
} 

#menu {
width: 890px;
height: 20px;
} 

#menu ul {
margin: 0;
list-style: none;
} 

/* Create a white space between menu items. */
#menu li { 
display: block;
float: left;
width: 190px;
height: 20px;
padding: 0 0 0 22px;
background: url(pamimages/white.jpg) no-repeat;
} 

/* Menu text. */
#menu a { 
display: block;
width: 182px;
height: 20px;
padding: 5px 0 0 0;
text-align: left;
text-decoration: none;
font-size: 10px;
color: white;
font-weight: bold;
} 

#menu a:hover {
background-color: #d7d7d7;
color: black;
}

/* Wrap a purple bar across the screen. */
#wrapper { 
width: 890px;
height: 30px;
background: url(pamimages/spacer.jpg) repeat-x left top;
} 

/* Wrap a grey bar across the screen. */
#greybar { 
width: 890px;
height: 20px;
background-color: #d7d7d7;
background-repeat: repeat-x;
margin: 5px auto 0 auto;
} 

#ptitle p{
text-align: center;
color: #7a7777;
font-family: Arial;
font-size: 20px;
}

#midsec {
width: 890px;
margin: 0 auto 0 auto;
}

#midsec img {
border: none;
width: 260px;
height: 159px;
position: absolute;
} 

#midsec p {
width: 300px;
height: 159px;
color: #6666CC;
text-align: center;
font-family: Arial;
font-size: 15px;
font-weight: 100;
padding: 10px 10px 5px 40px;
margin-left: 290px;
position: absolute;
}

#wrapbot {
width: 890px;
height: 30px;
background: url(pamimages/spacer.jpg) repeat-x;
margin: 0 auto 0 auto;
}  

#botmenu {
width: 890px;
margin: 0 auto 0 auto;
}

#leftbot {
border: none;
width: 290px;
position: absolute;
background-image: url(pamimages/bargrey.jpg);
background-repeat: repeat-x;
margin-left: 0px;
} 

#leftbot a { 
display: block;
height: 20px;
padding: 5px 0 0 10px;
text-align: center;
font-size: 12px;
color: black;
font-weight: normal;
text-decoration: none;
} 

#leftbot a:hover {
background-image: url(pamimages/menuclr.jpg);
background-repeat: repeat-x;
color: white;
}

#midbot {
border: none;
width: 300px;
position: absolute;
background-image: url(pamimages/menuclr.jpg);
background-repeat: repeat-x;
margin-left: 295px;
} 

#midbot a { 
display: block;
height: 20px;
padding: 5px 0 0 10px;
text-align: center;
font-size: 12px;
color: white;
font-weight: normal;
text-decoration: none;
} 

#midbot a:hover {
background-image: url(pamimages/bargrey.jpg);
background-repeat: repeat-x;
color: black;
}


#rightbot {
border: none;
width: 290px;
position: absolute;
background-image: url(pamimages/bargrey.jpg);
background-repeat: repeat-x;
margin-left: 600px;
} 

#rightbot a { 
display: block;
height: 20px;
padding: 5px 0 0 10px;
text-align: center;
font-size: 12px;
color: black;
font-weight: normal;
text-decoration: none;
} 

#rightbot a:hover {
background-image: url(pamimages/menuclr.jpg);
background-repeat: repeat-x;
color: white;
}

#footer { 
padding: 5px 50px 20px 0px;
text-align: right;
font-size: 0.8em;
color: black;
font-weight: bold;
margin: 10px 205px 0 0;
}

#mainsec {
width: 890px;
margin: 10px auto 0 auto;
}

#staff {
width: 890px;
margin: 0 auto 0 auto;
} 

#staffpic {
width: 200px;
position: absolute;
margin: 0px 10px 0 10px;
} 


#staffpic ul { 
list-style: none;
} 

#staffpic a {
text-decoration: none;
font-size: 0.9em;
font-weight: bold;
} 

#staffpic img {
border: none;
width: 100px;
background-image: none;
background-repeat: no-repeat;
} 

#staffrt { 
border: none;
width: 650px;
position: absolute;
margin: 0px auto 0px 200px;
}

#staffrt li { 
list-style: none;
}

#stafffull {
width: 890px;
margin: 0 auto 0 auto;
}

#staffpicfull {
border: none;
position: absolute;
background-image: none;
background-repeat: no-repeat;
text-decoration: none;
margin-top: 20px;
margin-left: 30px;
} 


#staffpicfull img {
border: none;
width: 190px;
background-image: none;
background-repeat: no-repeat;
} 

#staffrtfull { 
border: none;
width: 620px;
position: absolute;
background-image: none;
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 260px;
}

#basic {
width: 890px;
margin: 15px auto 0 auto;
}

#basic li {
list-style: none;
}

#basic a { 
text-decoration: none;
color: #6666CC;
font-weight: bold;
font-size: 12px;
}

#basic p { 
font-weight: normal;
font-size: 12px;
margin-top: 15px;
}

#basictext {
width: 890px;
margin: 0 auto 0 auto;
}

#basictext2 {
width: 890px;
margin: 0 auto 0 auto;
}

#basictext2 a {
background-color: yellow; 
}


#pagenm {
width: 890px;
text-align: center;
text-decoration: none;
margin: 0 auto 0 auto;
}

#pagenm a{
text-decoration: none;
}

.artres li {
list-style: none;
}


.artres a {
width: 890px;
text-decoration: none;
color: blue;
font-size: 12px;
margin: 0 auto 0 260px;
}

.direc p{
text-decoration: none;
color: black;
font-size: 12px;
margin: 30px auto 30px 300px;
}




