body {
    margin: 10px 0 0 0; padding: 0;
    color: #333;
    font-family: Georgia, Palatino, "Times New Roman", Times, serif;
    background-color: #fff;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 160%;
}

/* ---------------------------------------------
TAGS
--------------------------------------------- */

img {
    border: none;
}

small {
    font-size: 70%;
}

.tags {
    font-size: 70%;
    font-family: verdana, Georgia, Palatino, "Times New Roman", Times, serif; 
    color: #666;
}

h2 {
    font-size: 140%;
    font-family: verdana;
    color: #774B1C;
    text-align: left;
}

.text-banner h1 {
    font-size: 185%;
    font-family: Georgia, Palatino, "Times New Roman", Times, serif;
    font-weight: normal;
}

.resource h1 {
    font-size: 140%;
    font-family: verdana, Georgia, Palatino, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #003366;
}

i {
    background-color: #eee;
    border: solid 1px #999;
    padding: 2px;
    font-style: normal;
}

strong {
    background-color: #ffb;
    font-weight: normal;
}

cite {
    color: #999;
    font-style: italic;
}

.shade {
    color: #666;
}

.shade a {
    color: #666;
}

.box {
    border: 3px solid #CCCC99;
    padding: 10px;
}

/*
.box {
border: 4px solid #f66;
padding: 10px;
}
*/

/* ---------------------------------------------
COLOURS
--------------------------------------------- */

.brown {
    background-color: #CCCC99;
}

.blue {
    background-color: #CCCCFF;
}

.dark-blue {
    background-color: #003366;
}

.yellow {
    background-color: #d5ba00;
}

.light-yellow {
    background-color: #ffea55;
}

/*
LINKS
*/

a:link  { 
    color: #000; 
    text-decoration: underline; 
}

a:visited { 
    color: #000; 
    text-decoration: underline; 
}

a:hover { 
    color: #000; 
    text-decoration: none; 
}

.text-banner a:link  {
    color: #444;
    text-decoration: underline;
}

.text-banner a:visited {
    color: #444;
    text-decoration: underline;
}

.text-banner a:hover {
    color: #000;
}

.nav a:hover {
    color: #fff;
    background-color: #333;
}

.testimonial a:hover {
    color: #fff;
    background-color: #333;
}

.content a:hover {
    color: #fff;
    background-color: #333;
}

.footer a:hover {
    color: #fff;
    background-color: #333;
}

.banner a:hover {
    background-color: #CCCC99; 
}

.header a:hover {
    background-color: #fff; 
}

.content a:hover {
    background-color: #000;
}

.brown a:hover {
    background-color: #CCCC99; 
}

.logo a:hover {
    background-color: #fff;
}

.yellow a:hover {
    background-color: #d5ba00; 
}

.yellow a:link {
    color: #405500;
}

.yellow a:visited {
    color: #405500;
}

.dark-blue a:hover {
    background-color: #003366; 
}

.dark-blue a:link {
    color: #003366;
}

.dark-blue a:visited {
    color: #003366;
}

.white-hover a:hover {
    background-color: #fff;
}

.gallery a:hover {
    background-color: #CCCCFF;
}

.resource a:link  {
    color: #003366;
    text-decoration: none;
}

.resource a:visited {
    color: #003366;
    text-decoration: none;
}

.resource a:hover {
    color: #000;
    background-color: #fff; 
}


/* ---------------------------------------------
AREAS
--------------------------------------------- */

.header {
    text-align: center;
}

.mantra {
    text-align: center;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 105%;
    padding-bottom: 10px;
    font-family: verdana;
}

.banner {
    text-align: center;
    clear: both;
    padding: 10px 40px 10px 0;
}

.text-banner {
    text-align: center;
    clear: both;
    padding: 20px 40px 20px 40px;
    line-height: 100%;
    color: #666;
    font-family: verdana;
    font-size: 80%;
}

.resource {
    text-align: left;    
    padding: 15px;
    border-bottom: 1px solid #bbb;
}

.resource img {
    border: 1px solid #bbb; 
    margin-right: 15px;
}

.content {
    text-align: left;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.res-content {
    text-align: left;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.resources {
    text-align: left;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.footer {
    text-align: center;
    clear: both;
    font-family: verdana;
    color: #333;
    font-size: 70%;
    padding: 10px 0px 10px 0;
}

.nav {
    text-align: center;
    clear: both;
    font-family: verdana;
    color: #333;
    font-size: 70%;
    /*background-color: #ccffcc;*/
}

.logo {
    float: right;
    padding-right: 20px;  
}

.testimonial {
    text-align: left;       
    padding: 15px;
    border-top: 1px solid #ddd;
}

/* ---------------------------------------------
ALIGNS & FLOATS
--------------------------------------------- */

.justify {
    text-align: justify;
}

.center {
    text-align: center;
}

.right {
    font-size: 200%;
    font-family: verdana;
    float: right;
    color: #774B1C;
}

/* ---------------------------------------------
GALLERY
--------------------------------------------- */

.gallery {
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.gallery td {
    font-size: 70%;
    text-align: center;
    font-family: verdana;
    color: #111;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.gallery img {
    border: 2px solid #fff;
}