/***** CSS by Mike Archibald - 939 Design Limited *****/

/***** Body *****/
* {margin:0;padding:0;}
body {margin:0 auto;padding:0;font:76%/170% Verdana,Tahoma,Arial,sans-serif;background:#000 url(../img/background.jpg) top left repeat-x;}

p {margin:0 0 15px 0;color:#666;}
ol {margin: 0 0 10px 35px;font:120%/130% Georgia,Verdana,Tahoma,Arial,sans-serif;color:#333;}
ul {margin:0 0 10px 25px;color:#333;}
a {color:#666;text-decoration:underline;}
a:hover {color:#333;text-decoration:none;}
img {border:none;}

/***** Layout *****/
#wrap {background-color:#fff;color:#999;margin:0 auto;width:850px;height:100%;padding:0 50px 0 50px;border-bottom:10px solid #333;}
#header {background:#424242 url(../img/jmp-white.jpg) 610px 60px no-repeat;;width:850px;height:168px;}
#mainnav {clear:both;background:#fff;height:50px;}
#maincontent {width:850px;padding:10px 0px 0px 0px;float:left;}
#footer {clear:both;width:850px;height:150px;}
#credits {background:url(../img/jmp-black.jpg) 610px 30px no-repeat;width:850px;float:left;padding:30px 0px 30px 0px;border-top:5px solid #999;}

/**** Navigation ****/
#navbar {}
#nav ul {display:inline;}	
#nav li {background:#fff;margin:10px 0px 0px 0px;float:right;list-style-type:none;border-left:3px solid #999;}
#nav li a {font:120%/200% Verdana,Tahoma,Arial,sans-serif;padding:0px 0px 0px 0px;margin:0px 30px 0px 6px;color:#999;text-decoration:none;}
#nav li a:hover {margin:0px 0px 0px 0px;padding:6px 30px 6px 6px;background-color:#eee;color:#333;}

/***** Main content *****/
h1{font:250%/130% Georgia,Verdana,Tahoma,Arial,sans-serif;margin:0px 0 15px 0px;}

.intro {font:140%/160% Georgia, Verdana,Tahoma,Arial,sans-serif;color:#000;}
.caption {font:100%/140% Georgia, Verdana,Tahoma,Arial,sans-serif;color:#333;clear:both;}

h2{font:170% Georgia,Verdana,Tahoma,Arial,sans-serif;margin:0px 0 20px 0px ;}
h3{font:160% Georgia,Verdana,Tahoma,Arial,sans-serif;margin:20px 0 15px 0 ;}
h4{font:160% Georgia,Verdana,Tahoma,Arial,sans-serif;margin:0px 0 0 0;color:#999999;}

.name {width: 700px;position:absolute;margin: 22px 0 0 220px;font:100%/120% Georgia, Verdana,Tahoma,Arial,sans-serif;}

blockquote {border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:16px;padding:7px 7px 7px 11px;background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;color:#505050;}
blockquote p {font-size:1.1em;line-height:1.3em;margin:0;}

#flash {margin:0 0 10px 0;}

/***** Footer *****/
#credits p {margin:0 0 0px 50px;color:#999;font-size:90%;}
#credits a {color:#999;}
#credits a:hover {color:#666;}

/***** Table styles *****/
table {margin:0 0 20px 0;padding:0;line-height:1.3em;border-collapse:collapse;border:1px solid #d8d8d8;}
caption {text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;}
th {padding:10px;text-align:center;background:#eaeaea ;color:#505050;}
td {padding:10px;font-size:1em;text-align:left;background:#f4f4f4;color:#303030;}

/***** Form styles *****/
fieldset  {clear:both;position:relative;padding:30px;}
label, fieldset div.cr p {margin:0;display:block;width:13em;text-align:left;float:left;}
fieldset div.cr label {text-align:left;margin-left:13em;width:auto;float:none;}

/***** Various classes *****/
.left {float:left;}
.right {float:right;}
.pic {border:solid 4px #999;margin:0px 6px 5px 0px;}
.picleft {float:left;border:solid 4px #999;margin:5px 10px 0px 0px;}
.picright {float:right;border:solid 4px #999;margin:5px 20px 0px 10px;}
.picleft-nb {float:left;margin:5px 10px 0px 0px;}
.picright-nb {float:right;margin:5px 20px 0px 10px;}
.footpicleft {float:left;border:solid 4px #999;margin:5px 10px 30px 0px;}
.hide {display:none;}
.small {font:75%/140% Verdana,Tahoma,Arial,sans-serif;}
.noborder {border:none ;}
.address {font:140%/160% Georgia, Verdana,Tahoma,Arial,sans-serif;color:#000;}