@charset "utf-8";

.rc {
border-radius: 1.25em;
}

#header {
width: 100%;
padding: 0em;
background-color: #2554C7;
border-bottom: 1px #2554C7;
color: WHITE;
text-align: center;
margin: 1em 0;
}

#header h1 {
padding: 0;
margin: 0;
}

h1 a {
text-decoration: none;
color: WHITE;
}

h1 a:hover{
text-decoration: underline;
color: WHITE;
}

body {
margin:0;
padding:0;
height:100%; /* this is the key! */
}

#container {
width: 99.7625%;
margin: 0 auto;
background-color: #fff;
color: #333;
border: 1px solid #2554C7;
line-height: 130%;
}

#sidebar-left {
float: left;
position: relative;
top: 1em;
width: 280px;
}

#main {
position: relative;
margin-left: 17.25em;
margin-right: 10em;
border-left: 1px solid #2554C7;
padding: 1em;
max-width: 41em;
min-height: 30em;
}

.clear-fix {
	clear: both;
	line-height: 1px;
}

#nav-open {
float: left;
clear: both;
position: relative;
top: .2em;
width: 250px;
margin: 0 5px 1em 5px;
border: medium double #2554C7;
}

.nav-open-button {
font: bold 18px Arial;
color: white; 
text-decoration: none;
background-color: #2554C7;
position: relative;
width: 190px;
height: auto;
margin: 0 0 1px -30px;
padding: 5px 10px 5px 30px;
list-style-image: none;
list-style-type: none;
text-decoration: none;
border-radius: 1.25em;
}

.nav-open-button a:link,
.nav-open-button a:visited {
font: bold 18px Arial;
color: white; 
text-decoration: none;
background-color: #2554C7;
position: relative;
list-style-image: none;
list-style-type: none;
text-decoration: none;
border-radius: 1.25em;
}

.nav-open-button a:hover, 
.nav-open-button a:active { 
font-size: 18px;
color: #2554C7; 
border: medium double #2554C7;
background-color: white;
border-radius: 1.25em;
}

#home a:link,
#home a:visited,
#home a:hover, 
#home a:active { 
padding: 3px 144px 3px 27px;
margin: 0 0 1px -30px;
}

#service a:link,
#service a:visited,
#service a:hover, 
#service a:active { 
padding: 3px 118px 3px 27px;
margin: 0 0 1px -30px;
}

#experience a:link,
#experience a:visited,
#experience a:hover, 
#experience a:active { 
padding: 3px 81px 3px 27px;
margin: 0 0 1px -30px;
}

#projects a:link,
#projects a:visited,
#projects a:hover, 
#projects a:active { 
padding: 3px 100px 3px 27px;
margin: 0 0 1px -30px;
}

#contact a:link,
#contact a:visited,
#contact a:hover, 
#contact a:active { 
padding: 3px 110px 3px 27px;
margin: 0 0 1px -30px;
}

#nav-secure {
float: left;
clear: both;
position: relative;
top: .2em;
width: 250px;
margin: 0 5px 1em 5px;
border: medium double #39B7CD;
}

.nav-secure-button {
font: bold 18px Arial;
color: white; 
text-decoration: none;
background-color: #39B7CD;
position: relative;
width: 190px;
height: auto;
margin: 0 0 1px -30px;
padding: 5px 10px 5px 30px;
list-style-image: none;
list-style-type: none;
text-decoration: none;
border-radius: 1.25em;
}

.nav-secure-button a:link,
.nav-secure-button a:visited {
font: bold 18px Arial;
color: white; 
text-decoration: none;
background-color: #39B7CD;
position: relative;
list-style-image: none;
list-style-type: none;
text-decoration: none;
border-radius: 1.25em;
}

.nav-secure-button a:hover, 
.nav-secure-button a:active { 
font-size: 18px;
color: #39B7CD; 
border: medium double #39B7CD;
background-color: white;
border-radius: 1.25em;
}

#photos a:link,
#photos a:visited,
#photos a:hover, 
#photos a:active { 
padding: 3px 121px 3px 27px;
margin: 0 0 1px -30px;
}

#music a:link,
#music a:visited,
#music a:hover, 
#music a:active { 
padding: 3px 143px 3px 24px;
margin: 0 0 1px -31px;
}

#process a:link,
#process a:visited,
#process a:hover, 
#process a:active { 
padding: 3px 113px 3px 24px;
margin: 0 0 1px -31px;
}

#album a:link,
#album a:visited,
#album a:hover, 
#album a:active { 
padding: 3px 132px 3px 27px;
margin: 0 0 1px -30px;
}

#account a:link,
#account a:visited,
#account a:hover, 
#account a:active { 
padding: 3px 108px 3px 27px;
margin: 0 0 1px -30px;
}


#logout a:link,
#logout a:visited,
#logout a:hover, 
#logout a:active { 
padding: 3px 121px 3px 27px;
margin: 0 0 1px -30px;
}

#login1
{
position: relative;
top: .2em;
float: left;
clear: both;
font: .7em Arial;
color: blue;
width: 250px;
margin: 10px 5px 0 5px;
padding: 1em 0;
border: medium double #2554C7;
text-align: center;
}

#login1 form {
margin-top: .5em;
}

#login1 .loginput {
margin: 0 auto;
}

#login1 input {
width: 50%;
}

.log-button 
{ 
margin: 1em 0;
}

#footer {
clear: both;
margin: 0;
padding: .5em;
color: WHITE;
background-color: #2554C7;
border-top: 1px #2554C7;
text-align: center;
margin: 1em 0;
}

#sidebar-left p { margin: 0 0 1em 0; }

#main h2 { margin: 0 0 .5em 0; }

table.list
{
margin-left:auto; 
margin-right:auto;
border-color: gray;
}

td.list
{
padding: 8px 20px 3px 20px;
}

.list-head {
width: auto;
border-bottom: solid medium #526989;
padding: 1% 0 0 0;
font-size: larger;
font-weight: bolder;
text-align: center;
}

div.dataTables_wrapper {
min-height: 0px;
}

p.error
{
font-weight: bold;
font-size: 14pt;
font-family: Arial;
color: red;
}

#definition dt {
padding:0.2em 0; 
font-size: 1em; 
font-weight:bold; 
}

#definition dd {
padding:0.1em; 
}

div.lifephotos {
padding: .2em;
margin: .1em;
position: relative;
float: left;
border: medium double #2554C7;
width: 23%;
text-align: center;
}

/* honeypot field */
#urlformfield {
display: none;
}


input {
margin-bottom: .3em;
width: 43.5%;
}

/* ~~~~~~~~~~~ my-account controls ~~~~~~~~~~~~~~~~*/
.pwlist {
position: relative;
float: left;
width: 40%; 
height: auto;
padding: 0 0 2% 0;
margin: 0 2% 2% 0;
border: solid thin #526989;
background-color: White;
text-align: center;
}

.adlist {
float: left;
width: 55%; 
padding: 0 0 2% 0;
margin: 0 2% 2% 0;
border: solid thin #526989;
background-color: White;
}

.adlist-head {
width: auto;
border-bottom: solid medium #526989;
padding: 1% 0 0 6%;
font-size: larger;
font-weight: bolder;
}

.adlist1 {
position:relative;
float: left;
padding: 1.5% 0 0 6%;
width: 40%;
font-size: 1em;
font-weight: bold;
border-bottom: solid thin #526989;
}

.adlist2 {
padding: 1.5% 1% 0 0;
border-bottom: solid thin #526989;
}

.wlist {
float: left;
width: 100%; 
padding: 0 0 2% 0;
}

.wlist-head {
width: auto;
border-bottom: solid medium #526989;
padding: 1% 0 0 6%;
font-size: larger;
font-weight: bolder;
}

.umlist {
float: left;
width: 100%; 
padding: 0 0 2% 0;
margin: 0 2% 2% 0;
border: solid thin #526989;
background-color: White;
}

.umlist-head {
width: auto;
border-bottom: solid medium #526989;
padding: 1% 0 0 6%;
font-size: larger;
font-weight: bolder;
}

fieldset#referrals {
clear: both;
}

/* contact form css */
#contact_form					{ width:600px; margin:0 auto; height:900px; padding:10px 0;
                        position:relative; }
form fieldset					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;
												margin:0px 0px 20px 0px; width:578px; position:relative;
												border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label { 
font-size:90%; 
display:block; 
float:left; 
width:10em; 
color:#000; 
font-weight:bold;
/*
margin:.2em .2em 0 0; 
padding:8px 0px; 
text-align:right;
*/
}
label.error           { font-weight:normal;color:red;text-align:left;width:250px; padding-left:25px;
                        background: transparent url(/images/cancel.png) no-repeat scroll left; }
input.text-input			{ margin:4px;padding:2px 0;color:#333; }

label#fname_label      { position:absolute; top:10px; left:0; }
input#fname            { position:absolute; top:10px; left:110px; }
label#fname_error      { position:absolute; top:11px; left:385px; }

label#lname_label      { position:absolute; top:40px; left:0; }
input#lname            { position:absolute; top:40px; left:110px; }
label#lname_error      { position:absolute; top:41px; left:385px; }

label#email_label     { position:absolute; top:70px; left:0px; }
input#email           { position:absolute; top:70px; left:110px; }
label#email_error      { position:absolute; top:71px; left:385px; }

label#subject_label     { position:absolute; top:100px; left:0px; }
input#subject           { position:absolute; top:100px; left:110px; }
label#subject_error      { position:absolute; top:101px; left:385px; }

label#messbody_label     { position:absolute; top:130px; left:0px; }
textarea#messbody           { position:absolute; top:130px; left:110px; }
label#messbody_error      { position:absolute; top:131px; left:385px; }

input.button					{ position:absolute; top:300px; left:110px; padding:3px 6px;
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
												font-family:Verdana, Arial, Helvetica, sans-serif;
												background:#CCC; border-radius:5px; }

input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; }
#message							{ width:180px;margin:60px 0 0 100px; }
#message h2						{ font-size:150%;color:green; }
#message p						{ color:black;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-124px;left:-60px; }