/* CSS layout */

a:link {
				color: #00F;
				text-decoration: none;
				background-color: transparent;
}
a:visited {
				color: #800080;
				text-decoration: none;
				background-color: transparent;
}
a:hover, a:active {
				color: #F00;
				text-decoration: underline;
				background-color: transparent;
}

body {
				margin: 1px 10% 1px 10%;
				width: 80%;
				background: #4169E1 url('images/gradient_body.jpg') repeat-x 0% 0%}
h2 {
				font-family: Century, "Times New Roman", serif;
				color: #00008B;
				text-align: center;
}
h3 {
				font-family: Century, "Times New Roman", serif;
				color: #8B0000;
				text-align: center;
				text-decoration: underline;
}
h4 {
				color: #8B0000;
				text-align: left;
}
#masthead {
				background-image: url(images/panorama.jpg);
				background-repeat: no-repeat;
				background-color: white;
				background-position: right bottom;
				position: relative;
				width: 99.7%;
				height: 180px;
				margin-bottom: 1px;
				border: 1px #8B0000 solid;
				font-family: Century, "Times New Roman", serif;
				font-size: xx-large;
				font-weight: bolder;
				font-style: italic;
				color: #4169E1;
				text-align: center;
}

#container {
				position: relative;
				width: 99.7%;
				min-height: 400px;
				background: #FFF;
				border: 1px #8B0000 solid;
				margin-bottom: 1px;
				overflow: hidden;
				font-family: Calibri, Verdana, serif;
}

#page_content {
				position: relative;
				float: left;
				padding: 2% 4%;
				width: 68%;
				min-height: 400px;
				border-right: 1px #8B0000 solid;
				font-size: medium;
				font-weight: normal;
				font-style: normal;
				color: #000000;
}
#right_col {
				position: relative;
				float: right;
				width: 18%;
				padding: 2% 2%;
				font-size: medium;
				font-weight: normal;
				font-style: normal;
				color: #00008B;
}
.rightmenu {
				list-style-type: disc;
				margin: 0;
				padding: 0;
				width: 100%;
				font-weight: bolder;
}
.footer {
				position: relative;
				font-family: Century, "Times New Roman", serif;
				font-size: 13px;
				width: 99.7%;
				height: 30px;
				color: #FFF;
				padding-top: 1px;
				margin-top: 1px;
				margin-bottom: 1px;
				margin-left: 1px;
				overflow: hidden;
				clear: both;
}
.footer ul {
				margin: 0;
				float: left;
				padding-left: 1px;
				width: 100%;
				background: blue url(images/gradient_button_out.jpg) center center repeat-x;
				border-top-style: solid;
				border-bottom-style: solid;
				border-top-width: 1px;
				border-bottom-width: 1px;
				border-top-color: #8B0000;
				border-bottom-color: #8B0000;
}
.footer ul li {
				padding: 5px;
				display: inline;
				float: left;
				border-right: 1px solid #8B0000;
}
.footer ul li a {
				margin: 0px;
				padding: 5px 22px;
				color: white; /*text color*/;
				text-decoration: none;
				text-align: center;
}
.footer ul li a:visited {
				color: white;
}
.footer ul li a:hover, .footer ul li .current {
				color: white !important; /*text color of selected and active item*/;
				padding-top: 6px; /*shift text down 1px for selected and active item*/;
				padding-bottom: 4px; /*shift text down 1px for selected and active item*/;
				background: blue url(images/gradient_button_in.jpg) center center repeat-x;
}
/*Credits: Dynamic Drive CSS Library for the indent menu*/
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu {
				position: relative;
				font-family: Century, "Times New Roman", serif;
				font-weight: bold;
				font-size: 13px;
				width: 99.7%;
				height: 30px;
				margin-left: 1px;
				overflow: hidden;
}
.indentmenu ul {
				margin: 0;
				float: left;
				padding-left: 1px;
				width: 100%;
				background: blue url(images/gradient_button_out.jpg) center center repeat-x;
				border-top-width: 1px;
				border-bottom-width: 1px;
				border-top-style: solid;
				border-bottom-style: solid;
				border-top-color: #8B0000;
				border-bottom-color: #8B0000;
}
.indentmenu ul li {
				display: inline;
}
.indentmenu ul li a {
				float: left;
				color: white; /*text color*/;
				padding: 5px 22px;
				text-decoration: none;
				border-right: 1px solid #8B0000; /*divider between menu items*/
}
.indentmenu ul li a:visited {
				color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current {
				color: white !important; /*text color of selected and active item*/;
				padding-top: 6px; /*shift text down 1px for selected and active item*/;
				padding-bottom: 4px; /*shift text down 1px for selected and active item*/;
				background: blue url(images/gradient_button_in.jpg) center center repeat-x;
}