/*  DO NOT USE UNDERSCORES (_) in names. Netscape doesn't process classes with underscores :( */
/*  JUK Just for Netscape, every single style needs a font-family and absolute font-size definition. YUK */
/*  section classes; convention for name: sectionTypeofclassDetail  */
/* p               -> html element                        */
/* p i             -> contextual                          */
/* ul, ol          -> enumeration                         */
/* .className      -> class                               */
/* #idName         -> id (one per document)               */
/* p.className     -> class in html element               */
/* p > i           -> parent-child                        */
/* p[align]        -> attribute specific                  */
/* p[align="left"] -> attribute value specific            */
/* h1 + h2         -> sequence specific (h2 following h1) */


/* ##################### */
/* ### DEFAULT STYLE ### */
/* ##################### */

body {
	color: #007; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	background: url(/img/bgImg.jpg) rgb(255,255,255);
	min-width:800px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

a {
	color:#0000CC; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color:#0000FF
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#9900CC
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	background:#dde3fc;
}

ol, ul {
	font-family: Arial, Helvetica, sans-serif;
	display:compact;
	margin-top:0.25em;
	margin-bottom:0.25em;
}

/*  common formatting */ 
.em {font-family: Arial, Helvetica, sans-serif; font-weight: bold; background:#FFEEEE}
.underline {font-family: Arial, Helvetica, sans-serif; text-decoration: underline} 
.bold {font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.italic {font-family: Arial, Helvetica, sans-serif; font-style: italic}
.red {font-family: Arial, Helvetica, sans-serif; color: #FF0000}

/* page components */
.headerTable {font-family: Arial, Helvetica, sans-serif; font-size: 100%; text-align:center}  /*{background-color:#EEEEFF}*/
.titleRow {font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color:#dde3fc; border:1px solid #aaf;}
.mainTable {font-family: Arial, Helvetica, sans-serif; font-size: 100%}
.sitenavColumn {font-family: Arial, Helvetica, sans-serif; font-size: 100%}
.contentColumn {font-family: Arial, Helvetica, sans-serif; font-size: 100%}
.highlightsColumn {font-family: Arial, Helvetica, sans-serif; color: #775566; font-size: 85%}
.footerTable {font-family: Arial, Helvetica, sans-serif; font-size: 100%}
.footerRow {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 85%}

/* ############################### */
/* ### DEVIATIONS FROM DEFAULT ### */
/* ############################### */

/* header */
.sectionTitle {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 200%; text-align:center; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.sectionSubTitle {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 110%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.headerTitle {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 130%; text-align:center; font-weight: bold}
.headerDate {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 85%; font-weight: bold}

/* navigation */
.navTitle {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 92%; font-weight: bold}
.navSubTitle {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 80%; font-weight: bold}
.navLinks {font-family: Arial, Helvetica, sans-serif; font-size:92%}
a.navLink {font-family: Arial, Helvetica, sans-serif; }
a.navLinkA {font-family: Arial, Helvetica, sans-serif; font-weight: bold; background:#dde3fc}
a.navLinkT {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; border:1px solid #dde3fc}
.navLinksSub {font-family: Arial, Helvetica, sans-serif; font-size:95%; padding:4px; border:1px solid #dde3fc}

.sectionNavLinks {font-family: Arial, Helvetica, sans-serif; font-size:95%; text-align:center; padding:4px; border:1px solid #dde3fc; width:80%}

/* main */
.mainTitle {font-family: Arial, Helvetica, sans-serif; font-size: 125%; font-weight: bold}
.indexHeader {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}
.form {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 92%; background-color:transparent;  
	border:1px ridge #EEEEEE}
.rightAlign {font-family: Arial, Helvetica, sans-serif; text-align:right}


/* para roles */
.default {font-family: Arial, Helvetica, sans-serif; text-indent:2em;}
.intro {font-family: Arial, Helvetica, sans-serif; text-align:left; padding:13px; text-indent:2em; border:1px solid #aaf}
.highlightBox {font-family: Arial, Helvetica, sans-serif; font-style: italic; text-align:center; padding:4px; 
	border:1px solid #aaf}
.error {font-family: Arial, Helvetica, sans-serif; color: #FF5566; text-align:center; padding:4px; font-weight: bold; border:2px ridge #FF5566}
.message {color: rgb(255,110,10); text-align:center; padding:4px; font-weight: bold; 
	border:2px ridge rgb(255,110,10); font-family: Arial, Helvetica, sans-serif;}
.comment {font-family: Arial, Helvetica, sans-serif; color: #775566; font-size: 85%}
.copyright {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 85%}
.quote {font-family: Arial, Helvetica, sans-serif; color: #886688; font-size: 95%; font-weight: bold; font-style: italic;  text-align:center; padding:4px; }
.quoteLeft {font-family: Arial, Helvetica, sans-serif; color: #886688; font-size: 95%; font-weight: bold; font-style: italic; padding:4px; }
.title {font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.indexTitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.caption {font-family: Arial, Helvetica, sans-serif; color: #775566; font-size: 85%}
.feature {font-family: Arial, Helvetica, sans-serif; padding:4px; 	border:1px solid #dde3fc}
.outline {font-family: Arial, Helvetica, sans-serif; color: #553344; font-size: 92%; border:1px solid #dde3fc; padding:4px}
.default:first-letter, .intro *:first-letter{font-size:150%;}
li {text-indent:0em;}

/* amazon */
.productTitle {font-family: Arial, Helvetica, sans-serif; color: #550044; font-size: 100%; font-weight: bold}
.productDetail {font-family: Arial, Helvetica, sans-serif; color: #550044; font-size: 85%}
.productReview {font-family: Arial, Helvetica, sans-serif; color: #775566; font-size: 92%}

.nunmeshu {font-family: 'Times Roman', serif; font-size: 92%; font-weight: bold; font-variant:small-caps}



/* floating index id */
#floatingIndex {
	font-family: Arial, Helvetica, sans-serif; 
	color: #775566; 
	font-size: 85%; 
	position: absolute; 
	padding: 4px; 
	border: 1px solid #dde3fc; 
	left:730px; top:6000px; width:200px;
}


/* ## for review (check naming) ## */

.subSection {font-family: Arial, Helvetica, sans-serif; background-color:transparent; padding:4px; border:1px solid #dde3fc}


/* ##### TEST ##### */
#rndclr {font-family: Arial, Helvetica, sans-serif; font-size: 125%; font-weight: bold}