@import url("common.css");

body {
 text-align:center;
 background-color: #EEFFFF;
}

hr {
 margin: 1em;
 border: 0px;
 border-top: 1px solid #4A79CD;
}

#titleImage {
 text-align:center;
 margin:0.5em;
}

#menu {
 border-bottom:1px solid silver;
 border-right:1px solid silver;
 padding: 0px;
}
#mainmenu {
 border:1px solid #4A79CD;
 margin-left: 0px;
}

#googleSearch {}
#q, #sa { border:1px solid green;}
#q { background:#DDFFDD;}
#q:focus { background:white;}
#sa { background:#B9EFA2;}
#sa:hover { background:#C9FFA2;}

#tools {
 font-size:small;
 color:black;
 background-image: url('images/faded_corner_small.jpg');
 padding: 10px 25px;
 background-position: top left;
 background-repeat: no-repeat;
}

#contact {
 border:1px solid #4A79CD;
 background-color:#99CCFF;
}

#icons {
 border:1px solid green;
 background-color:#B9EFA2;
}

#textbody {
 border:1px solid #4A79CD;
}
.textbodyTitle {
 background-color:#B9EFA2;
 border:1px solid green;
}


/*
 Top Menu
 */
#topmenucontainer ul {
 border:1px outset green;
 background-color:#B9EFA2;
}
#topmenucontainer li a
{
 color: black;
 border:1px solid green;
 background-color:#F0F0F0;
}
#topmenucontainer li .goBack
{
 background-color:#B9EFA2;
}
#topmenucontainer li a:hover
{
 background-color:white;
 border-width:1px 1px 2px 1px;
}


/* Hover Effect for Pictures */
.picture_frame img {
 border: 2px solid silver

}
.picture_frame img:hover {
 border: 2px solid #4A79CD
}