/* CSS Document */

body {
margin:0px;
padding:0px;
background-color:#999999;
}


/****************** NEW STYLE TRIALS **************************/

#namebox {
width:850px;
height:55px;
margin-left:auto;
margin-right:auto;
}

#namebox h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#fff;
padding-top:10px;
}

#introbox {
margin-left:auto;
margin-right:auto;
width:850px;
height:550px;
border:3px double #fff;
margin-top:5px;
background-color:#CCCCCC;
}

#introbox .picbox {
width:149px; 
height:100px;
float:left;
text-align:center;
margin-top:10px;
margin-left:52px
} 

#introbox .basepicbox {
width:780px; 
height:100px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
} 

#introbox h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
text-align:center;
margin-top:25px;
}
#linkbox {
height:30px;
margin-top:25px;
}

#linkbox ul {
margin-left:0px;
padding-left:0px;
list-style-type:none;
}
#linkbox li {
float:left;
width:80px;
margin-left:105px;
display:block;
}
#linkbox a {
display:block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}


#linkbox a:link, #linkbox a:visited {
background-color:#333333;
color:#FFFFFF;
}

#linkbox a:hover, #linkbox a:active{
background-color:#fff;
color:#333;
}

.servicebox {
width:650px;
height:150px;
float:left;
margin-left:100px;
margin-top:20px;
}

.servicebox p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:justify;
}


/****************** END OF NEW STYLE TRIALS **************************/
#wrapper {
margin-left:auto;
margin-right:auto;
width:960px;
border:1px solid #ccc;
background-image:url(images/bg.gif);
background-repeat:repeat-y;
}

#header {
height:100px;
background-image:url(images/mjfheader.jpg);
background-repeat:no-repeat;
}

#navigation {
float:left;
width:190px;
border:1px solid #ccc;
}

#content {
width:746px;
min-height:400px;
float:left;
border:1px solid #ccc;
padding:0px 10px 0px 10px;
}


#footer {
width:100%;
height:90px;
clear:both;
border:1px solid #ccc;
}





/* ********** Text Styling **************** */

.standard {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
}

.mainhead {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000;
}

.subhead {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
}


/* ********** Links *********** */

#navigation ul {
padding-left:0px;
margin-left:0px;
list-style-type:none;
}

#navigation li {
height:32px;
padding:3px;


}

#navigation a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
width:145px;
padding-left:5px;
height:26px;
display:block;
text-align:center;
padding-top:4px;
}

#navigation a:link, #navigation a:visited  {
background-image:url(images/uplink-back.jpg);
background-repeat:no-repeat;
color:#333;
}

#navigation a:hover {
background-image:url(images/overlink-back.jpg);
background-repeat:no-repeat;
color:#000;
}

/* Biography styling */

.addressbox {
width:250px;
height:125px;
float:left;
margin-left:20px;
}
.addressbox2 {
width:250px;
height:125px;
float:left;
margin-left:50px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
}
.plaintext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.clear {
clear:both;
}

/* drawing and picture boxes */

.drawbox {
width:131px;
margin-left:5px;
height:175px;
border:1px solid #ccc;
float:left;
text-align:center;
} 

.clearing {
clear:both;
}