@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
#body { background:#e0e0e0; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
#content { background:#fff; border:4px solid #d3d3d3; width:718px; margin:60px auto; padding:48px 24px 24px 24px; }
  
.selectl { border:1px solid #cfcfcf; width:350px; height:150px; float:left; margin:60px 0; text-align:center; }
.selectr { border:1px solid #cfcfcf; width:350px; height:150px; float:right; margin:60px 0; text-align:center; }
.item { border:1px solid #cfcfcf; margin:60px 0; }
  
.copy { clear:both; color:#c0c0c0; float:right; font-size:9px; margin:12px 0; }
.foot-return { color:#c0c0c0; float:left; font-size:12px; margin:12px 0; }


/* Text formatting --------------- */

h1 { font-size:24px; line-height:29px; letter-spacing:1px; color:#c0c0c0; font-weight:normal; }
h2 { font-size:18px; line-height:150px; letter-spacing:1px; color:#c0c0c0; font-weight:normal; }
h3 { font-size:18px; line-height:22px; letter-spacing:1px; color:#b3bad0; font-weight:normal; }
h4 { font-size:16px; line-height:16px; letter-spacing:1px; color:#999999; font-weight:normal; margin: 0 0 0 12px;}

p {font-size:12px; line-height:18px; letter-spacing:1px; color:#33333; font-eight:normal; margin: 30px 0 40px 0; }

ul { list-style-type:none; margin:24px auto; }
ul li { display:inline; padding:18px; }


/* Link formatting --------------- */

a { color:#b3bad0; border:none; text-decoration:none; }
a:hover { color:#77adb8; }

h1 a { color:#c0c0c0; border:none; text-decoration::none; }
h1 a:hover { color:#c0c0c0; }

.selectl a { display:block; background:url('../images/science-port.jpg'); }
.selectl a:hover { background:url('../images/science-port-h.jpg'); color:#fff; }

.selectr a { display:block; background:url('../images/personal-port.jpg'); }
.selectr a:hover { background:url('../images/personal-port-h.jpg'); color:#fff; }

/* Misc formatting --------------- */

.lower {position: relative; top: 5px; margin: 0 10px 0 0; }