* {
     padding: 0;
     margin: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	border:0;	/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	font-size: 12pt;
	font-family:Arial, Helvetica, sans-serif;
	/*font: 1.0em verdana, arial, sans-serif;*/
	background-color: gray;
	}

#header {
	text-align: center; 
	background-color: #ffd700; 
	padding-top:2px;
	border-bottom: 4px solid #a52a2a;
}

	/* 'widths' sub menu */

	/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */

	}
	/* common column settings */

.main_container
{
		
	float:left;
	width: 100%;			/* width of page */
	position:relative;

}
.colright,
.colleft {
		
	float:left;
	width: 100%;			/* width of page */
	position:relative;
padding: 15px 0 0 0;



	}
.main,
.left,
.right {width: 100%;
	float:left;
	position:relative;
padding:15px 0 0 0;
		/* no left and right padding on columns, we just make them                                     narrower instead 
				only padding top and bottom is included here,                                 make it whatever value you need */
	overflow:hidden;
	}

	/* ========== Column settings  ===========*/

.column {
	background: #ffff66;	        	/* right column background colour */
	
}
.column .main_container {
		right:20%;			/* width of the right column */
		background: #ffffcc;		/* center column background colour */
	border-right: 4px solid #a52a2a;

}
.column .colleft {
		right:60%;			/* width of the middle column */
		background: #ffff66;     	/* left column background colour */
	border-right: 4px solid #a52a2a;
}
.column .main {
		width:56%;			/* width of center column content (column width                                                    minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	
}
.column .left {
		width:16%;			/* Width of left column content (column width                                                    minus padding on either side) */
		left:26%;
			/* width of (right column) plus (center column                                                    left and right padding) plus (left column                                                        left padding) */
	
}
.column .right {
	width:16%;			/* Width of right column content (column width minus                                            padding on either side) */
	left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column                                           left and right padding) plus (left column left and                                          right padding) plus (right column left padding) */
	}

.leftmenu {
		background: #ffffcc;		/* right column background colour */
	
}
.leftmenu .colleft {
	right:80%;			/* right column width */
	background: #ffff66;		/* left column background colour */
	border-right: 4px solid #a52a2a;	
	padding: 20px 0;
}
.leftmenu .colright {
	width:74%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
	}
.leftmenu .main {
	width:16%;			/* left column content width (column width minus left                                           and right padding) */
	left:8%;			/* (right column left and right padding) plus 								(left column left padding) */
}

#footer p {
	padding:10px;
	margin:0;
	}


#footer {

	clear:both;
	float:left;
	width:100%;
	color: black;
	background-color:#ffffcc; 
	text-align: center;
	border-top: 4px solid #a52a2a;
	border-bottom: 4px solid #a52a2a;
}



/*----------------------Navigation Buttons------------------------------------------- */

#HeadButtons
{
z-index: 1;
list-style-type: none;
text-align: center;
position: relative;
}

#HeadButton
{
margin: 15px auto;
z-index: 1;
list-style-type: none;
text-align: center;
padding: 2px 2px;
position: relative;
}

#HeadButtons li
{
display: inline;
text-align: center;
padding: 0px 2%; /* Spacing between boxes */
}

#HeadButtons li a
{
padding: 0px 8px;
color: #a52a2a;
font-weight: bold;
background-image: url(../../Images/1buttonbkgnd.png);
width: 125px;  /* Put Auto for variable width */
text-decoration: none;
border-style: solid;
border-width: 5px;
border-color: #a52a2a;
}

#HeadButtons li a:hover
{
color: blue;
border-color: blue;
background: white;
}

/*----------------------Paragraphs------------------------------------------- */

p + p {text-indent: 10px;margin-top : 0;}


p 
{
margin:0 0 15px 0;
color: black;
background-color: transparent;
text-align: left;
font-weight: normal;
font-variant: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
/* font-family: "Times New Roman", Times, serif;
font-family: futura, arial, sans-serif;
font-family: "Courier New", Courier, mono; */
font-size: 12pt;
}

P.intro:first-letter {
	font-size : 150%;
}

/* p.v1 = Primary Verses;  p.v2 =  Secondary Verses; p.v3 =  Centered */

p.v1, p.v2, p.v3 
{
color: #8B0000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-indent: 0px;

}

p.v2  
{
color: #0000cc;
}

p.v3   
{
text-align: center;
color: #ff3300;
/* font-family: futura, arial, sans-serif;*/
/* font-family: "Brush Script"; */
/*font-style: oblique; */
/* font-weight: bold; */
}

p.v4   /*  Monotext */
{
text-align: left;
color: #cc0000;
font-family: "courier new", monospace;
font-style: normal;
font-weight: 600;
font-size: 12pt;
}

p.v5 
{
text-align: center;
color: red;
font-family: "Brush Script";
font-style: italic;
font-weight: bold;
font-size: 14pt;
}


/*----------------------Misc Text------------------------------------------- */

.cntr{                    /*Used to Center Images*/  
margin: 0 auto;
display: block;
}


.txtcntr {               /*Used to Center Text*/  

padding: 10px;
text-align: center;
font-weight: bold;
}

.txt1 {
font-family: arial, tahoma, sans-serif;
background-color:#cc6600; 
color:  black;
padding: 10px;
font-weight: bold; 
text-align: center;
font-size: 12pt;
}

.txt2 {
font-family: arial, tahoma, sans-serif;
background-color:#cc6600; 
color:  black;
padding: 0 10px;
font-weight: bold; 
text-align: left;
font-size: 12pt;
}

.txt1.t2 {
background-color: blue; 
}
.txt1.t3 {
background-color: #996600; 
color: #ffffff;
}

.txt2.t2 {
background-color: blue; 
}
.txt2.t3 {
background-color: #996600; 
color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
font-variant: normal;
font-family: arial, sans-serif;
background-color: transparent;
text-align: center;
font-style: italic;
margin: 10px 0;
}

h1 {font-size:133%;} /* 20px font */
h2 {font-size:117%;} /* 18px font */
h3 {font-size:100%;} /* 16px font */
h4 {font-size:100%;} /* 14px font */
h5 {font-size:92%;} /* 12px font */
h6 {font-size:92%; } /* 11px font */

h1, h2 {
color: #663300;
}

h3, h4, h5, h6 {
color: #993300;
text-decoration: underline;
}


pre {
display: block;
position: relative;
margin: 5px auto;
text-align: left;
color: #A52A2A;
background: #ffff99;
font-family: "courier new", monotext;
font-weight: bold;
font-size: 12pt;
padding: 10px 14px;
/*letter-spacing: -.1em;*/
}

b {

color: #cc0000;
background-color:#f5f5f5;
/*text-decoration: underline;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
}

b.b2 {

color: #0000cc;

}


/*---------------------- Sidebar Menu----------------------------------------- */

.container
{
font-family: arial, Times, serif;
}

.container ul{
list-style-type: none;
margin:0;
padding:0;

}

.container li{
display: inline;
}

.container a{
line-height: 100%;
margin: 0 auto;
list-style-type: none;
color: #a52a2a;
text-decoration: none;
font-size: 10pt;
font-weight: bold;
padding: 6px;
width: 86%;
height: 48px;
text-align: left;
background-color: #ffff99;
border-left: 2px solid #666;
border-right: 2px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
display: block;
}

.container a:visited { color: green; }
.container a:hover { background: white; color: blue;}

ul, ol
{
margin: 2% 5%;
color: #660000;
background-color: transparent;
text-align: left;
font-weight: bold;
font-variant: normal;
font-style: normal;
font-family: arial, serif;
font-size: 12pt;
line-height: 150%;

}

.flag
{

list-style-image: url(Images/Clipart/Red_flag1.gif);
}

ul.flag li
{
padding-left: 10px;
}

.imageleft
{
float: left;
font-size:80%;
font-weight: bold;
text-align: center;
padding: 1px 10px;
margin: 1px 10px;
}
.imageright
{
float: right;
font-size:80%;
font-weight: bold;
text-align: center;
padding: 1px 10px;
margin: 1px 10px;
}