﻿


 
html 
{
    text-align: center; 
}

body
{

    text-align: left;
	color: #6B6652;
	font-family: tahoma, Lucida Sans, Verdana, Arial;
	font-size: 62.5%;
	width: 99.9%;
    margin: 0 auto;
}



/******************************** Reset ********************************/ 
 
 
 
/* Reset Headlines and paragraph */ 
h1, h2, h3, h4, h5, h6, p
{
    margin: 0;
    padding: 0;
    font-weight: normal;
} 

/* Reset Table */ 
table
{
    border-collapse: collapse; 
    border-spacing: 0;
}


/* Left-aligns text in caption and th */ 
caption, th
{
    text-align: left;
}


/* Removes border around images */
a img, :link img, :visited img
{
	border: 0;
}


/* Removes quotation marks from q */ 
q:before, q:after, blockquote:before, blockquote:after
{
	content: "";
}

/* Reset */ 
ul, ol, dl, dt, dd, blockquoute, form, input, th, td, label
{
    margin: 0; 
    padding: 0;
}
 

/* Reset Link */ 
a:link, a:visited, a:hover, a:active
{
    text-decoration: none;
}




/******************************** Layout ********************************/ 

#contentHolder
{
    max-width: 1300px;
    width:expression(document.body.clientWidth > 1300? "1300px": "auto" ); /* IE6 Max width hack */ 
    margin: 0 auto;
}

#header
{
    height: 199px;
    background: transparent url(/App_Themes/Default/Images/Graphics/topnavigationbar_light.gif) repeat-x bottom left ; 
    margin-bottom: 19px;
    min-width: 774px;
}


#spanThreeColumns
{
    width: 67%;
    margin-left: 4.2%;
    height: 420px;
}

#spanThreeColumns h2
{
    margin-bottom: 25px;
}

#spanThreeColumns img
{
    border: 1px solid #E9E7D8;
    padding: 2px;
    margin-left: 15px;
}

#spanThreeColumns p
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.4em;
    line-height: 1.7em;

}


#firstColumn
{
    width: 20.445%;
    float: left;
    color: #fff;
    margin-left: 4.2%;
    margin-bottom: 30px;
    display: inline;
}



#firstColumn p
{
    padding: 15px;
}


#mainContent
{
    width: 58.5%;
    float: left;
    margin-left: 3.3%; /* Gutter  */
    padding-bottom: 5em;
    min-height: 40em;
    display: inline;
    
    /* Some day
    -moz-column-count: 2;
    -moz-column-gap: 6%;
    */
}


#rightContent
{
    float: right;
    width: 75%;

    display: inline;
}


#MainContentHolder p, #DefaultContent p
{
    font-size: 1.3em;
    font-family: Tahoma,  geneva, Arial, helvetica;
    line-height: 1.6em;
    color: #918a6a;
}

#fourthColumn
{
    width: 27.25%;
    float: right;
    background: #E9E7D8;
    font: 1.4em/1.6em Georgia, Times New Roman, Serif;
    color: #6B6652;
    padding-top: 20px;
    margin-bottom: 3em;
    margin-right: 5.6%;
    text-align: center;
    display: inline;

}



/* Safari, Opera Hack */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #fourthColumn{ margin-right: 6.1%; }
}


#fourthColumn p
{
    padding: 1.5em 1.5em 0em 1.5em;
}



/******************************** Footer ********************************/ 

#footer
{

    border-top: 2px solid #7895A3;
    color: #6B6652;
    font-size: 1em;    
    clear: both;
    background: #F7F7F1;
    height: 9.5em;
    margin-left: 4.2%;
    margin-right: 4.23%;
    margin-bottom: 30px;
}

/* IE6 Hack */ 
*html #footer
{
    margin-left: 4%;
    margin-right: 4%;
}

/* Safari, Opera Hack */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #footer{    margin-right: 4.8%; }
}


#footer ul
{
    padding: 0;
    display: inline;
}


#footer ul li
{
    float: left;
    background: #F7F7F1;
    list-style: none;
    margin-top: 1em;
    width: 22.546%;
    margin-right: 3.23%; /* Gutter  */ 
    text-align: center;
}

#footer ul li img
{
    margin: 10px 0 0 0;
}


/* Safari, Opera Hack */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #footer ul li{  margin-right: 3.4%; /* Gutter  */  }
}

/* IE6 Hack */ 
*html #footer ul li
{
    width: 22.45%;
    margin-right: 3%; /* Gutter  */ 
}

#footer ul li.last
{
    margin-right: 0;
}

#footer p
{
    padding: 1em 0 1em 1em;
}










/******************************** Error 404-500 ********************************/ 

.errormessage
{
    border: 1px solid #D0CFD0;
    width: 600px;
    min-height: 260px; 
    _height: 260px;
    padding: 30px;
    font-family: Verdana, Arial;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    margin-top: 100px;
}

.errormessage h1
{
    font-size: 36px;
    margin: 20px 0px 10px 5px;
}

.errormessage p
{

    margin: 20px 0px 10px 5px;
}

.errormessage ul
{    
    margin: 20px 0px 10px 20px;
}






/******************************** Form elements ********************************/ 


.InlineEditinput
{
    width: 250px;
    margin: 10px 0 15px 0;
    padding: 3px 0px 3px 2px;
    border: 1px solid #ccc;
}


input.button
{
    border: 1px solid #D5D5D5;
    background: #EEA332;
    color: #fff;
    padding: 3px;
    font-family: Tahoma, Lucida Sans, arial, helvetica;
    text-align: center;
} 

p.leftPaddingRight
{
    float: left;
    padding: 0 10px 0 0; 
}

p.clear
{
    clear: both;
}



/******************************** Misc. ********************************/ 

.hide
{
    text-indent: -9999px;
    height: 0px;
    width: 0px;
}


.breadcrumb
{
    margin: 0 0 5px 0;
}



