body {
margin-top: 0;
margin-left: 0;
background-color: #ffffff;
}

body, table, td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.maintext {
  text-decoration: none;
  font-family: Arial;
  font-size: x-small;
  color: #000000;
}

img.left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 2px #CCCCCC solid;
}
img.right {
float: right;
margin-right: 10px;
margin-bottom: 10px;
}

.tableborder {
border: 2px #000066 solid;
}


#dottedline_grey { /*This is how you do a horizontal dotted line! Call it by <div id="dottedline_grey"></div> */
	float: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	width: 100%;
	padding: 3px 0 3px 0;
	height: 30px;
	margin: 0;
	list-style: none;
	background: #FFFFFF url(http://www.dnronline.com/rocktown/images/horzdot_whitebkgnd.jpg) repeat-x bottom left; /*verticalheaderbkgnd.jpg*/
}

.vertical_line { /*vertical separator line */
	border-right: dashed 1px #CCCCCC;
}

a.head:link {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

a.head:visited {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

a.head:hover {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003366;
}

a.head:active {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffcc66;
}

.tabhead {
  text-decoration: font-weight: 800;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

.menu {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: white;
}

.menu a:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
}    
    
.menu a:visited {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
}

.menu a:hover {
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
   color: #ffcc66;
}

.menu a:active {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
}

/*submenu fonts*/
.submenu {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    color: #000066;
}

.submenu a:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000066;
}    
    
.submenu a:visited {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000066;
}

.submenu a:hover {
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
   color: #990000;
}

.submenu a:active {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000066;
}




div {
    font-family: Verdana, Arial;
}

.clsCMOn, .clsCMOver {
    font-size: 11px;
    padding: 2px 4px;
    color: black;
}

.style2 {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #003366;
}

.title {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #003366;
}
.titleyellow {
  text-decoration: font-weight: 800;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffcc66;
}

.styleDropmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	color: #000000;
}

.weddingtitle {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #6666CC;
  padding-bottom: 10px;
}

.purpletext {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #6666CC;
}

.orangetext {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #AA8956; /*DCBF95*/
}

.weddingtext {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #000000;
}

.weddingtext a:link {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #6666CC;
}

.weddingtext a:visited {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #6666CC;
}

.weddingtext a:hover {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #999999;
}

.weddingtext a:active {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #6666CC;
}
img.weddingphotoborder {
  border: 2px #A99DE7 solid;
}
/*link="#009999" vlink="#66CCCC" alink="#00FFFF"*/
a:link {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003366;
}

a:visited {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #336699;
}

a:hover {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffcc66;
}

a:active {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
}

#tablist li a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #336699;
}

#tablist li a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffcc66;
}

#tablist li a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

#tablist li a.current{
background: #EFEFEF;
}

#tabcontentcontainer{
width: 300px; /*width of tab box*/
height: 100px;/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

#tabcontentcontainer2{
width: 400px; /*width of tab box*/
height: 100px;/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabtitle{
color: #003366;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
}

.tabcontent{
display:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.tabcontent a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
}

.tabcontent a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #336699;
}

.tabcontent a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffcc66;
}

.tabcontent a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

#tablist2{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist2 li{
list-style: none;
display: inline;
margin: 0;
}

#tablist2 li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist2 li a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
}

#tablist2 li a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #336699;
}

#tablist2 li a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffcc66;
}

#tablist2 li a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
}

#tablist2 li a.current{
background: #EFEFEF;
}

/*CSS code for Home and Garden text & links 
dark green #003300
subtitles #999999
dark purple #330033
*/

.hgtitle {
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #003300;
  text-align: left;
  padding-bottom: 10px;
  font-weight: 700;
}

.hgtitle2 {
  text-decoration: font-weight: 700;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #003300;
  text-align: left;
  padding-bottom: 5px;
}

.hgtitle_withline { /*This code is for article titles with a line above them */
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #003300;
  text-align: left;
  border-top: 2px solid #CCCCCC;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 800;
}

.hgtitle_withunderline { /*This code is for article titles with a line above them */
  text-decoration: font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #003300;
  text-align: left;
  border-bottom: 2px solid #CCCCCC;
  margin-top: 2px;
  margin-bottom: 10px;
  font-weight: 800;
}

.hgtext {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  margin: 2pt;
}

.hg_channeldate {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #CCCCCC;
  text-align: left;
}

.hgtext a:link {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #336600;
}

.hgtext a:visited {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #669933;
}

.hgtext a:hover {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #669933 ;
}

.hgtext a:active {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #669933;
}

.hg_box { /*This is the box around the featured articles */
	background-color: FFFFCC;
	border: 1px solid #003300;
	padding: 5px;
}

.hg_provider_box {
	background-color: FFFFFF;
	border: 1px solid #003300;
	padding: 5px;
	width: 85%;
}

.vertical_line { /*This is the vertical line going down the center of the page*/
	border-left: 1px solid #CCCCCC; 
	padding: 10px;
	/*background: url(http://www.dnronline.com/photos_hg/vertical_line.gif) repeat-x; */
}
.tablepad { /*This is the vertical line going down the center of the page*/
	padding-top: 5px;
	/*padding: 2px;*/
	/*background: url(http://www.dnronline.com/photos_hg/vertical_line.gif) repeat-x; */
}

/*CSS code for Tabbed content */
.style222 {color: #BBBBBB}
.tabtitle {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
}
.tabtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}
.tabimage {
	border: 1px solid #000066;
	padding: 2px;
}
-->
</style>
/*End of CSS code for Tabbed content */

/*Helios Calendar CSS code
html, body {
	margin: 0;
	padding: 0px 0 10px 0;
	background: #EFEFEF;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	}
#container {
	margin: auto auto auto auto ; 
	width: 760px; 
	padding: 0;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #000000;
	}
#content {
	float: left; 
	text-align: left; 
	padding: 5px;
	width: 513px;
	}
#controls {
	float: left;
	padding: 5px 5px 20px 5px;
	width: 225px;
	}
#billboard {
	text-align: left;
	padding: 10px 0 10px 0;
	}
#popular {
	text-align: left;
	padding: 10px 0 10px 0;
	}
#valid {
	text-align: center;
	}
#copyright {
	clear: both; 
	color: #666666;
	background: #FFFFFF;
	padding: 5px 0px 5px 15px;
	line-height: 17px;
	}
a.copyright {
	text-decoration: none;
	color: #666666;
	background: #FFFFFF;
	}
a.copyright:hover {
	text-decoration: underline;
	color: #003366;
	background: #FFFFFF;
	}
a.copyrightR {
	text-decoration: none;
	color: #666666;
	background: #FFFFFF;
	}
a.copyrightR:hover {
	text-decoration: underline;
	color: #003366;
	background: #FFFFFF;
	}
.setupText{
	font-family: Verdana, sans-serif;
	font-size: 11px;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    padding: 1px; 
    color: #003366; 
	vertical-align: center;
	}
End Helios CSS */