/*templated adapted from CSS Mastery book*/

* {
margin:0;
padding:0;
}

body {
font:.8em/1.4 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
background-color:#E8F2FF;
text-align:center;
min-width:760px;
}

#content a:link, #content-1 a:link, #leftCol a:link, #topinfo a:link, #footer a:link {
color: #0000FF;
text-decoration: none;
border-bottom: 1px dotted #0000FF;
}

#content a:visited, #content-1 a:visited, #leftCol a:visited, #topinfo a:visited, #footer a:visited {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#content a:active, #content-1 a:active, #leftCol a:active, #topinfo a:active, #footer a:active {
  color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#content a:hover, #content-1 a:hover, #leftCol a:hover, #topinfo a:hover, #footer a:hover {
border-bottom:2px solid #0000FF;
color:#0000FF;
}

h2 {
font-size:2em;
font-weight:bold;
}

h3 {
font-size:1.6em;
font-weight:bold;
}

h4 {
font-size:1.2em;
font-weight:bold;
}

li {
font-size:100%;
}

h1,h2,h3,h4 {
margin:.3em 0;
}

#branding h1, #branding-mc h1 {
margin:0;
color:#000;
display:none;
}

#branding {
height:80px;
background: url(img/reflection.jpg) center center;
clear:both;
}

#branding-mc {
height:120px;
background: url(img/reflection.jpg) center center;
clear:both;
}

#branding-mc p {
float:right;
padding:1em 1em 0 0;
font-size:1.6em;
font-variant: small-caps;
font-style: italic;
line-height: 1em;
width:6em;
text-align: center;
color:#0000ff;
}

#leftCol {
list-style:none;
width:170px;
float:left;
padding-top:20px;
padding-bottom:20px;
font-size:.9em;
}

#leftCol li {
margin-left:2em;
}

#footer {
background-color:#b0b0b0;
clear:both;
padding:1px 20px;
}

#wrapper {
width:720px;
text-align:left;
background: #fff url(img/pca.gif) center center fixed no-repeat;
margin:0 auto;
border:1px solid #ccc;
clear:both;
}

#content {
width:530px;
float:right;
padding:0 1em 1em 0;
}

#content-1 {
width:695px;
float:right;
padding:0 1em 1em 0;
}

#content-1 p {
margin:10px 0;
}

#content-1 li{
margin-left:3em;
}

#topinfo {
width:720px;
margin:5px auto;
background-color:transparent;
}

#topinfo ul li {
float:left;
list-style:none;
padding-right:30px;
}

#leftCol * {
padding-left:10px;
padding-right:10px;
}

#leftCol * * {
padding-left:0;
padding-right:0;
}

#content * * {
padding-right:0;
}

h3 {
margin:0;
padding-top:10px;
}

h4 {
margin:0;
}

p {
margin:0 10px;
}

table {
width:30em;
}
.title {
padding:0 5px;
text-align:right;
border:1px solid #ccc;
width:15%;
}
.data {
padding:0 5px;
text-align:left;
border:1px solid #ccc;
width:85%;
}
.imgrt {
float:right;
display:block;
border:1px solid black;
margin:10px 0 0 10px;
}

.newpage {
background-image:url(img/newpage.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:14px;
}

.rightbox {
float:right;
width:180px;
border: 1px solid #ccc;
font-size:.9em;
margin-right:-12px;
}

.rightbox h3 {
padding:0 5px;
font-size:100;
background-color:#666;
border-top:1px solid #fff;
color:#fff;
font-weight:bold;
}

.rightbox p {
padding:5px 0;
}

.box {
border:1px solid #ccc;
margin:10px 0;
}

.box h3 {
font-size:1.4em;
border-bottom:1px solid #ccc;
background-color:#666;
color:#fff;
font-weight:bold;
padding:0 5px;
}

#javaoff {
text-align:center;
width:750px;
color:#FFCC33;
margin:0 0 0 200px;
border-bottom:1px solid
}

#logo {
margin:-20px;
position:relative;
z-index:10;
}

a img, img {
border:none;
}

#thumbs {
width:100%;
}
#thumbs td {
text-align:center;
}

#slides {
float:right;
margin:1.5em 0 0 0;
border:3px double #ccc;
}

#webproper {
float:right;
}