html,body{margin:0;padding:0}
body{font: 100% Century Gothic, arial,sans-serif;}
p{margin:10px 10px 10px 10px}
a{display:block;color: #cc0000;padding:2px}
ul{list-style-type:none; padding:0; margin:0;}
img{padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;}
table{margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:20px;font: 100% Century Gothic, arial,sans-serif;}

table#join {font:130% Century Gothic, arial,sans-serif;}
table#jointwo {font:130% Century Gothic, arial,sans-serif;}

th{height:20px; font-size:100%; margin:0; padding-right:10px;color: #A60000; text-align:left;}
td{font-size:80%; padding-right:20px;border-top: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-bottom: 1px solid #333333;}
/*Padding-right:20px; is neccessary to give a nice gap between the columns.*/ 

div#donate p{line-height:1.4}
div#donate{width:100%;text-align:center;}

div#header h1{height:155px; font-size:180%;margin: 5px 0px 0px 0px; padding-left:0px; padding-top:0px; background:  #CCCCCC url(images/crcbanner.jpg) ;color: #A60000; text-align:center;}

p#frontpageimage {text-align:center; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin: 0 0 0 0;}

div#content{width:100%; background: #CCCCCC url(images/pebbles.jpg) center;}
div#content img{float:left;}
div#content p{line-height:1.4;padding-top:10px;padding-bottom:10px;padding-left:10px; margin: 0 0 0 0;}
/*Margin 0's are necessary to prevent white gap at top and bottom of pebble 'content' area.*/ 

div#links{background: #333;}
div#links{clear:both;width:100%; text-align:center; height: 20px;padding-top:5px;padding-bottom:5px;}

ul#linkslist li a{text-decoration:none;color:#ccc;display:inline;}
ul#linkslist li a:hover {color:#CC0000;}
ul#linkslist li {text-decoration:none;color:#cc0000;font-size:90%;display:inline;}

div#navigation{background:#800;}
div#navigation{clear:both;width:100%; text-align:center; height: 20px;padding-top:5px;padding-bottom:5px;}

ul#navigationlist li a{text-decoration:none;color:#ccc;display:inline;}
ul#navigationlist li a:hover {color:#000;}
ul#navigationlist li {text-decoration:none;color:#000;font-size:90%;display:inline;}

ul#download li a{text-decoration:none;}
ul#download li a:hover {color:#000;}
ul#download li {text-decoration:none; color:#000;font-size:100%;display:inline;}

div#downloads{padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:20px;}

img#intro{padding-top:1%; padding-bottom:1%; padding-left:4%; padding-right:4%;}

div#container{text-align:left; width:700px;margin:0 auto}

div#videocontent p{line-height:1.4}
div#videocontent{width:100%; background: #CCCCCC url(images/pebbles.jpg) center;text-align:center;}

div#homemain p{line-height:1.4}
div#homemain{width:100%; background: #CCCCCC url(images/pebbles.jpg) center;}

div#homeone{background: #CCCCCC url(images/pebbles.jpg) center; float:left;width:350px; height:150px; text-align:left; padding-top:0px;padding-bottom:5px; color:#600;}
/*div#homeone and div#hometwo hright alter height of article boxes.*/ 
div#hometwo{background: #CCCCCC url(images/pebbles.jpg) center; float:left;width:350px; height:150px; text-align:left; padding-top:0px;padding-bottom:5px; color:#600;}

div#footer{background: #333; clear:both; width:100%; height: 20px; text-align:center; color:#cccccc; font-size:80%;}
div#footer a {display:inline; color: #FFFFFF;padding-left:1px; padding-right:1px;}

ul#footerlist li {text-decoration:none;color:#cc0000;font-size:100%; display:inline;}