/* This is my own opinion of what I think looks good, you are welcome to change anything you like though. BUT no what you are doing or the sky will fall on your head and I won't be there to fix it! */

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:#ffffff url(http://www.michelleryanpics.org/img/back.jpg);
background-attachment: scroll;
background-repeat: repeat-x;}

/* STRUCTURAL */

.td,tr {
vertical-align: top;
font-family: Verdana; 
font-size: 11px; 
line-height: 13px; 
color: #59817e; 
text-align: justify;}


h1 {
background-color: #d1fffa;
border-bottom: 2px solid #fefefe;
font-family: Verdana; 
font-size: 9px; 
line-height: 9px; 
letter-spacing: 0px;
text-transform: uppercase;
font-weight: bold;
color: #4a9689; 
text-align: justify;
padding-left: 7px;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;}


/* FONT COLORS */

a:link {
font-weight: bold;
text-decoration: none; 
cursor: hand;
color: #cbebe5;
letter-spacing:0px; 
text-align: justify;}

a:active {
font-weight: bold;
text-decoration: none; 
cursor: hand;
color: #02a093;
letter-spacing:0px; 
text-align: justify;}

a:visited {
font-weight: bold;
text-decoration: none; 
cursor: hand;
color: #02a093;
letter-spacing:0px; 
text-align: justify;}

a:hover {
font-weight: bold;
text-decoration: none; 
cursor: hand;
color: #cbebe5;}

/* SIDE */

.sidebar {
vertical-align: top;
font-family: Verdana; 
font-size: 9px; 
line-height: 15px; 
color: #5b6f6b; 
text-align: justify;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;}

.sidebar, .sidebar ul, .sidebar ul ul {
list-style: none;
vertical-align: top;
font-family: Verdana; 
font-size: 9px; 
line-height: 15px; 
color: #5b6f6b; 
text-align: justify;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;}

.sidebar li {}

.sidebar a {
color: #1db399;
text-decoration: none;}

.sidebar a:link, .sidebar a:visited {
border-bottom: 1px dashed #ffffff;
color: #1db399;
text-decoration: none;}

.sidebar a:hover {
border-bottom: 1px dashed #57b7a4;
color: #81d7c8;
text-decoration: none;}


/* FOOTER */

.footer, .footer ul, .footer ul ul {
color: #135f57;
vertical-align: top;
font-family: Trebuchet MS;
text-transform: uppercase; 
font-size: 11px; 
line-height: 13px; 
text-align: justify;
list-style: none;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 5px;}

.footer a {
color: #0da393;
text-decoration: none;}

.footer a:link, .footer a:visited {
color: #0da393;
text-decoration: none;}

.footer a:hover {
color: #10c6b3;
text-decoration: underline;}

/* NAVIGATION */

#navigation {
font-weight: bold;
padding-left: 25px;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 5px;
height: 20px;
line-height: 20px;}

#navigation ul {
margin:0;
padding:0;
}

#navigation li {
float:left;
margin:0;
padding:0;
list-style-type:none;}

#navigation li a {
display:block;
text-align: center;
padding:0 0px;
font-weight: bold;
font-size: 11px;
font-family: Tahoma;
text-transform:normal;
letter-spacing:1px;}

#navigation li {border-left: 1px solid #fefefe;}

#navigation a {color:#59817e; cursor: default; background:url(http://www.michelleryanpics.org/img/nav.gif)
background-repeat: no-repeat; height: 20px; width: 119px}

#navigation .selected,
#navigation a:hover
{color: #33CCFF; cursor: default; background:url(http://wwww.michelleryanpics.org/img/nav2.gif)
background-repeat: no-repeat; height: 20px; width: 119px}


/* MISC */

form {
background-color: transparent;}

input, textarea, option, select {
background-color: #e9fbf8;
font: 10px Verdana;
color: #46aa98;
text-align: justify;
letter-spacing: 0px;
border: 1px solid #e9fbf8;
padding: 0px;}
