/* css - 'Lutheran Campus Ministry', by Olivia-Beth Horak */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Olivia-Beth Horak */
/* Edited Last: January 13th, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   

/* basic elements */
body {
font-family: arial, sans-serif;
font-size: 12pt;
font-weight: normal; 
background-color: #D2DCDD;
color: #004248;}

a:link {
font-weight: bold;
text-decoration: none;
color: #004248;}

a:visited {
font-weight: bold;
text-decoration: none;
color: #004248;}

a:hover {
font-weight: bold;
text-decoration: none;
color: #D3E1E2;}

a:active {
font-weight: bold;
text-decoration: none;
color: #004248;}

h1 {
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #507477;
font-size: 18px;
font-weight: bold;
}

img {border-color: #86ADB0;}
hr {margin: 15px 0px 15px 0px;}
ul {list-style: disc; color: #000080;}
blockquote {text-align: left; margin: 0px 0px 0px 15px;}
pre {font-size: 9pt;}

/* specific divs */
#border {
width: 720px;
\width: 740px;
w\idth: 720px;
border: 2px solid #507477;
margin: 10px auto;
padding: 10px;}

#container {
margin: 0px auto;
padding: 0px;
background-image: url(../imx/background.gif);
background-color: #FFFFFF;
background-repeat: repeat-y;}

#elca {
float: left; 
margin: 0px;
padding-top: 10px;
text-align: center; 
width: 150px; 
height: 138px;}

#banner {height: 108px; margin: 0px 0px 0px 150px; padding: 40px 0px 0px 10px;}
#content {margin: 0px 0px 0px 150px; padding: 5px;}

#navcontainer { 
float: left;
margin: 0px;
padding: 5px;
width: 140px;}

#navcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 8pt;
font-family: arial, sans-serif;}

#navcontainer a {
display: block;
border-bottom: 1px solid #FFFFFF;
padding: 0px;
width: 140px;
background-color: #507477;}

#navcontainer a:link, #navcontainer a:visited {color: #EBF1F1; text-decoration: none;}
#navcontainer a:hover {background-color: #00383C; color: #D3E1E2;}
#navcontainer a:active {color: #EBF1F1; text-decoration: none;}

#footer {clear: right; padding: 50px 0px 5px 212px;}

#footer h1{
margin: 0px;
border-bottom: none;
background: url(../imx/titles/footer.jpg) no-repeat;
width: 446px;
height: 57px;}

#footer h1 span {display: none;}

/* Picture Pages */
/* Archive Page */
.date {
margin: 0px;
font-size: 10pt;
font-weight: normal;}

#picture_body {
margin: 0px 100px 0px 100px;
font-size: 10pt;
font-weight: normal;}

#picture_body h2{
margin: 0px;
font-size: 13pt;
font-weight: bold;}

#pictures {margin: 0px;position:relative;}

#pictures h2 {
margin: 0px;
font-size: 10pt;
font-weight: bold;
font-style: italic;}

#pictures h3 {
margin: 0px;
font-size: 8pt;
font-weight: normal; }

#archive a:link, #archive a:visited {
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #004248;}

#archive a:hover {
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #D3E1E2;}

#archive a:active {
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #004248;}

/* Event Page */
#event {
margin: 0px;
color: #000080;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 10pt;}

#event a:link, #event a:visited{
color: #000080;
font-weight: bold;
text-decoration: none;}

#event a:hover {
color: #FF8040;
font-weight: bold;
text-decoration: none;}

#event a:active {
color: #000080;
font-weight: bold;
text-decoration: none;}

#event h2 {
margin: 0px;
font-size: 10pt;
font-weight: bold; 
color: #000080;}

#event h3 {
margin: 0px;
font-size: 12pt;
font-weight: bold;
font-style: italic;
text-decoration: underline;
letter-spacing: 1px;
color: #000080;}

#event h4 {
margin: 0px 0px 10px 0px;
font-size: 12pt;
font-weight: bold;
color: #FF8040;}

/* Visitor Card */
pre {
font-size: 10pt;
font-weight: normal;}

.submit {
background-color: #FFFFFF;
border: 1px solid gray;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #004248;}

.reset {
background-color: #FFFFFF;
border: 1px solid gray;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #004248;}

/* Previous Activities Page */
#pre {width: 80%; margin: 0px;}
#pre h2 {
margin: 0px;
font-size: 10pt;
font-weight: normal;
font-style: italic;
text-align: center;}

/* Staff Page */
#staff_body {margin: 0px 15px 0px 15px;}

#staff_body h2 {
margin: 0px;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-align: center;}

/* Luther Page */
.luther {
list-style: disc;
line-height: 18px;
color: #004248;}

/* Scholorship Page */
.scholorship {
list-style-position: outside;
list-style-type: decimal;}

.scholorship2 {
margin: -15px 0px 0px 75px;
list-style-position: outside;
list-style-type: lower-alpha;}

/* Calendar Page */
#calendar {
font-family: arial, sans-serif;
font-size: 10pt;
font-weight: normal; 
color: #000000;}

#calendar p {
margin: -3px 0px 7px 0px;
font-family: arial, sans-serif;
font-size: 12pt;
font-weight: normal;}

#calendar a:link {
font-size: 8pt;
font-weight: normal;
text-decoration: none;
color: #FFFFFF;}

#calendar a:visited {
font-size: 8pt;
font-weight: normal;
text-decoration: none;
color: #004248;}

#calendar a:hover {
font-size: 8pt;
font-weight: normal;
text-decoration: none;
color: #D3E1E2;}

#calendar a:active {
font-size: 8pt;
font-weight: normal;
text-decoration: none;
color: #004248;}

#calendar p a:link {
font-size: 12pt;
font-weight: normal;
text-decoration: none;
color: #004248;}

#calendar p a:visited {
font-size: 12pt;
font-weight: normal;
text-decoration: none;
color: #004248;}

#calendar p a:hover {
font-size: 12pt;
font-weight: normal;
text-decoration: none;
color: #D3E1E2;}

#calendar p a:active {
font-size: 12pt;
font-weight: normal;
text-decoration: none;
color: #004248;}

/* MOSS Page */
.moss {
list-style-position: outside;
list-style-type: disc;
color: #004248;}

/* Web Cards */
form {
margin: 0px 0px 10px 0px;
padding: 0px;}

.gender {
margin: 5px 0px 0px 105px;}

.questions {
margin: 0px 0px 0px 15px;
font-size: 10pt;
width: 450px;}

.scale {
margin: 0px 0px 0px 15px;
font-size: 10pt;
width: 525px;
text-align: left;}

.smalltextfield {
margin: 3px;
height: 16px;
width: 20px;
text-align: center;}

fieldset {
font-size: 10pt;
margin: 0px;
padding: 5px;
width: 535px;
border: 0px;}

fieldset label {
text-align: right;
width: 150px;
float: left;
padding: 0.2em;
margin: 0;
margin-top: 0.3em;}

fieldset .nobr {
display: none;}

fieldset .small {
margin: 3px;
height: 50px;
width: 300px;}

fieldset .textfield {
margin: 3px;
height: 16px;
width: 300px;}