/* STYLE SHEET FOR CONRADSCHUMACHERDRESSAGE WEBSITE 27/09/2008 */
/* The percentage font-size declaration in 'body' should control all font sizes except h5 & h6 in top & bottom banners, which have fixed point sizes */
BODY {
    background-color: #000000;
    background-image: url(../Background_large.jpg);
    background-position: center;
	background-repeat: repeat-y;
	background-attachment: scroll;
    text-align: center;
    overflow: auto;
    font-size: 70%; 
    color: #EAEAEA;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}
/* Next statement removes most browser default styles */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
       { margin:0; padding:0 ; }
       
/* Common text style definitions */

ul, ol, li, h1, h2, h3, h4, p, pre, form, blockquote, fieldset, input
             { margin: 0px; padding: 0px; 
               line-height: 160%; color: #EAEAEA; 
             }
a:link
             { color: #FF0; 
             }
a:visited
             { color: #0FF; 
             }
a:hover
             { background-color: #EAEAEA; 
               color: #222;
             }
a:active
             { color: #03a; 
             } 
ul           { list-style-type: disc; 
               list-style-position: outside; 
               padding-left: 16px; 
             } 
ol           { list-style-type: decimal; 
               list-style-position: outside; 
               padding-left: 24px; 
             }
p            { font-weight: normal; 
               font-size: 1em;
               line-height: 150%;
               margin-bottom: 8px;
               margin-top: 8px;
             } 
table        { font-size: 1em; 
             }
h1           { line-height: 120%; font-family: Arial Black, Arial, Helvetica; 
               font-size: 2.0em;
               color: #1A8FC6;
               padding-top: 0.45em;  
             }
h2           { font-family: Verdana, Arial, Helvetica; line-height: 175%; 
               font-size: 1.8em; 
               color: #1A8FC6;
               font-style: normal;
               padding-top: 0.5em;  
             }
h3           { font-family: Verdana, Arial, Helvetica; 
               font-size: 1.2em; 
               font-style: italic; font-weight: bold ; color: #FF0000;
             }
h4           { font-family: Verdana, Arial, Helvetica; 
               font-size: 1em; 
               font-style: italic;font-weight: normal; 
             }
/* h5 is only used in home page & bottom banner */
h5           { font-family: Verdana, Arial, Helvetica; 
               color: #FFF; 
               font-size: 8pt; 
               font-weight: normal; 
               line-height: 100%;
               padding-bottom: 12px; 
               padding-top: 12px;
             }
/* h6 is only used in top banner */
h6           { font-family: Arial Black, Arial, Helvetica; 
               color: #FFF; line-height: 150%; 
               font-size: 24pt;
               text-align: center; 
             }


/* div minheight is used as the outermost div. It simply sets a min page height, 
so there is always a VScrollBar - so different pages do not appear at different horiz positions in FF */

#minheight  {min-height:740px; overflow: visible;}

/* div #container sets active width to 760 px and realigns default text to left and puts a small border round the content (border set to 0 width) */
#container  {  position: relative;
               overflow: visible; 
               margin: 0px auto 0px auto;
               color: #FFF;
               width: 760px;
               text-align: left;
             }
/* SBMH to correct old IE version rendering */
* html #container { 
               width: 762px; 
               w\idth: 760px; 
               }             
             
/* Declarations to set up In-line Navigation boxes in div #navigation */
#navigation   { 
				font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 110%;
                font-weight: bold;  
                text-decoration: none;
              }
#navigation li { display: inline; 
               }
#navigation ul { list-style-type: none; text-align: center;
               }
#navigation a:link, #navigation a:visited 
               { margin-right: 2px;
                 margin-left: 2px;
                 padding-bottom: 4px;
                 color: #DDD;
                 padding-left: 5px;
                 padding-right: 5px ;
                 text-decoration: none;
                 font-size: 1em; 
               }
#navigation a:hover 
               { color: #222;
                 background-color: #DDD;
               }

#floatright { float: right;
              text-align: right;
              width: 150px; 
            }


/* Common properties of links in body text */

a:link, a:visited, a:hover, a:active
             { font-family: Verdana, Arial, Helvetica; 
               padding-top: 6px; 
             }
/* Clearing Div class */

.clear       {
              clear: both;
             }
/* Image Preload Class */
.hiddenPic   { display:none; 
             }

/* additional text classes */

.centered    { text-align: center;
             }
/* Divs 'inner' & 'innerwide', used within #container, create L-R empty areas around content and set link colours. 
They assume the background is pale */

div .inner   { width: 688px; 
               padding: 0px;
               margin-left: 36px; 
               margin-right: 36px; 
               text-align: left; 
               clear: both; 
               border: 0px solid #fff
              }

.inner body, .inner ul, .inner ol, .inner li, .inner h1, .inner h2, .inner h3, 
             .inner h4, .inner p, .inner pre, .inner form, .inner blockquote
             { color: #FF0;  
             }
.inner a:link
             { color: #FF0; 
             }
.inner a:visited
             { color: #03a; 
             }
.inner a:hover
             { background-color: #333; 
               color: #FFF;
             }
.inner a:active
             { color: #03a; 
             } 
             
div .innergrey   { width: 568px; 
               padding: 24px;
               margin-left: 36px; 
               margin-right: 36px; 
               text-align: left; 
               clear: both; 
               background-color: #eee;
              }

.innergrey body, .innergrey ul, .innergrey ol, .innergrey li, .innergrey h1, .innergrey h2, .innergrey h3, 
             .innergrey h4, .innergrey p, .innergrey pre, .innergrey form, .innergrey blockquote
             { color: #FF0;  
             }
.innergrey a:link
             { color: #FF0; 
             }
.innergrey a:visited
             { color: #03a; 
             }
.innergrey a:hover
             { background-color: #FF0; 
               color: #FFF;
             }
.innergrey a:active
             { color: #03a; 
             } 

/* SBMH for correcting div innergrey */
* html .innergrey {
                 width: 616px;
                 w\idth: 568px;
                 }               
             
/* Div innerwide is only used on the home page: it doesn't have forced colours, 
like inner and innerinv, so results could be unpredictable, if used elsewhere */
.innerwide { width: 740px;
                 margin-left: 10px;
                 text-align: left;
                 clear: both; 
             }
/* Div 'innerinv', used within #container, creates 36px L-R empty areas around content 
and sets up text, link and background colours for white-on-dark-background pages */

.innerinv  { margin-left: 10px; 
                 text-align: left;
                 width: 740px;
                 clear: both; 
                 background-color: #333; 
               }
               
.innerinv body, .innerinv ul, .innerinv ol, .innerinv li, .innerinv h1, .innerinv h2, .innerinv h3, 
                .innerinv h4, .innerinv p, .innerinv pre, .innerinv form, .innerinv blockquote
             { color: #FFF;  
             }
.innerinv input
             { color: #FF0;  
             }

.innerinv a:link 
             { color: #0CF;
             }
.innerinv a:visited 
             { color: #DD6;
             }
.innerinv a:hover 
             { color: #FF0;
               background-color: #FFF;
             }
.innerinv a:active
             { color: #990;
             }

#titleframe {
	width: 100%;
	/*height: 92px;*/
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}
/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #000;
}

.indexInfo .date {
	color: #666;
}