/* this is the background of the webpage and the font for the main page*/
body {
	font-family:verdana, arial, sans-serif;
	font-size:80%;
	color: #666666;
	text-align: center;
	background-image : url("red137.jpg");
	background-repeat : repeat;
	background-attachment : fixed;
	margin : 0;
	padding : 0;
}

p {
	padding : 0.3em;
	margin : 0.2em 0 1.2em 0;
}

h1.meaning{
	margin : 0em 0em 1em 0em;
	font-size : 145%;
	padding : 0em;
	color : #3B4471;
}

h1 {
	font-size:245%;
	font-weight:normal;
	font-style:italic;
	color: Maroon;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

h2 {
	background-color: Maroon;
	color: White;
	font-size: 145%;
	font-style:italic;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	font : bold;
	margin : 0;
	padding : 0;
}

h3{
	background-color : #DDDDDD;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	color : #3B4471;
	margin : 0.2em;
	padding: 0;
	font-style : italic;
	font-size : small;
}

div {
	margin:0;
	padding:0;
	display:block;
}

a:link, a:visited {
	color: Maroon;
	text-decoration:underline;
	font-weight : normal;
}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
	color: Maroon;
	text-decoration:underline;
}


/* the white back ground*/
.container {
	background-color: White;
	margin:0 auto 0 auto;
	padding:0;
	width: 70%;
	
}
/*the logo with the Main text to the left with the background image no repeat and to the right*/
.titleblock {
	padding: .3em 2em;
	text-align:left;
	background-image: url("logo2.jpg");
	background-repeat: no-repeat;
	background-position:right center;
	margin : 0em 0em;
}

.titleblock p {
	text-indent:4em;
	color:#3B4471;
}


/*this is the bar for navigation!
block The element will be displayed as a block-level element, with a line break before and after the element 
inline Default. The element will be displayed as an inline element, with no line break before or after the element 
list-item The element will be displayed as a list 
*/
ul.navbar {
	list-style-type: none;
	float:left;
	display: block;
	width:100%;
	line-height: 1em;
	clear:both;
	margin:0;
	padding:0;
	background-color: Gray;
}

/*This list each navigation element in line*/
ul.navbar li {
	display: inline;
}

a.nav:link, a.nav:visited {
	display:block;
	float:left;
	width: 19.9%;
	padding:1.2em 0 1.2em 0;
	margin:0;
	text-decoration:none;
	background-color: Gray;
	color:#FFFFFF;
}

a.nav:hover {
	display:block;
	float:left;
	width: 19.9%;
	padding:1.2em 0 1.2em 0;
	margin:0;
	text-decoration:none;
	background-color: Maroon;
	color:#FFFFFF;
}

a.nav:active {
	display:block;
	float:left;
	width: 19.9%;
	padding:1.2em 0 1.2em 0;
	margin:0;
	text-decoration:none;
	background-color: #999999;
	color: White;
}



.rightcontainer {
	width: 13em;
	margin: 1em 0 0 0em;
	padding:0;
	float : right;
	clear : both;
}

.rightbox {
	margin: 0.5em;
	padding: 0.3em;
	border:1px solid #999999;
	text-align: center;
}

.quotebox{
	margin : 0 .5em;
	padding: 0em;
	text-align: center;
	border : 1px solid #999999;
}

.info{
	margin: 0.5em;
	padding: 0.5em;
	text-align:center;
}

.rightcontainer h2 {
	text-align: center;
	padding: 0 0 0 1.5em;
}

.linkbox a {
	display: inline;
	color : #3B4471;
}


/* this is the position of the red border of the main title*/
.content {
	clear:left;
	text-align: left;
	margin : 1em 1em 0 0;
	padding: .2em 0 0 1.5ex;
}

.seccontent{
	clear:left;
	text-align: left;
	margin : 1em 13.5em 0 0;
	padding: 1em 1ex 1em 1.5ex;
}

/* this indents the main titles and calls the code H2 for font info*/
.content h2 {
	text-indent: 1em;
}

.seccontent h2{
	text-indent : 1em;
}


.footer {
	color:#999999;
	font-size:75%;
	margin: 0 0.2em 0.5em 0.5em;
	padding:0.3em;
	border-top:1px solid #999999;
	text-align: left;
	clear: both;
}

.footer p {
	margin: 0 0 0 0;
}