/* base (common) styles for all (or most) pages in the site */

/**************************************************************************************************

                      Look and feel options pertaining to the whole site  

**************************************************************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif; font-size: 13px;
	background-color: #660000;
	color: #333333;
	text-align: center;
}

div#pageBody {
	width: 820px;
	/* The following causes the main div to be horizontally centered */
	margin: 0 auto;
	position: relative;
	padding-top: 17px;
}
form { padding: 0; margin: 0; }

a:link { color: #990000;}
a:visited { color: #660066; }
a:active { color: #cc0000; }

.submitbtn {
	background-color: #a99357; 
	font-weight: bold; 
	font-size: 9pt; 
	color: white;
}

img { border: 0; }


table, td {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0;
	vertical-align: top;
}

table#wrapperTable { width: 820px; background-color: #ffffff; text-align: left; }

td#topframe { background-color: #A99357; height: 17px; }
td#topframe img { height: 17px; width: 820px; }

/* leftSide (Used on home and sub pages) */
td#leftSide { background: url(../images/n1_bg.gif) repeat top left; }
body#home td#leftSide { width: 611px; }
body#sub  td#leftSide { width: 662px; }

td#N1Nav { width: 117px; }
td#N1Nav img.navImage { width: 104px; height: 24px; }
td#N1Nav img.navDotImage { width: 13px; height: 24px; }

/* mainContent area (Used on home and sub pages) */
td#mainContent div#divContent { margin-left: 32px; }
body#home td#mainContent { width: 494px; padding-top: 25px; padding-bottom: 25px; }
body#sub  td#mainContent { width: 545px; padding-top: 25px; padding-bottom: 25px; }

td#footer { background-color: #A99357; }

/* Content-managed nav bar (used in some cm folder HTML)*/
span#cmNav { color: #a99357; }
span#cmNav a {
	font-family: verdana, sans-serif; font-size: 10px;
	text-decoration: none;
}
span#cmNav a:link { color: #990000;}
span#cmNav a:visited { color: #660066; }
span#cmNav a:active { color: #cc0000; }
span#cmNav a:hover { text-decoration: underline; }

/* Portfolio */ 
td#pf_Thumbs { text-align: left; margin-top: 10px; }
td#pf_Thumbs img { width: 41px; text-align: left; padding-bottom: 6px; padding-right: 6px; }
td#pf_Thumbs img.suppPadRt { padding-right: 0px; }

/* "Digs" area of the home page */
body#home td#digs { width: 209px; background-image: URL(../cm/cmimages/home/home_c_bg.gif); }
body#home td#digs img { width: 209px; }
body#home td#digs img#dig_top { height: 136px; }
body#home td#digs img#dig_circle { height: 217px; }
body#home td#digs img#dig_bottom { height: 166px; }

/* The div described by div.clearer forces the bigBlackBox div's border to stretch and contain 
   all of its inner divs, because parent divs do not natively stretch to contain floated elements.
   by adding the dummy div and clearing it we get around it. A description of the issue and solution:
   http://www.complexspiral.com/publications/containing-floats/
*/
div.clearer {
	clear: both;
	line-height: 0px;
	height: 0;
}
.defaultLabel { font-weight: bold; margin-top: 3px;}
.formFieldHint { font-size: 11px;  padding-left: 10px; font-weight: normal;}