@import url("Reset.css");

/*-------------- Default Settings -------------*/
body
{
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    background-color: #352F31;
    color: White;
}

h1
{
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1.54545454em;
    padding-bottom: 0.4927272em;
    color: white;
}

.highlight
{
    color: #FECA4B;
}

h2
{
    font-size: medium;
    margin-bottom: 1em;
}

h3
{
    font-size: small;
    font-weight: bold;
    color: #FECA4B;
}

p
{
    font-size: small;
}

/*------------- Standard Controls ------------*/
.textbox
{
    border: solid 4px #352F31;
}

.textboxWatermark
{
    border: solid 4px #352F31;
    color: #BBB;
}

.Button
{
    background-color: #352F31;
    border: solid 1px #352F31;
    font-size: medium;
    color: white;
    width: 4em;
}

/*-------------- Lists ------------------------*/
ul, ol
{
	font-size: small;
	margin-bottom: 2em;
	margin-left: 3em;
	color: #FECA4B; 
	list-style-type:square;
}

li
{
    margin-bottom: 1em;
}

li span
{
	color: #FEF6E3;
}

/*-------------- Positioning ------------------*/
#Container
{
    background-color: #1A171B;
    width: 1000px;
    margin: 10px auto 20px auto;
    border: solid 1pt white;
}

#Header
{
    width: 100%;
    height: 160px;
    border-bottom: solid 0pt white;
}

#SubHeader
{
    background-color: #221E1F;
    font-size: 2em;
    text-align: center;
    width: 100%;
    clear: both;
}

#Menu
{
    width: 100%;
    text-align: center;
    border-top: solid 1pt white;
    border-bottom: solid 1pt white;
    background-color: #221E1F;
    clear: both;
}

#News
{
    font-size: small; 
    width: 100%; 
    background-color:#221E1F;
    clear: both;
    font-weight: bold;
    padding-bottom: 0.2em;
}

#News a
{
    text-decoration: none;
}

#Content
{
    width: 100%;
    text-align: center;
}

#ContentInner
{
    padding: 2em;
    text-align: justify;
}

#Footer
{
    width: 100%;
    background-color: #221E1F;
    border-top: solid 1pt white;
    font-size: small;
    clear: both;
}

.FooterPanel
{
    width: 30%; 
    float: left; 
    padding: 1em;
    height: 200px;
}

#Footer a
{
    text-decoration: none;
    color: White;
    font-weight: normal;
}

#Signature
{
    width: 100%;
    background-color: #352F31;
    border-top: solid 1pt white;
    font-size: small;
    font-weight: bold;
    clear: both;
}

#InnerSignature
{
    padding: 10px;
}

/*-------------- Navigation ----------------------*/
#Menu a
{
    color: White;
    font-size: medium;
    text-decoration: none;
    font-weight: bold;
    margin-left: 1em;
    margin-right: 1em;
}

#Menu a:hover
{
    border-bottom: solid 2px #FECA4B;
}

/*-------------- Content Panels ------------------*/
.ContentPanelHolder
{
    width: 100%;
    clear: both;
}

.ContentPanel
{
    width: 31%;
    height: 300px;
    padding: 0.5em;
    margin-top: 2em;
    background-color: #221E1F;
}

.ContentPanel h2
{
    height: 30px;
    width: 92%;
    background-color: #352F31;
    color: White;
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0.5em;
    margin-bottom:0;
}

.ContentPanel div.content
{
    clear: both;
    font-size: small;
    width: 100%;
    margin-top: 0.5em;
    height: 200px;
}

.ContentPanel div.footer
{
    clear: both;
    height: 25px;
    text-align: right;
    border-top: solid 3px #352F31;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 0.5em;
    font-size: small;
}

.ContentPanel span.flickr
{
    float: left;
    width: 30%;
    margin: 0.3em;
}

.ContentPanel img
{
    border: solid 5px #352F31;
}

/*----------- Links Panel -------------*/
.LinksPanel
{
    width: 99%; 
    background-color: #221E1F; 
    padding: 0.2em;
    border: solid 3px #352F31;
}

.LinksPanel img
{
    border: solid 3px #352F31;
    margin: 0 0.7em;
}

/*----------- Standard Links -------------*/
a
{
    color: #FECA4B;
    text-decoration: underline;
    font-weight: bold;
}

a:link
{
    color: #FECA4B;
}

a:hover
{
    color: White;
    text-decoration: none;
}

a:visited
{
    color: #FECA4B;
}

img a
{
    border: 0;
}

/*--------------- Twitter ----------------*/
.TweetBox
{
    margin-left: 1em;
    margin-right: 1em;
    text-align: left;
    font-size: large;
}

.TweetBox a
{
    font-size: small;
    text-decoration: none;
}

/*------------- Validation ---------------------*/
.Required
{
    color:white;
    background-color:#1A171B;
    border: solid 4px #352F31;
}

.RequiredNormal
{
    color: Black;
    background-color: White;
    border: solid 4px #352F31;
}

/*----------- Grid -----------------------------*/
.Grid
{
    font-size: small;
    border: white;
    margin-top: 1em;
}

.Grid td
{
    padding: 0.5em;
}

.GridHeader
{
    background-color: #FECA4B;
    color: Black;
    font-weight: bold;
}

.GridItem
{
    
}

.GridItemAlt
{
    border-top: solid 1pt #FECA4B;
}

/* = Blog
----------------------------------------------------------------*/
.blogtitle
{
    font-size:large;
}

.bloggray
{
    font-size:small;
    color: #BBB;
}

.blogcontent
{
    font-size:medium;
}

.blogcomments
{
    font-size:small;
    text-align:right
}

.blogcomments a
{
    text-decoration: none;
}

.blogLink a
{
    text-align:left;
    text-decoration: none;
}