/* Hyperlinks */
A:link, A:active, A:visited {
	color: #FFFFFF;
	text-decoration: none; 
}

A:hover {
	text-decoration: none; 
	color: #FFFFFF;
	text-decoration: underline;
}

body {
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #C0C0C0;
}



/*  Container for all divs */
#page_container {
	position: absolute;
	width: 780px;
	height: 700px;
	top: 25px;
	left: 50%;
	margin: auto auto auto -390px;
	border: 1px solid #000000;
	
 /* top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;*/

}

/* Header of page with logo and menu */
#header {
	width: 780px;
   	height: 166px;
	background-image: url(../images/exigo.jpg);
}

/* Main menu in header*/
#main_menu {
	margin-top: 6px;
	width: 275px;
	height: 160px;
	position: absolute; right: 0; top: 0;
}


/* Container for content portion of page */
#content_container {
	width: 780px;
	height: 486px;
	background-image:url(../images/page_back.jpg)
}

/* Container for Bottom portion of webpage with menu and copyright information */
#bottom_container {
	width: 780px;
   	height: 48px;
   	background-color: #3F4F64;
}

/* Menu at bottom of every page */
#bottom_menu {
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
}

/* Copyright notice at bottom of every page */
#copyright_notice {
	padding-top: 8px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

/* Container for news box */
#news_container {
	float: left;
	display: inline;
	background-image: url(../images/news_box.jpg);
	margin: 12px;
	width: 496px;
	height: 232px;
}

/* Title of news box*/
#news_boxTitle {
	padding: 9px 12px 0px 32px;
	font-size: 12px;	
	font-weight: bold;
	height: 28px;
}


#news_boxText {
	padding: 4px;
	padding-left: 12px;
	width: 470px;
	height: 175px;
	overflow-y: scroll;
}

.news_block {
	font-size: 11px;
	padding-bottom: 12px;
}

.news_date {
	color: #464E63;
	font-weight: bold;
}

.news_title {
	color: #747f53;
	font-weight: bold;
}

.news_text {
	color: #747f53;
	font-weight: normal;
}

.news_text A:link, .news_text A:active, .news_text A:visited {
	color: #464E63;
}

/* Container for login box */
#login_container {
	float: left;
	display: inline;
	background-image: url(../images/login_box.jpg);
	margin: 127px auto auto 142px;
	width: 496px;
	height: 232px;
	background-repeat:no-repeat;
}

/* Title of login box*/
#login_boxTitle {
	padding: 9px 12px 0px 32px;
	color: #FFFFFF;
	font-size: 12px;	
	font-weight: bold;
	height: 28px;
}

/* Title of login box*/
#login_boxText {
	padding: 20px 100px 20px 100px;
	color: #3F4F64;
	font-size: 11px;	
	font-weight: bold;
	height: 60px;
}

#login_error {
	padding-top: 10px;
	color: #D62D26;
	font-size: 10px;	
	font-weight: bold;
	text-align: center;
}

.login_box_label{
	float:left;
	color: #3F4F64;
	width: 140px;
	height: 18px;
	font-size: 11px;	
	font-weight: bold;
	padding-top:4px;
	margin-bottom: 10px;
	
}

.login_box_control{
	float:left;
	color: #3F4F64;
	width: 140px;
	font-size: 11px;	
	font-weight: bold;
		margin-bottom: 10px;	
}


/* Container for mission statement */
#mission_container {
	float: left;
	display: inline;	
	margin: 12px;
	width: 236px;
	height: 232px;
}

/* Attempt to center the mission statement vertically */
#mission_centerVertically {
	margin-top: 32px;
}

/* Text for mission statement */
#mission_text {
	padding: 6px;
	text-align: justify;
	color: #3F4F64;
	font-size: 13px;
	font-weight: bold;	
}

/* Title of service box*/
#service_boxTitle {
	padding: 6px 12px 0px 32px;
	font-size: 11px;	
	font-weight: bold;
}

/* Div for subtitle of each page*/
#subTitle {
	float: left;
	padding: 12px;
	width: 756px;

}

/* Text for subtitle of each page */
#subTitle_text{
	font-size: 14px;
	font-weight: bold;
	color: #3F4F64;
	text-decoration: underline;
}

/* Container for book information */
#book_container {
	float: left;
	padding: 0px 45px 0px 45px;
	height: 420px;
	width: 690px;
}

/* Cover of book*/
#book_image {
	float: left;
	width: 290px;
	height: 420px;
}

/* Text for description of book */
#book_text {
	float: left;
	width: 400px;
	height: 420px;	
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: justify;
}
/* Text for quote from reader */
#book_quoteText {
	font-size: 11px;
	color: #3F4F64;
	font-weight: bold;
	text-align: left;
}

/* Text for name of reader whoe left quote */
#book_quoteAuthor {
	font-size: 10px;
	color: #3F4F64;
	font-weight: normal;
	text-align: left;
}

/* Container for contact information */
#contact_container{
	float: left;
	padding: 0px 80px 0px 80px;
	height: 420px;
	width: 620px;
}

/* Contact address*/
#contact_address {
	float: left;
	padding: 24px 40px 24px 40px;
	height: 372px;
	width: 210px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	border-right: dotted;
	border-right-color: #3F4F64;
	border-right-width: 1px;
	
}

/* Hyperlinks in contact information */
#contact_address A:link, #contact_address A:visited{
	text-decoration: underline;
}

/* Hyperlinks in contact information */
#contact_address A:hover{
	color: #CD1935;
	text-decoration: underline;
}


/* Contact information for each person */
#contact_person {
	float: left;
	padding: 24px 40px 24px 40px;
	height: 372px;
	width: 240px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

/* Container for list of links */
#links_container {
	float: left;
	padding: 0px 60px 0px 60px;
	height: 420px;
	width: 660px;
}

/* Div for group of links */
.link_group {
	float: left;
	width: 200px;
}

/* Div for column of groups of links*/
.link_column {
	float: left;
	padding-right: 20px;
	width: 200px;
	height: 420px;
}

/* Name for each group of links */
.linkCategory {
	float: left;
	padding-top: 16px;
	width: 200px;
	font-size: 11px;
	color: #3F4F64;
	font-weight: bold;
	text-align: left;
}

/* Text for each link */
.links {
	float: left;
	width: 200px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

/* List of links */
.links ul {
	list-style-type: square;
	color: #FFFFFF;
	margin-top: 4px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* List of links */
.links li {
}


/* Category name of each downloadable document category */
.document_category {
	float: left;
	padding-top: 16px;
	width: 660px;
	font-size: 11px;
	color: #3F4F64;
	font-weight: bold;
	text-align: left;
}

/* Text for each document */
.documents {
	float: left;
	width: 660px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

/* List of documents */
.documents ul {
	list-style-type: square;
	color: #FFFFFF;
	margin-top: 4px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* List of docuemnts */
.documents li {
}

/* Contact information identifier*/
.contact_ID {
	padding-bottom: 6px;
	font-size: 13px;
	color: #3F4F64;
	font-weight: bold;
	text-align: left;
}

/* Text for contact information with less importance */
.contact_smallText{
	font-size: 9px;
	color: #FFFFFF;
}

/* Container for downloadable documents */
#document_container{
	float: left;
	padding: 0px 45px 0px 45px;
	height: 420px;
	width: 690px;
}

/* Container for FAQ */
#faq_container{
	float: left;
	padding: 0px 45px 0px 45px;
	height: 420px;
	width: 690px;
}

/* FAQ question */
.faq_question {
	float: left;
	width: 690px;
	font-size: 12px;
	color: #3F4F64;
	font-weight: bold;
	text-align: left;
}

/* FAQ answer*/
.faq_answer {
	float: left;
	padding-top: 6px;
	padding-bottom: 12px;
	width: 690px;	
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

/* Dive containing both question and answer*/
.faq {
	float: left;
	width: 690px;
	text-align: left;	
}

/* List for FAQ qustions */
.faq_question ul{
	list-style-type: square;
	color: #3F4F64;

	margin-top: 4px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* List for FAQ qustions */
.faq_question li{
	padding-top: 0px;
}

/* List for FAQ answers */
.faq_answer ul{
	list-style: none;
	margin-top: 0px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* List for FAQ answers */
.faq_answer li{
	padding-top: 0px;
}

/* Container for list of services in point form */
#service_container {
	float: left;
	padding: 0px 60px 0px 60px;
	height: 420px;
	width: 660px;
}

/* Container for services box on home page*/
.service_boxContainer {
	float: left;
	display: inline;
	background-image: url(../images/box.jpg);
	margin: 12px;
	width: 236px;
	height: 206px;
}

/* Text for services*/
.service_boxText {
	padding: 8px;
	font-size: 11px;
	color: #3F4F64;
}

/* Service box list*/
.service_boxText li{
	padding-bottom: 8px;
}

/* Service box bullets*/
.service_boxText ul{
	list-style-type: square;
	margin-top: 4px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* Text for description of each service in point form */
.service_pointFormText {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;	
}

/* List for description of each service in point form */
.service_pointFormText ul{
	list-style-type:square;
	margin-top: 4px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* List for description of each service in point form */
.service_pointFormText li{
	padding-top: 12px;
}


/* Text for sub-description of each service in point form */
.service_subPointFormText {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;	
}

/* List for sub-description of each service in point form */
.service_subPointFormText ul{
	list-style-type:circle;
	margin-top: 0px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
}

/* List for sub-description of each service in point form */
.service_subPointFormText li{
	padding: 0px;
}

/* Item for top menu*/
.main_menu_item{
	width: 275px;
	padding-top: 3px;
	font-size: 11px;
	font-weight: bold;
}

/* Color when item in top menu is hovered */
.main_menu_item A:hover{
	color: #CD1935;
	text-decoration: none;
}


