body {
  margin: 10px 0px 0px 0px;
  background: #022c23;
  color : #022c23; 
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size : 10pt;	 
}

p, div, td {
	font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size : 10pt;
	color : #022c23;
	vertical-align: top;
}

p {
	margin: 0 auto;
}

.block {
	display: block;
}

.outer {
	width: 1000px;
	max-height: 600px;
	margin: 0 auto;
}

.main { /* used for designing - defines white background and width of page */
	/*background-color: #FFF;*/
	width: 960px;
	margin: 0 20px 10px 20px;
	background: #FFF;
	float: left;
}

.portfolio-client {
	width: 700px;
	background: #FFF;
}

.internet-app {
	border: 2px solid #022c23;
	padding: 10px;
	width: 940px;
}

.internet-app-rimshot {
	border: 2px solid #022c23;
	padding: 10px;
	width: 940px;
	height: 260px;
}

ul, ul.moose {
	list-style: url('images/hoof-bullet.gif');
	position: relative;
	left: 20px;
}

div.moosequotes {
	/*font-family: Verdana, Arial, "Hevletica Heue Std", sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #23538d;*/
	margin: 65px auto auto auto;
	text-align: center;
}

div.announcement {
	color: #02583d;
	font-style: italic;
	font-size : 13pt;	
	font-weight : bold;
	font-family: "Footlight MT Light","Times New Roman",Times,serif;
	width: 600px;
}

.linespace15 {
	line-height: 150%;
}

.rt {
	float: right;
}

.lt {
	float: left;
}

.leftpad10 {
	padding: 0 0 0 10px;
}

.rtpad10 {
	padding: 0 10px 0 0;
}

.leftpad100 {
	padding: 0 0 0 100px;
}

.footerpad150 {
	padding: 10px 145px 0 155px;
	text-align: center;
}

.toppad10 {
	margin: 10px 0 0 0;
}

.padding10 {
	padding: 10px;
}

.pad20 {
	padding: 0 20px;
}

.toppad20 {
	margin-top: 20px;
}

.pad40 {
	padding: 40px;
}

.leftpad40 {
	padding: 0 0 0 40px;
}

.margin10 {
	margin: 10px;
}

.margin5 {
	margin: 5px;
}

.margin40 {
	margin: 40px;
}

.left320 {
	float: left;
	width: 320px;
}

div.portfolio {
	position: relative;
	left: 30px;
}

div.w720 {
	width: 720px;
	align: center;
	padding: 10px;
}

.w640 {
	width: 640px;
}

.w600 {
	width: 600px;
}

.rt600 {
	width: 600px;
	float: right;
}

div.w520 {
	width: 520px;
}

div.w500 {
	width: 500px;
}

div.w400 {
	width: 400px;
}

.w300rt {
	float: right;
	width: 300px;
	margin: 20px 20px 0 0;
}

.w450 {
	width: 450px;
}

.rt450 {
	width: 450px;
	float: right;
	padding: 5px;
}

div.rtcol {
	width: 160px;
	float: right;
	padding: 5px;
}

div.rtblueborder {
	width: 260px;
	max-width: 260px;
	float: right;
	padding: 5px;
	border-left: solid #008ba8 3px;
	background: #d8ecf2;
	margin-left: 5px;
}

.rtblue160 {
	width: 160px;
	max-width: 160px;
	float: right;
	padding: 5px;
	border-left: solid #008ba8 3px;
	border-bottom: solid #008ba8 3px;
	background: #d8ecf2;
	margin-left: 5px;
	text-align: center;
}

.rtpurpleborder {
	width: 180px;
	float: right;
	padding: 5px;
	border-left: solid #814890 3px;
	border-bottom: solid #814890 3px;
}

.purpleborder240 {
	width: 240px;
	padding: 5px;
	border-left: solid #814890 3px;
	border-bottom: solid #814890 3px;
}

div.rt160rt {
	width: 160px;
	float: right;
	padding: 5px;
	align: right;
}

div.lt160 {
	width: 160px;
	float: left;
	padding: 5px;
}

div.lt130 {
	width: 130px;
	float: left;
	padding: 5px;
}

div.rt120 {
	width: 120px;
	float: right;
	padding-right: 5px;
}

div.lt220 {
	width: 220px;
	float: left;
	padding: 5px;
}

div.lt190 {
	width: 190px;
	float: left;
	padding: 5px;
}

div.rt220 {
	width: 220px;
	float: right;
	padding: 5px;
}

div.rt240 {
	width: 240px;
	float: right;
	padding: 5px;
}

div.rt260 {
	width: 260px;
	float: right;
	padding: 5px;
}

div.rt250border {
	width: 220px;
	float: right;
	padding: 5px;
	border-left: solid #00438C 1px;
	background: #EEEEEE;
}

div.rt240border {
	width: 240px;
	float: right;
	padding: 5px;
	border-left: solid #00438C 1px;
	background: #EEEEEE;
}

div.rt330 {
	width: 330px;
	float: right;
	padding: 5px;
}

div.rt190 {
	width: 190px;
	float: right;
	padding: 5px;
}

div.lt360 {
	width: 360px;
	float: left;
	padding: 5px;
}

div.rt350 {
	width: 350px;
	float: right;
	padding: 5px;
}

div.rt380 {
	width: 380px;
	float: right;
	padding: 5px;
}

div.schedule {
	width: 100px;
	float: left;
}

.rttextleft {
	float: right;
	text-align: left;	
}

.greenrtborder {
	border-right: dotted #30554a 1px;
}

.rt160Lborder {
	float: right;
	padding: 5px;
	width: 160px;
	border-left: 2px solid #30554a;
	border-bottom: 2px solid #30554a;
}

.rightcolblue {
	border: 1 solid #00438C;
	background-color: #C4E5FA;
	width: 220;
	padding: 10;
	text-align: center;
	float: right;	
}

.greenbg {
	background: #cad4d1;
	padding: 3px;
    Border-color : #30554a;
    Border-width : 1px;
	border-collapse: collapse;
	border-style: inset;
}

.whitebg {
	background: #ffffff;
	padding: 3px;
    Border-color : #30554a;
    Border-width : 1px;
	border-collapse: collapse;
	border-style: inset;
	width: 160px;
}

tr.purple-even {
	background: #f0e6f4;
}


.collapse{
	border-collapse: collapse;
	empty-cells: hide;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.square {
	font-size: 10pt;
	list-style: square;
	margin: 5px;
	padding-left: 8px;
	padding-bottom: 0px;
}

ul, li {
	font-size : 10pt;
}

.next2img {
	padding-left: 30px;
	margin-left: 30px;
}

.left {
	padding-left: 10px;
	margin-left: 10px;
}

.nomargin {
	padding-left: 0px;
	margin-left: 0px;
}

/* HEADINGS */ /* HEADINGS */ /* HEADINGS */ /* HEADINGS */ /* HEADINGS */ /* HEADINGS */ /* HEADINGS */
H1 {
	font-family: Garamond,Palatino,Georgia,'Times New Roman',Times,serif;
	font-size: 17pt;
	color: #02583d;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	line-height: normal;
	text-decoration: underline;
}

H2 {
	font-size : 15pt;	
	color : #802833;
	font :  18pt;	
	font-weight : bold;
	margin-bottom : 0px;
	padding-bottom : 0px;
	margin-top : 0px;
	padding-top : 0px;
	line-height: normal;	
}

H3 {
	font-size : 14pt;	
	color : #603913;
	font :  14pt;
	font-weight : bold;	
	margin: 0px;
	padding: 0px;
	line-height: normal;	
}

.apps-desc {
	color : #603913;
}

H4 {
	font-size : 13pt;	
	color : #000;
	font :  13pt;
	font-weight : bold;	
	margin : 0px;
	padding : 0px;
}

H5 {
	font-size : 10pt;	
	color : #000;
	font-weight : bold;	
	margin : 0px;
	padding : 0px;
	font-variant: small-caps;
}

.headline {
	font-size: 12pt;
	/*color: #00438C;*/
	font: 11pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: none;
}

/* FONTS */ /* FONTS */ /* FONTS */ /* FONTS */ /* FONTS */ /* FONTS */ /* FONTS */ /* FONTS */
.tiny { 	font-size : 7pt;	line-height : 9pt; }
.smaller { 	font-size : 8pt; 	line-height : 9pt; }
.small { 	font-size : 10pt; 	line-height : 11pt;}
.regular { 	font-size : 10pt; }
.largish, .large {	font-size : 13pt; line-height : 13pt;}

.footer {
	color : #ffffff;
	font-size : 8pt;
	text-align: center;
}

.strike {
	text-decoration: line-through;
}

.smallCaps {
	font-variant: small-caps;
}

.comicsans {
	font-family : 'Comic Sans MS', 'Dom Casual';
	font-size : 10pt;
}

.courier {
	font-family: 'Courier New',Courier,monospace;
}

/* colors */ /* colors */ /* colors */ /* colors */ /* colors */ /* colors */ /* colors */ /* colors */
.gnopink {
	color: #d93e63;
}

.creambg {
	background: #fffcf0;
}

.teal { 	
	color : #019db6;
}

.ltteal {
	color : #87c6d8;
}

.darkteal {
	color : #008ba8;
}

.ltblue {
	color: #87c6d8;
}

.ltbluebg {
	background-color: #d9edf3;
	padding: 10px;
}

.vividteal {
	color : #008A77;
}

.blue {
	color : #115c7b;
}

.skyblue {
	color: #3399cc;
}

.red {
	color: #FF0000;
}

.ltred {
	color : #C5667B;
}

.wine {
    color : #880429;
}

.brightgreen {
	color : #4cb138;
}

.green {
	/*color : #456D58;*/
	color: #00584A;
}

.darkgreen {
	color : #00584A;
}

.brown {
	color : #875522;
}

.hotpink {
	color : #EC008C;
}

.magenta {
	color: #d81c3f;
}

.darkpink {
 	color : #C73152;
} 

.purple {
 	color : #814890;
}

.white, a.white, a:link.white, a:hover.white, a:active.white, a:visited.white {
	color: #EEEEEE;
}

.black {
	color : #000000;
}

.burgundy {
	color : #802833;
}

.orange {
	color : #F38C25;
}

.darkorange {
	color : #E85B00;
}

.dustyrose {
	color: #C15F5E;
}


/* HR */ /* HR */ /* HR */ /* HR */ /* HR */ /* HR */ /* HR */ /* HR */ /* HR */


HR {
	color : #022c23;
}

HR.footer {
	color: #000000;
}

/* LINKS */ /* LINKS */ /* LINKS */ /* LINKS */ /* LINKS */ /* LINKS */ /* LINKS */
A:Link, a:visited, a:link { 
	color: #02583d;
	text-decoration : none;
	background : transparent;
}

A:Hover{
	color: #000;
	text-decoration : underline;
	}
	
.nav {
	font: 16pt bold;
	margin: 2px 10px 0px 10px;
	padding: 0px;
	/*border-bottom: 2px dotted #5c7e9a;*/
	font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	text-align: center;
	height: 26px;
}

.nav2 {
	font: 14pt bold;
	margin: 2px 10px 0px 10px;
	padding: 0px;
	/*border-bottom: 2px dotted #5c7e9a;*/
	font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	text-align: center;
	height: 44px;
}

.nav a, .nav a:visited, .nav a:link, .nav2 a, .nav2 a:visited, .nav2 a:link {
	padding: 0 20px;
	color: #000;
	text-decoration : none;
}

.nav a:hover, .nav2 a:hover {
	color: #02583d;
	text-decoration : none;
}

.portfolio-nav {
	width: 200px;
	float: right;
	border: 0;
	text-align: center;
	background: url('images/portfolio-nav-tracks.jpg') repeat-y;
	padding-right: 10px;
}

td.for-my-clients {
	background: url('images/portfolio-nav-tracks.jpg') repeat-y;
}

.internet-apps-nav {
	/*background: url('images/internet-apps-nav-tracks.jpg') repeat-x;*/
}

.portfolio-nav img {
	margin: 10px 0 10px 25px;
}

.portfolio-client a {
	font-weight: bold;
	text-decoration: underline;
}

.internet-apps-nav img {
	margin: 0 15px;
	padding: 0;
}

/* IMG IMG IMG IMG IMG */
.rightimg1 {
	float: right;
	margin: 0px 0 10px 10px;
	padding: 0;
	border: 1px solid black;
}

.leftimg1 {
	float: left;
	margin: 0px 10px 10px 0;
	padding: 0;
	border: 1px solid black;
}

.rightimg0 {
	float: right;
	margin: 0px 0 10px 10px;
	padding: 0;
	border: 0px solid black;
}

.rightimg000 {
	float: right;
	margin: 0px 0 0px 10px;
	padding: 0;
	border: 0px solid black;
}

.clientimg {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0;
	border: 0px solid black;
}

.contact-moose {
	float: right;
	margin: 20px 100px;
}

.reevesdigitallogo {
	float: left;
	margin: 0px 10px 10px 20px;
	padding: 0;
	border: 0px solid black;
	display: block;
}

.cindyimg {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
	border: 0px solid black;
}

.leftimg0 {
	float: left;
	margin: 0px 10px 10px 0;
	padding: 0;
	border: 0px solid black;
}

.minus10leftimg0 {
	float: left;
	margin: 0px 10px 10px 0;
	padding: 0;
	border: 0px solid black;
	position: relative;
	left: -10px;
}

.rightimg1pad50 {
	float: right;
	margin: 0px 50px 10px 10px;
	padding: 0;
	border: 1px solid black;
}

.clickmouse {
	float: left;
	border: 0;
}

/* HORIZONTAL FREESTYLE MENU LAYOUT *//* HORIZONTAL FREESTYLE MENU LAYOUT *//* HORIZONTAL FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
  z-index: 10;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 38px;  /*1.5em; I'm using ems rather thanpx to allow people to zoom their font */
 left: 8px;
 width: 140px;
  z-index: 10; 
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 2px;
 left: 139px;
  z-index: 10; 
}


.menulist ul ul li {
  background-color: #87c6d8;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

.menulist li {
 float: left;
 position: relative;
 margin-right: 0px;
 margin-left: 0px;
 font-family: Arial;
 font-size: 13px;
 border: 0px;
 z-index : 10;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 border: 1px solid #5D9DAE; 
 z-index : 10;
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

.menulist a.image {
	padding: 0px 0px 0px 0px;
	display: block;
}

/* Links inside the menu */
.menulist a {
	padding: 3px 5px 3px 5px;
	font-color: #000000 !important;
	color: #000000 !important;
	font-size: 12px !important;
	text-decoration: none !important;
	display: block;
	z-index : 10;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 z-index : 10;
}
.menulist  a.highlighted {
 color: #FFF;
 z-index : 10;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

.menulist a#solid {
	 background-color: #87c6d8;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a#solid:hover, .menulist a#solid.highlighted:hover, .menulist a#solid:focus {
background-color: #009db4;
}
.menulist  a#solid.highlighted {
background-color: #009db4;
}


/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */

/* Following is for AngusTurnbull's ListSpinner on the Concerts page*//* ListSpinner on the Concerts page*/
.listspinnerconcerts {
 list-style: none;
 padding: 0;
 background-image: url(http://www.sandycove.org/images/concertscenic.jpg);
 width: 225px;
 height: 328px;
 text-align: center;
}

.listspinnerconcerts li {
 font-family : Georgia,'Times New Roman',Times,serif;
 font-variant: small-caps;
 font-weight: bold;
 padding-top: 30px;
}

* html .listspinnerconcerts li {
 background-image: url(http://www.sandycove.org/images/concertscenic.jpg);
}

/* tipClass hover */ /* tipClass hover */ /* tipClass hover */ /* tipClass hover */ /* tipClass hover */
.tipClass { font-family: 'Comic Sans MS', 'Dom Casual', Arial, Helvetica; font: 12px; color: #002157; }
.tipClassBlack { font-family: 'Comic Sans MS', 'Dom Casual', Arial, Helvetica; font-size : 11pt; }

div.right-bubbles {
	position: relative;
	/*clip: rect(0 300 300 0);	*/
	left: 50px;
	width: 300px;
	height: 430px;
	overflow: hidden;
}

.hidden {
	visibility: hidden;
}

.graybg {
	background: #ddd;
}

/* SPECIFIC */ /* SPECIFIC */ /* SPECIFIC */ /* SPECIFIC */ /* SPECIFIC */ /* SPECIFIC */ 
img.specializing {
	float: right;
	margin: -30px 10px 10px 0;
}

.waveText { font: 13pt Verdana, Arial, Helvetica }