
html,body,div,p  {margin:0; padding:0;}

body {			background: url(brickwall.jpg) top;
				background-color: #e4dbd9; color: #000000;
				font-family: Arial,Helvetica, sans-serif;
				font-size: 14px;
}

#wrapper {		width: 98%;	min-width: 1020px;
				margin-left: auto; margin-right: auto;

}

#container {
				position: relative;
				margin-left: auto; margin-right: auto;
				width: 1020px;


}

/* different home page */
#container2 {
				position: relative;
				margin-left: 30px; margin-right: auto;
				width: 1600px;

}

/* rough paper background including ragged edges at top and bottom;
	top and bottom are paragraphs*/
#main-top  { 
				background: url(container-top.jpg) top no-repeat;
				margin-top: 20px; margin-left: 0px;
				width: 1000px; height: 8px;
				z-index: 5;
} 

#header { 
				background: url(header-bg.jpg) top no-repeat;
				margin-top: 0px; margin-left: 0px;
				width: 1000px; height: 85px;

}

#main { 
				background: url(container.jpg) top repeat-y;
				margin-top: 0px; margin-left: 0px;
				width: 1000px;
				z-index: -2;
}

#main-bottom { 
				background: url(container-bottom.jpg) top no-repeat;
				margin-top: 0px; margin-left: 0px;
				margin-bottom: 20px;
				width: 1000px; height: 8px;
				z-index: 5;
}


/* most pages */
#maincontent,#mc-top,#mc-bottom {	background-color: #f5f2ee;
}

#maincontent {
				width: 460px;
				margin: 0px 0px 0px 332px;
				padding: 0px 55px 0px 45px;
				border-style: solid; border-width: 0px;
				border-color: #83002c;				
				color: #000000;
				background: url(mc.jpg) top left repeat-y;
				z-index: 0;
}	

/* home page -- to move, change mc-top and maincontent2 by same px*/

#mc-top	{
				width: 545px; height: 39px;
				margin: 0px 0px 0px 333px;
				padding: 0px 0px 0px 0px;
				background: url(mc-top.jpg) top left;
				z-index: 5;
}

#maincontent2 {
				width: 460px;
				margin: 0px 0px 0px 332px;
				padding: 0px 55px 0px 45px;
				border-style: solid; border-width: 0px;
				border-color: #83002c;				
				color: #000000;
				background: url(mc.jpg) top left repeat-y;
				z-index: 0;
}

#mc-bottom	{
				width: 545px; height: 39px;
				margin: -15px 0px 0px 333px;
				padding: 0px 0px 0px 0px;
				background: url(mc-bottom.jpg) top left;
				z-index: 5;
}

/* Navigation ======================================= */
#leftsidebar { 
				position: absolute;
				left: 60px; top: 105px;
				width: 200px; height: 500px;
				padding-top: 10px; padding-bottom: 0px;
				padding-left: 0px; padding-right: 0px;
}

/* below nav bars ======================================= */
#copyright {
				width:200px;
				margin-left: 0px; margin-top: 20px;
				font-family: Verdana, Arial,Helvetica, sans-serif;
				font-size: 80%; color: #000000; 
}

/* -- fixed items ------------------------------ */
#upperright {
				margin-left: 0px; margin-top: 0px;
				height: 30px; width: 160px;
}


/* -- footer ------------------------------------------------- */
#footer {
				margin-top: -80px; margin-left: 80px;
				width: 1000px; height: 75px;
}

#footertext {
				margin-top: 0px; margin-left: 0px;
}

/* Basic elements for nav =================================*/

.listnav,.listnav1,.listnav2,.listnav3,.listnav4	{
			
}

.listnav {
			margin-left: 0; margin-top: 0px;
			padding-left: 0px; list-style-type: none;
}

.listnav1 {
			margin-left: 0; margin-top: 10px;
			padding-left: 0px; padding-top: 0px;
			list-style-type: none;
}

.listnav2 {
			text-indent: 0px; list-style-type: none;
			margin-top: 4px;     /* Line spacing underneath titles in left sidebar */
}

.listnav3,.listnav4 {
			text-indent: 0px; list-style-type: none;
			line-height: 120%;                      /* Line spacing in left sidebar */
			margin-left: -30px;
			padding-left: 0px; padding-top: 0px;
}

/* For header that doesn't contain href */
.unlinked {	
				font-family: Verdana, Arial,Helvetica, sans-serif;
				color: #83002c; font-size: 100%; font-weight: bold;
				margin-top: 0px;
}

.AtLink {
				font-family: Verdana, Arial,Helvetica, sans-serif;
				text-decoration: none; font-weight: bold;
				text-indent: -25px;
				font-size: 87%;
				margin-top: 1px;				/* Line spacing in left sidebar */
				margin-bottom: 1px;
				color: #000000;				
			}

.NavLink { 
				font-family: Verdana, Arial,Helvetica, sans-serif;
				color: #555555;
				font-size: 87%;
				font-weight: bold;
				padding-left: 0px; padding-top: 0px;
				margin-left: 0px; margin-top: 0px;

}

.NavLink:hover			{ 			
				font-family: Verdana, Arial,Helvetica, sans-serif;
				color: #000000; text-decoration: none; font-size: 87%;
				border-top-color: #353535; border-bottom-color: #999999;
				border-left-color: #353535; border-right-color: #737373;
				padding-left: 0px;
}

/* links within text ============================ */
.NavLink3 { 

}
.NavLink3:hover { 
			color: #57001A; text-decoration: underline;
}


/* motivational posters...logo3 is front page only==========================*/
#logo { 
			background: url(logo.gif) top left no-repeat;
			width: 1000px; height: 85px;
			margin-top: 0px; padding-top:0px;
			margin-left: 0px;
}

/*          */
#photo2 { 

}

/*    1      */
#photo3 { 
			background: url(loyalty.jpg) top left no-repeat;
			position: absolute;
			top: 30px; left: 1090px;
			width: 400px; height: 324px;
}

/*     2     */
#photo4 { 
			background: url(obedience.jpg) top left no-repeat;
			position: absolute;
			top: 400px; left: 1090px;
			width: 400px; height: 324px;
}

/*    6      */
#photo5 { 
			background: url(wild.gif) top left no-repeat;
			position: absolute;
			top: 1480px; left: 1100px;
			width: 165px; height: 165px;
}

/*    3      */
#photo6 { 
			background: url(napoleon.jpg) top left no-repeat;
			position: absolute;
			top: 780px; left: 1130px;
			width: 300px; height: 484px;
}

/*     7     */
#photo7 { 
			background: url(tank.jpg) top left no-repeat;
			position: absolute;
			top: 1690px; left: 1065px;
			width: 442px; height: 328px;
}

/*    5      */
#photo8 { 
			background: url(primer.jpg) top left no-repeat;
			position: absolute;
			top: 1300px; left: 1060px;
			width: 215px; height: 154px;
}

/*     4     */
#photo9 { 
			background: url(mean.jpg) top left no-repeat;
			position: absolute;
			top: 1300px; left: 1350px;
			width: 180px; height: 252px;
}

/*    8      */
#photo10 { 
			background: url(meancolors.jpg) top left no-repeat;
			position: absolute;
			top: 2080px; left: 1030px;
			width: 526px; height: 130px;
}


/* moves to show drop shadow =============================================*/
img		{	margin-top:-9px; margin-left:-5px;
}

/* Headings =============================================*/

h1,h2,h3{ 
			font-family: Georgia, serif;  font-weight: normal;
}

h1 {
			font-size: 160%; font-variant: small-caps;
			font-weight: normal; color: black;
			padding-left: 12px; padding-right: 0px;
			padding-top: 0px; padding-bottom: 0px;
			margin-top: 0px; margin-bottom: 0px;
			margin-left: 0px; margin-right: 20px;
}

h2 {
			font-size: 150%;
			font-weight: bold; color: black;
			padding-left: 12px; padding-right: 0px;
			padding-top: 0px; padding-bottom: 0px;
			margin-top: 0px; margin-bottom: 0px;
			margin-left: 0px; margin-right: 20px;
}

h3 {
			font-size: 130%;
			font-weight: bold; color:#83002c;
			padding-left: 12px; padding-right: 0px;
			padding-top: 0px; padding-bottom: 0px;
			margin-top: 13px; margin-bottom: 0px;
			margin-left: 0px; margin-right: 20px;
}

h4 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 120%;
			padding-left: 13px; padding-right: 0px;
			padding-top: 0px; padding-bottom: 0px;
			margin-top: 10px; margin-bottom: 0px;
			margin-left: 2px; margin-right: 20px;
}

h5 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold; color: #003366; 
			font-size: 115%;
			font-style: italic;
			padding-left: 14px; padding-right: 0px;
			padding-top: 0px; padding-bottom: 0px;
			margin-top: 12px; margin-bottom: 0px;
			margin-left: 2px; margin-right: 20px;
}


/* Paragraphs =============================================*/

p {
			line-height: 115%;
			margin-top: 10px; margin-bottom: 0px;
			margin-left: 15px; margin-right: 0px;
			color: black;
}

.normal {
			line-height: 115%;
			margin-top: 10px; margin-bottom: 0px;
			margin-left: 0px; margin-right: 0px;
			color: black;
}

.firstparagraph {
			line-height: 115%;
			margin-top: 5px; margin-bottom: 0px;
			margin-left: 15px; margin-right: 0px;
			color: black;
}

.small {
			display:block;
			padding: 0px;
			margin-top: 2px; margin-bottom: 0px;
			margin-left: 0px; margin-right: 0px;		
			color: black;
}


/* Custom speaking ========================================*/

.bully {
			font-size: 97%;
			line-height: 110%;
			padding-left: 15px;	padding-right: 20px;
			padding-top: 10px; padding-bottom: 10px;
			margin-top: 10px; margin-bottom: 10px;
			margin-left: 20px; margin-right: 30px;
			color: #000000;
			background-color: #f7e8e5;
			border: solid 2px;
}

.target {
			font-size: 98%;
			line-height: 110%;
			padding-left: 15px;	padding-right: 20px;
			padding-top: 0px; padding-bottom: 0px;
			margin-top: 10px; margin-bottom: 0px;
			margin-left: 20px; margin-right: 0px;
			color: #333366;
}

/* Insets  =======================*/

.inset
{
			font-family: Arial,Helvetica, sans-serif;
			font-size: 95%;
			background-color: #FFFFFF;
			width: 360px;
			margin-left: 30px; margin-right: 0px;
			margin-top: 15px; margin-bottom: 15px;
			padding-top: 8px; padding-bottom: 10px;
			padding-left: 15px; padding-right: 20px;
			border: solid 3px;
			background-image: url(background10.jpg); background-repeat: repeat;
}

.sidenote,.sidenote2,.sidelist1,.sidelist2,.ListItems,.notice,.warning,ol,li  {

}

.sidenote,.sidenote2,.sidelist1,.sidelist2,.ListItems,.list1,.list2	{

}

.sidenote {
			line-height: 115%;
			margin-top: 5px; margin-left: 5px;
			margin-bottom: 5px; margin-right: 5px;
			padding-top: 0px; padding-left: 0px;
}

/* ol list */
.sidenote1 {
			font-weight: bold; margin-left: 5px; padding-left: 0px;
}

.sidelist1 {
			margin-top: 4px; margin-left: 25px;
			padding-left: 0px;
}

/* ul list */
.sidenote2 {
			font-weight: bold; color: #83002c;
			margin-left: 5px; padding-left: 0px;
}

.sidelist2 {
			color: #83002c;
			margin-top: 4px; margin-left: 5px;
			padding-left: 0px;
}


/* both ol and ul */
.ListItems {
			font-family: Verdana, Arial,Helvetica, sans-serif;
			font-size: 90%;
			margin-top: 2px; margin-left: 10px;
			padding-top: 0px; padding-bottom: 0px;
	     	padding-left: 0px; padding-right: 0px;
}


/* Lists ================================================*/

ul		{   
			list-style: none;
}

ol {
			line-height: 115%;
			word-spacing: 0px; letter-spacing: 0px;
			padding: 0px; margin-left: 50px; margin-top: 15px;
}

li {
			line-height: 115%;
			word-spacing: 0px; letter-spacing: 0px;
			padding: 0px; 
}

dl,dt,dd {
			
}

dl {
			line-height: 115%;
			margin-left: 10px; margin-top: 5px;
			padding-left: 0px; padding-right: 50px;
			list-style-type: none;
}

dt {
			font-weight: bold;	
}

dd {
			margin-bottom: 5px;
}





/* Links =============================================*/

a { 
			text-decoration: none;
			font-weight: normal;
}

a:hover { background-color: #efeae7;  }

.SmallLink { font-size: 80%;}
.SmallLink:hover { }

.BigLink {
			font-style: normal; color: #83002c; font-size: 100%;
			display: block; margin-top: 0px; width: 150px;

}

.BigLink:hover { 
				color: #000000; text-decoration: none; font-size: 100%;
}

#contact {
				font-size: 100%; font-style: normal; color: #555555;
				margin-top: 0px;

				
}

#contact:hover {  
				color: #000000; text-decoration: none;
}


