/*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: #02135B;
color:#333;
text-align:center;
min-width:760px;
}

h2 {
font-size:2em;
}

h3 {
font-size:1.6em;

}

h4 {
font-size:1.2em;
}

li {
font-size:100%;
}

h2,h3,h4 {
margin:.3em 0;
color:#02135B;
font-weight:bold;
}

#brandingh1 {
font-size:1em;
text-align:center;
border-bottom:3px double #CC9900;
margin-top:-.7em;
font-variant: small-caps;
color:#02135B;
}

#branding {
height:108px;
background: #fff url(img/CWlogo.jpg) no-repeat;
background-position: 5em .5em;
clear:both;
width:720px;
border-top:1px solid #CC9900;
}

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

#leftCol p {
font-size:.9em;
margin-bottom:.5em;
}

#leftCol h3 {
margin-top:40px;
}

#footer {
font-size:.85em;
clear:both;
padding:5px;
text-align:center;
font-variant: small-caps;
border-top:1px solid #CC9900;
}

#motto {
font-size:1.2em;
color:#00105A;
font-style: italic;
font-family: "Times New Roman", Times, serif;
font-variant: normal;
clear:both;
line-height:1.1;
margin-bottom:5px;
}

#wraptop {
background: #01135A url(img/rocks2.jpg) top center no-repeat fixed;
padding-top:.5em;
}

#wrapbot {
}

#wrapper {
width:720px;
text-align:left;
margin:0 auto;
clear:both;
background-color:#fff;
border:3px double #CC9900;
}

#content {
width:510px;
float:right;
padding:0 1em 1em 0;
min-height: 370px;
}

#content p {
margin-bottom:.5em;
}

#content ul li {
margin-left:2em;
}

#topinfo {
width:720px;
margin:0 auto;
font-variant: small-caps;
color:#000;
padding:5px;
vertical-align:center;
line-height:1.5;
}

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

a img, img {
border:none;
}

a:link {
color: #02135B;
text-decoration: none;
border-bottom: 1px dotted #CC9900;
}

a:visited {
  color: #804040;
text-decoration: none;
border-bottom: 1px dotted #CC9900;
}

a:active {
  color: #02135B;
text-decoration: none;
border-bottom: 1px dotted #CC9900;
}

a:hover {
  color: #fff;
background-color: #000066;
}

.rightbox {
float:right;
border:3px double #CC9900;
width:30%;
background-color:#fff;
display:block;
margin:5px 0 5px 10px;
clear:both;
}

.rightbox p {
font-size:.9em;
padding:5px;
}

.rightbox h3 {
background: url(img/rightbox.gif) bottom right no-repeat;
color:#fff;
font-size:1.4em;
padding-left:.5em;
margin: 0;
border-bottom:3px double #CC9900;
font-variant: small-caps;
}

.rightbox h3 a {
text-decoration:none;
color: #fff;
}

.rightbox h4 {
padding:0 5px;
}

.center {
margin:0 auto;
text-align:center;
display:block;
}

.list li {
margin-left:2em;
}

#moddesign {
color: #CC9900;
}

#moddesign tr {
vertical-align:top;
text-align:center;
}

.center {
margin:0 auto;
text-align:center;
display:block;
}

.right {
float:right;
margin:.5em;
}

.left {
float:left;
margin:.5em;
}

.outline {
border: 1px solid #ccc;
}

.red {
color:#CC9900;
}

.price {
font-size:xx-large;
color:#CC9900;
font-weight:bold;
}

hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
text-align: left;
margin:.5em 0;
}

blockquote {
margin:0 .5em;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a img, img, #moddesign a:link, #moddesign a:visited {
border:none;
}
#webproper {
float: right;
}