/* CSS file for the Seiro Kan Nottingham webpage */

html {
	margin: 0;
	padding: 0;
	}

body {font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; background:url('../images/grad.png');background-repeat: repeat-x;} 

#container {position:relative; width:900px; margin-right:auto; margin-left:auto;
            background-color:#ffffff; border:solid black 1px;}

#page_head {width:900px; height:100px; background-image:url(../images/sk_banner.jpg); background-repeat:no-repeat; background-position:left top;
            border:solid black 1px;} 

#navbuttons {float:right;}

.seniors {margin-bottom:3em;}

#quickSummary {
	clear:both; 
	margin: 40px 10px 5px 5px; 
	width: 190px; 
	float: right;
        padding: 20px;
        background-color:#f3eee9;
	}
#quickSummary p {
	font: italic 12pt/24pt georgia; color:black; 
	text-align:center;
	}

#sadnews { 
        float:left;
        width:70%;
        margin: 5px 5px 5px 5px;
        background-color:black;
	}
#sadnews p {
	font: 12pt/24pt georgia; color:white; 
	text-align:center;
	}

#quickSummary2 {
	clear:both; 
	margin: 40px 10px 5px 5px; 
	width: 300px; 
	float: right;
      padding-left:10px;
      background-color:#f3eee9;
	}
#quickSummary2 p {
	font: italic 12pt/24pt georgia; color:black; 
	text-align:center;
	}

#lineage {padding-left:1em;}

.content h2 {padding-left:1em; color:#483d2b;} /* should be dark */
.content h3 {padding-left:1em; color:#b9a697;}
.content p {font-size:80%; line-height:1.5em; padding-left:1.6em; padding-right:2em; padding-bottom:1em;}
.content li {font-size:80%; line-height:1em;}

.dojo_types {font-weight:bold; color:#b9a697;}
.question {font-weight:bold; color:black;}
.answer {font-style:italic;}

.mjer {float:left; padding:10px; font: italic 12pt/24pt georgia;}
.mjer p:first-letter {color:#bc4c7e; font-weight:bold;}
.mjer p {line-height:0.5em;}

/* anchor defs as nav items are anchors */

a:link {text-decoration:none; color:white;}
a:visited {text-decoration:none; color:blue;}
a:hover {font-weight:normal; color:white;}
a:active {text-decoration:none; color:white;}

/*Anchor appearance*/

#anc {text-align:center;}
#anc:link {text-decoration:none; color:#bc4c7e;}
#anc:visited {text-decoration:none; color:gray;}
#anc:hover {font-weight:normal; color:red;}
#anc:active {text-decoration:none; color:#bc4c7e;}

.clink:link {text-decoration:none; color:#bc4c7e;}
.clink:visited {text-decoration:none; color:#636363;}
.clink:hover {font-weight:normal; color:blue;}
.clink:active {text-decoration:none; color:#636363;}

/* Images */

#im1 {float:left;}
#im2 {float:right;}
#im3 {border:solid black 1px; margin-top:5px; margin-right:5px; margin-bottom:5px;}
#im4 {float:left; border:solid black 1px; margin-top:5px; margin-right:10px; margin-bottom:5px;}
#im5 {float:left; border:solid black 1px; margin-top:5px; margin-right:5px; margin-bottom:5px;}
#im6 {margin-right:2em; border:solid black 2px;}
#im7 {margin-left:0.5em; border:solid black 2px;}
#im8 {float:right; border:solid black 1px; margin-top:5px; margin-right:5px; margin-bottom:5px;}
#im9 {float:left; border:solid black 1px; margin-top:5px; margin-left:10px; margin-bottom:5px;}
#im10 {margin-top:10px; margin-bottom:10px; border:solid black 1px;}
#im11 {margin:10px; border:solid black 1px;}
#im12 {margin:10px; border:solid black 1px;}
#im13 {float:left; margin:5px; margin-right:10px; border:solid black 1px;}
#im14 {float:left; border:solid black 1px; margin-top:5px; margin-right:5px; margin-bottom:5px;}
#im15 {float:left; border:solid black 1px; margin-top:5px; margin-right:5px; margin-bottom:5px;}
#im16 {float:left; border:solid black 1px; margin-top:5px; margin-right:5px; margin-bottom:5px;}

#gmap {width:425px; border:solid black 1px; padding:2px; margin-left:auto; margin-right:auto;}

/* All related to image gallery */

#imagegallery {
   list-style:none;
}
#imagegallery li {
   display:inline;
}
#imagegallery li a img {
   border:0;
}
#imagegallery a {
   color:#566cf3;
   background-color: transparent;
   font-weight: bold;
   text-decoration: none;
}
#placeholder {border:solid black 2px;
              margin-left:1.6em;}

/* w3c floaters */

.w3c {float:right; margin-top:3em; margin-left:12em; border:none; padding:10px;}