/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    2Roads Foundation Cascading Style Sheet
    @ 2009 Wizzert Solutions
    Tom S. Hammack / 02/20/2009
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    General Formatting
    Black Format
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html
{
    overflow: auto;
}

body
{
    width: 95%;
    min-width: 900px;
    background-color: #000000;
}

#content
{
    width: 85%;
    height: 90%;
    margin: 0 auto;
    padding: 10px;
    text-align: justify;
    table-layout: fixed;
}

#main 
{
    width: 95%;
    height: auto;
}

#mainform
{
    width: 90%;
    background-color: #000000;
    font-family: Calibri;
    text-align: left;
    vertical-align: middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    General Text Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
blockquote 
{
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-style: italic;
}

p 
{
    padding-right: 10px;
    padding-left: 10px;
}

li 
{
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

cite
{
    font-family: Calibri;
    font-style: italic;
    font-weight: lighter;
    font-size: smaller;
    color: #E8E8E8;
}

#thanks
{
    font-family: Calibri;
    color: #E8E8E8;
}

#errtext
{
    font-family: Calibri;
    color: #E8E8E8;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Heading Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, p, li, blockquote 
{
    color: #E8E8E8;
    font-family: Calibri;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}

h1 
{
    font-size: 1.6em;
}

h2
{
    font-size: 1.3em;
}

h3 
{
    font-size: 1em;
}

h4
{
    font-size: .8em;
    text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Miscellaneous Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
hr
{
    padding-top: 3px;
    padding-bottom: 3px;
    width: 95%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    ContentPlaceHolder Text Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navtext 
{
    font-family: Calibri;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Table Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#maintable 
{
    height: 100%;
    width: 95%;
    border-spacing: 10px;
}

#contenttable
{
    width: 80%;
    height: 450px;
    vertical-align: top;
    background-color: #000000;
    padding: 5px 10px 5px 10px;
}

#navtable
{
    width: 95%;
    height: 450px;
    padding-top: 30px;
    vertical-align: top;
    text-align: center;
}

#ordertable
{
    width: 500px;
    vertical-align: top;
    font-family: Calibri;
    font-size: medium;
    color: #E8E8E8;
}

#myvideos
{
    width: 100%;
    height: auto;
    border-style: ridge;
    vertical-align: top;
    text-align: center;
}

#mailtable
{
    font-family: Calibri;
    color: #E8E8E8;
}

#gallery
{
    border-style: ridge;
    text-align: center;
    font-family: Calibri;
    color: #E8E8E8;
    width: 25%;
    padding-bottom: 3px;
    vertical-align: text-bottom;
    font-size: small;
}

#gallery a
{
    color: #E8E8E8;
}

#gallery img
{
    width: 95%;
    max-width: 95%;
    max-height: 90%;
    padding-top: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Menu Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainmenu
{
    font-family: Calibri;
    color: #E8E8E8;
    text-align: center;
    width: 95%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Footer Item Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer 
{
    width: 100%;
    text-align: center;
}

#copyright
{
    font-family: Calibri;
    font-size: small;
    color: #E8E8E8;
    text-align: center;
}

#legal
{
    font-family: Calibri;
    font-size: small;
    color: #E8E8E8;
    text-align: center;
}

#legal a
{
}

#legal a:hover
{
    font-weight: bold;
}

#sitedesign
{
    font-family: Calibri;
    font-size: small;
    color: #E8E8E8;
    text-align: center;
}

#sitedesign a
{
}

#sitedesign a:hover
{
    font-weight: bold;
}