/* main.css */
body {
	margin: 0;
	padding-top: 0;
	background: #000;   /* 666 */
	font-family: Arial, sans-serif;
	color: #ddd;
	font-size:89%;
 	background: transparent url(./../images/a00/bg.jpg);
	}
#container {
	margin: 0;
	padding: 0;
	}

a:link {color: #5555FF;}
a:visited {color: #5555FF;}
	
#mainNavAndHeaderContainer {
	overflow: visible;
	margin-left: 118px;
	margin-right: 118px; /* 8em */
	padding: 0;
	/*border: 1px solid red;*/    /* for design */
	text-align: center;
	}	
	
#mainNav {
	margin: 0 auto 0 auto;
	padding: 0 1em 0 1em; 
	width: 740px;
	text-align: center; 
	font-weight: bold; 
	font-size: 1.1em;
	color: #00f;   /* #006 */
	}

#mainNav ul {margin-left: 0;}

#mainNav li {
	display: inline; 
	padding: 0 .8em 0 .8em; 
	border-right: 2px solid;    /* 1px */
	}
	
#mainNav a:link, #mainNav a:active, #mainNav a:visited {
	color: #00f;    /* #dddddd */
	} 

#mainNav a:hover {color: #0ff;}   /* #ffcc33 */


#mainNav2 {
	margin: 0 auto 0 auto;
	padding: 0 1em 0 1em; 
	width: 740px;
	text-align: center; 

	font-size: 1.2em;
	color: #6666cc;   /* #006 */
	}

#mainNav2 ul {margin-left: 0;}

#mainNav2 li {
	display: inline; 
	padding: 0 .8em 0 .8em; 
	border-right: 1px solid;    /* 1px */
	}
	
#mainNav2 a:link, #mainNav2 a:active, #mainNav2 a:visited {
	color: #6666cc;    /* #dddddd */
	} 

#mainNav2 a:hover {color: #0ff;}   /* #ffcc33 */



.lastnavitem {color: #000;}   /* #666 */

#topLogo {
	margin: 0 auto 0 auto;
	padding: 0 1em; 
	width: 640px;
	height: 30px;   /* 24px */
	background: transparent url(../../images/a00/logo.jpg) top center no-repeat; 
	/* border: 1px solid; */
	}

#pageHeader {
	margin: 0 auto 1.4em auto;
	width: 640px;
	text-align: center;
	border-right: 1px solid #000; /* #666 required to keep main header centered corectly in FireFox ?*/
	}

#pageHeader h1 {
	display: list-item; 
	margin-top: .6em;   /* 0.5em */
	padding-left: 0em;  /* 1em */
	list-style-image:  url(../../images/a00/bullet.gif); 
	font-weight: normal;
	color: #fff; /* yellow ochre #ffCC33*/
 	}
	
#navAndContentContainer {
	margin: 0;
	padding: 0;
	}	


#contentContainer {
	overflow: visible;
	padding: 1em 1em 0 1em;
	margin-left: auto; /*170px;*/   /* 118px */
	margin-right: auto; /*8em;*/
	padding: 0;
  	/*border: 1px solid red;*/  /* for design */
	text-align: center;
	}

#content {

	margin: 0 auto 0 auto;
	padding: 1em 1em 0 1em; 
	 /* width: 640px */
 	/*  border: 1px solid red; */   /* for design */
	text-align: left;
  	/*border: 1px solid red;*/  /* for design */
	/* background-color: #000; */
	border: 0px solid #000;  /* 1px solid #a52a2a */   /* brown */
	}
	

#footerNav {
	padding: 0 0 0 3em;
	margin-top: 4em;
	font-size: .8em; 
	font-weight: bold;
	text-align: left;
	}
	
#footerNav a:link, #footerNav a:active, #footerNav a:visited {color: #00f;}

#footerNav a:hover {color: #FFCC33;} /* #0ff */

#footerLogo {
	margin-bottom: 1em;
	height: 24px;
	background: transparent url(./../images/a00/logo.jpg) top center no-repeat;
	}


	.centeredtext {text-align: center;}
	.centered {margin-left: auto; margin-right: auto;}
	.contentleft {text-align: left;}
	.contenttop {vertical-align:  top;}
	.leftmargin {margin-left: 4em;}


h1 {
	color: #fff;
	font-size: 1.3em;
	}
h2 {
	margin-top: 0;
	text-align: center;
	font-size: 1.1em;
	color: #fff; 
	}
h3 {
	font-size: 1em; 
	font-weight: bold;
	color: #ddd; 
	}
h4 {
	margin: 50px 0 40px 0;
	text-align: center; 
	font-size: 1em; 
	color: #dd0; 
	}
h5 {
        margin: 30px 0 40px 0;
	text-align: center; 
	font-size: 1em; 
	color: #0dd; 
	}
h6 {
        margin: 20px 0 20px 0;
	text-align: center; 
	font-size: 1em; 
	color: #0d0; 
	}

.f1 {
	font-size: 1em; 
	font-weight: bold;
	color: #dd0; 
	}
.f2 {
	font-size: .9em; 
	}
.f3 {
	font-size: .9em; 
	color: #dda; 
	}
.f4 {
	font-size: 1em; 
	font-weight: bold;
	color: #0d0; 
	}
.f5 {
	font-size: .9em; 
	color: #fff; 
	}
.f6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	}
.f7 {
	font-family: Times New Roman, Times, Serif;
	font-size: 1.2em;
	}
.f8 {	font-size: 1.1em;
	}
.f9 {	font-size: 1.6em;
	}

.serif {
	font-family: Times New Roman, Times, Serif;
	font-size: 1em;
	}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

hr {
	margin: 40px auto 40px auto;
	width: 35em; 
	/* width: 500px; */
	height: 1px;
	text-align: center;
	}



.centerPic {
	clear: both;
	margin: 0;
	padding: .5em 0 .3em 0;
	text-align: center;
	}
	
.centerPic img {
	margin-bottom: .4em;
	}

.leftPic img {
	margin-top: 1.5em;
	}

.imgcap {
	margin-top: .3em;
	font-size: .85em;
	}

.imgcapc {
	margin-top: .3em;
	font-size: .85em;
	text-align: center;
	font-weight:700;
	}

.alignRight {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	display: block;
	}

.alignLeft {
	float: left;
	margin-left: 1em;
	margin-bottom: 1em;
	display: block;
	}

.singlespace li {
	margin-bottom: 1em;
	}

.spacetop {
	margin-top: 3em;
	}
.nomargin {
	margin:0;
	}
.center {
	text-align: center;
	}	
.small {
	font-size:0.85em;
	}
.bold {
	font-weight:700;
	}
.underline { 
	text-decoration:underline;
	}
.italic {
	font-style:italic
	}

.white {
	color:#fff;
	}
.grey {
	color:#aaa;
	}
.red {
	color:#DD0000;
	}	
.pink {
	color:#fd00fd;
	}
.blue {
	color:#0000DD;
	}
.lblue {
	color:#6666cc;
	}
.yellow {
	color:#FFFF00;
	}
.green {
	color:#00FF00;
	}
.brown {
	color:#A5221C;
	}
.gold {
	color:#f2ae42
	}
.gold2 {
	color:#ffd855;
	}

.bgcolor {
	background-color:#333;
	}

.bbgcolor {
	background-color:#000;
	}


.inset1 {
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	border: 1px solid #CC0066;
/*	background-color:#222222;
	color: #dda;*/
	background-color: #333333;
	color: #FFF;
	padding: 1.5em 1em 1em 1em;
	font-style:normal;
	}

.inset2 {
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	border: 1px solid #CC0066;
	background-color: #333333;
	color: #ddd;
	padding: 1em 1em 1em 1em;
	font-size: .9em;
	}			
	
.inset3 {
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	border: 1px solid #aa0044;
	background-color: #000;
	color: #dda;
	padding: 1em 1em 1em 1em;
	font-size: .9em;
	}


#preText{	
	width:560px; 
	font:normal 14px/20px "Georgia","Times New Roman","Times","serif";
	font-style:italic;
	color:#444; 
	margin:0 0 0 0em;
	padding: .5em 0em .5em 1em;

	letter-spacing:0.03em;
	text-align:justify;
	border: 1px solid pink;
	}
			
		
/* end */