/*
Note: this file is to change the look and feel, not alter the layout.

Note that each main element (header, sidebar, nav, content, footer)
are probably not desired to change appearence (changing margins, etc.
will cause layout to fubar).

Create classes and use those to control look and feel, lining the main elements
as it were with the look and feel specific stuff.
*/

/* GENERAL DOCUMENT STUFF */

/* alt colors 598DDB, 6B8CA4 */
body {
	background-color: #D8E8FF;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
}

a {
	text-decoration:none;
	font-weight: bold;
}

a:link {
	color: #598DDB;
	}     /* unvisited link */

a:visited {
	color: #40679E;
}  /* visited link */

a:hover {
	color: #000000;
	background-color: #D8E8FF;
}   /* mouse over link */

a:active {
	color: #598DDB;
}   /* selected link */

h1 {
	margin-top: 0;
}

/* took out text indent, looked wierd */
p {
	margin-top: 0;
}

img {
	vertical-align: middle;
}

/* customizing the classes inside the main structural elements */

/* alt colors 98B3D8, 40516A */
.header {
	color: #FFFFFF;
	background-color: #598DDB;
	border-top: 3px solid #40679E;
	border-bottom: 3px solid #40679E;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.header a, .header a:link, .header a:hover, .header a:active {
	width: 100%;
	display: block;
	color: #FFFFFF;
	background-color: #598DDB;
}

.header_title {
	display:table-cell;
	font-size: xx-large;
	letter-spacing: 15px;
	white-space: nowrap;
	text-align: center;
}

.subtitle {
	display: block;
	font-size: small;
        font-weight: bold;
	letter-spacing: 0px;
}

.header_description {
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	font-weight: bold;
	padding: 10px;
}

/*  NAVIGATION */

.nav {
	color: #40679E;
	margin: 5px;
	padding: 3px;
}

.group_entry {
	margin:  20px 10px 10px 10px;
	border: 1px solid #40679E;
	background-color: #598DDB;
	padding: 0px;
}

/* display inline removes the break before and after */
.group_head {
	display:inline;
	position: relative;
	top: -12px;
	left: 12px;
	padding: 4px;
	display:inline;
	background-color:#FFFFFF;
	border: 1px solid #40679E;
	font-weight: bold;
}

/* alt colors 2B3748 */
.entry_head { 
	color: #FFFFFF;
	background-color: #598DDB;
	padding: 5px;
	font-size: smaller;
}

.title {
	color: #FFFFFF;
	font-weight: bold;
	font-size: large;
}

.title a, .title a:link, .title a:visited, .title a:hover {
	color: #D8E8FF;
} 

.title a:hover {
	color: #000000;
	background-color: #598DDB;
} 

.entry_body { 
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.footnote {
	color: #999999;
	font-weight: bold;
	text-align: right;
	font-size: smaller;
}

/* FORM ELEMENTS */

.textfield {
	background-color: #D8E8FF;
    border: 1px solid #40679E;
}

.textarea {
    background-color:#D8E8FF;
    border: 1px solid #40679E;
    color: #000000;
    width:auto;
    voice-family: "\"}\""; /* hide the following for Explorer 5.x */
    voice-family:inherit;
    width:100%;
}

/* outline could be usefull too */
.button {
  border: 1px solid #40679E;
  background-color: #D8E8FF;
}

.button:hover {
  border: 1px solid #40679E;
  color: #FFFFFF;
  background-color: #40679E;
}

.message {
	color: #000000;
	background-color: #D8E8FF;
	text-align: center;
	padding: 4px;
	margin: 2px;
    border: 1px solid #40679E;

}

/* to change the comment box text */
.comments {
	color: #FFFFFF;
}

/* MENU */

.menu {
	background-color: #FFFFFF;
	border-top: 1px solid #40679E;
	border-bottom: 1px solid #40679E;
	border-right: 1px solid #40679E;
	margin-bottom: 10px;
	overflow: auto;
}

.menu_head {
	color: #FFFFFF;
	background-color: #598DDB;
	padding: 5px;
	font-weight: bold;
}

/* overriding overlow, so clicks no cause scroll bar to appear */
.links {
	overflow: hidden;
}

.links ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.links li {
	padding: 0px;
	margin: 0px;
}

.links a {
	padding: 5px;
	width: 95%;
	display: block;
}

.calendar {
	text-align: center;
}

.calendar table {
	color: #40679E;
	width: 98%;
	margin: 2px;
}

.calendar td {
	background-color: #D8E8FF;
	border: 1px solid #40679E;
	padding: 1px;
	vertical-align: bottom;
	text-align: center;
}

.calendar a, .calendar a:link, .calendar a:visited, .calendar a:active {
	padding: 1px;
	width: 90%;
	display: block;
	color: #40679E;
	background-color: #FFFFFF;
}

.calendar a:hover {
	padding: 1px;
	width: 95%;
	display: block;
	color: #FFFFFF;
	background-color: #40679E;
}

.search {
	text-align: center;
	padding: 3px;
	white-space: nowrap;
}

.search .textfield {
	background-color: #D8E8FF;
    width:auto;
    voice-family: "\"}\""; /* hide the following for Explorer 5.x */
    voice-family:inherit;
    width:72%;
    margin-right: 5px;
}

/* FOOTER */

.footer {	
	border-top: 3px solid #40679E;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
	padding: 20px;
	text-align: center;
}