/*  DO NOT USE UNDERSCORES (_) in names. Netscape doesn't process classes with underscores :( */
/*  YUK Just for Netscape, every single style needs a font-family and absolute font-size definition (relative font sizes are not relative to context like in IE, but relative to base font size - it seems). 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) */
/* For a "background" with an image, always use combination of url() and rgb(). If rgb() is left out, Netscape will display a black background... */
/* in case base font is 13px, then relative sizes are: */
/*  9px ->   69%                                       */
/* 10px ->   77%                                       */
/* 11px ->   85%                                       */
/* 12px ->   92%                                       */
/* 13px ->  100%                                       */
/* 14px ->  108%                                       */
/* 15px ->  115%                                       */
/* 16px ->  123%                                       */
/* 17px ->  131%                                       */
/* 18px ->  139%                                       */
/* 19px ->  146%                                       */



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

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

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

a {
	color:#0000CC; 
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color:#0000FF;
	font-family: Arial, Helvetica, sans-serif;
}
a:visited {
	color:rgb(170,31,59);
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	background:rgb(240,200,100);
	font-family: Arial, Helvetica, sans-serif;
}

ol, ul {
	display:compact;
	font-family: Arial, Helvetica, sans-serif;
}

/*  common formatting */ 
.em {color:rgb(85,51,68); 
	background: url(/img/bgTileLightTrans.gif)  rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;}
.underline {text-decoration: underline; font-family: Arial, Helvetica, sans-serif;} 
.bold {font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.italic {font-style: italic; font-family: Arial, Helvetica, sans-serif;}
.red {color: #FF0000; font-family: Arial, Helvetica, sans-serif;}

/* page components */
.headerTable {font-size: 100%; text-align:center; 
	background: url(/img/bgTileLight.gif) rgb(255,240,150); 
	font-family: Arial, Helvetica, sans-serif;}
.titleRow {font-size: 100%; 
	background: url(/img/bgTileDark.gif) rgb(240,200,100); 
	font-family: Arial, Helvetica, sans-serif;}
.mainTable {font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
.sitenavColumn {font-size: 100%; 
	background: url(/img/bgTileLight.gif) rgb(255,240,150)}; 
	font-family: Arial, Helvetica, sans-serif;}
.contentColumn {font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
.highlightsColumn {color:rgb(85,51,68); font-size: 85%; font-family: Arial, Helvetica, sans-serif;}
.footerTable {font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
.footerRow {color:rgb(85,51,68); font-size: 85%; font-family: Arial, Helvetica, sans-serif;}

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

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

/* header */
.sectionTitle {color:rgb(115,51,68); font-size: 200%; text-align:center; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.sectionSubTitle {color:rgb(115,51,68); font-size: 110%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.headerTitle {color:rgb(95,51,68); font-size: 130%; text-align:center; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.headerDate {color:rgb(95,51,68); font-size: 85%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

/* navigation */
.navTitle {color:rgb(85,51,68); font-size: 92%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.navSubTitle {color:rgb(85,51,68); font-size: 80%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.navLinks {font-size:92%; font-family: Arial, Helvetica, sans-serif;}
a.navLink {font-family: Arial, Helvetica, sans-serif;}
a.navLinkA {font-weight: bold; background:rgb(240,200,100); font-family: Arial, Helvetica, sans-serif;}
a.navLinkT {font-weight: bold; font-style: italic; border:1px solid rgb(240,200,100); font-family: Arial, Helvetica, sans-serif;}
.navLinksSub {font-size:95%; padding:4px; border:1px solid rgb(240,200,100); font-family: Arial, Helvetica, sans-serif;}

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

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


/* para roles */
.default {font-family: Arial, Helvetica, sans-serif;}
.intro {font-size: 110%; text-align:center; padding:4px; border:1px solid rgb(240,200,100); 
	font-family: Arial, Helvetica, sans-serif;
	background: url(/img/bgTileLightTrans.gif)  rgb(255,255,255);
}
.error {color: #FF5566; text-align:center; padding:4px; font-weight: bold; 
	border:2px ridge #FF5566; font-family: Arial, Helvetica, sans-serif;}
.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 {color: #775566; font-size: 85%; font-family: Arial, Helvetica, sans-serif;}
.copyright {color:rgb(85,51,68); text-align:center; font-size: 85%; font-family: Arial, Helvetica, sans-serif;}
.quote {color:rgb(85,51,68); font-style: italic;  text-align:center; padding:4px; border:1px solid #EEDDDD; font-family: Arial, Helvetica, sans-serif;}
.title {font-size: 120%; color:rgb(115,51,68); font-weight: bold; line-height:150%; 
	background: url(/img/bgTileLightTrans.gif)  rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;}
.indexTitle {font-size: 110%; color:rgb(115,51,68); font-weight: bold; line-height:150%; 
	font-family: Arial, Helvetica, sans-serif;}
.caption {color: #775566; font-size: 85%; font-family: Arial, Helvetica, sans-serif;}
.feature {padding:2px; border:1px solid #EEDDDD; font-family: Arial, Helvetica, sans-serif;}
.highlightBox {font-style: italic; padding:4px; text-align:center; 
	border:1px solid #EEDDDD; font-family: Arial, Helvetica, sans-serif;}
.outline {color:rgb(85,51,68); font-size: 92%; border:1px solid #EEDDDD; padding:4px; 
	font-family: Arial, Helvetica, sans-serif;
	background: url(/img/bgTileLightTrans.gif)  rgb(255,255,255);}
.code {color:rgb(85,51,68); font-size: 100%; 
	font-family: Courier New, Courier, serif;}
.codeBox {color:rgb(85,51,68); font-size: 85%; margin-left:10px; padding:5px; 
	font-family: Courier New, Courier, serif;}


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



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


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

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


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