/*
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v7/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v7/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(http://themes.googleusercontent.com/static/fonts/roboto/v7/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
*/

body {
    background: #CCCCCC;
/*    font-family: 'Roboto', sans-serif;  */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #777777;
    text-decoration : none;
    line-height: 140%;
}

A:visited, A:link, A:active	{
    color : #3377CC;
    text-decoration: none;
}


A:hover	{
    text-decoration: underline;
}

A.greatwhitelink {
    font-weight: normal;
    color: #FFFFFF;
    font-size: 20pt;
    letter-spacing:7px;
    text-shadow:0px 0px 4px #FFFFFF;
    text-decoration: none;
}

A.greatwhitelink:hover {
    color: #ebffd6;
    text-shadow:0px 0px 4px #9eff3a;
    text-decoration: none;
}


h1 {
    font-weight: normal;
    color: #888888;
    font-size: 20pt;
    letter-spacing:7px;
    text-shadow:0px 0px 4px #888888;
}

h2 {
    font-weight: normal;
    color: #888888;
    font-size: 12pt;
    letter-spacing:2px;
    text-shadow:0px 0px 2px #888888;
}

h2 A, A:visited, A:link, A:active {
    color: #FFFFFF;
    text-shadow:0px 0px 2px #FFFFFF;
}

h2 A:hover {
    color: #ebffd6;
    text-shadow:0px 0px 4px #9eff3a;
    text-decoration: none;
}

h2 code {
    color: #7745ff;
    letter-spacing:1px;
}

img
{
    padding: 3px;
    border: 1px solid #FFFFFF;
}

img:hover
{
    padding: 3px;
    /*border: 1px dashed #c7a741;*/
    border: 1px dashed white;
    /*background: #fff595;*/
    background: #d1ffa2;
}

.x
{
    width: 80px;
    height: 80px;
    display: inline;
    margin: 5px;
    padding: 3px;
}

/* ********* not yet in use below this line ********** */

h2 {
    font-weight: normal;
    font-size: 15pt;
}

h3 {
    font-weight: bold;
    font-size: 10pt;
}

td
{
    font-size: 9pt;
    color: #444444;
    padding: 15px 15px 15px 15px;
}

.section
{
    background: #DCDCDC;
    padding: 10px 15px 15px 15px;
}

.main
{
    width: 650px;
}

.page
{
    padding: 15px 15px 15px 25px;
}

.screenshot
{
    padding: 15px 15px 15px 25px;
}