/* Layout */ 

html,body 
{
background: #CDD1D5;
color: #000;
font-family: serif;
padding:0;
}

#outer 
{
border:0px solid #000000;
height: auto;
width:750px;
margin:auto;
}

#hdr 
{
height: 60px;
background: #8C8C8C url("http://www.selbyk.com/images/logo.jpg");
border-bottom: 1px solid #000;
}

#bodyblock 
{
background: #f1f1f1 url("http://www.selbyk.com/images/menubg.gif") left top repeat-y;
float: left;
width: 748px;
border: solid #000;	
border-width: 0 1px 0 1px;
}

#nav 
{
float: left;
background-color: transparent;
color: #333;
text-align: center;
width: 122px;
padding:0;
margin: 0;
}

#menu 
{
margin: 0;
padding: 0;
width: 122px;
border: 0 solid #000;
border-top-width: 1px;
border-bottom-width: 1px;
}

#menu ul 
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px;
}

#menu li 
{
margin: 0 !important;
padding: 0;
margin-bottom: -2px;
}

#menu a
{
color: #000000;
text-decoration: none;
display: block;
width: 122px;
margin: 0;
padding: 3px 0 3px 0;
background: #dcdcdc;
opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: .5; 
}

#menu a:hover 
{
background: #333333;
color: #ffffff;
}

#cont 
{
float: left;
width:600px;
background:#f1f1f1 url("http://www.selbyk.com/images/mainbg.jpg") center center fixed no-repeat;
padding: 13px;
padding-top: 10px;
padding-bottom: 10px;
min-height: 600px !important;
}

#annouce
{
width: 575px;
border: 1px solid #000;
padding: 5px;
color: #bababa;
background: #b24c4c;
margin-right: auto;
margin-left: auto;
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8;
}

#annouce .annoucehead
{
font: large bold;
text-align: center;
margin: 5px;
margin-top: 0px;
margin-bottom: 0px;
}

#annouce .annoucesub
{
font: medium bold;
margin-left: 3px;
margin-bottom: -10px;
}

#annouce p
{
font-size: small;
margin-bottom: 5px;
}

#ftr 
{
clear: both;
font-size: small;
text-align: right;
background:#c0c0c0;
color: #333;
border: 1px solid black;
margin:0;
}

#greeting
{
border: 1px dashed #000;
width: 550px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

#greeting .greetingheader
{
text-align: left;
font: large bold;
border-bottom: 1px dashed #000;
}

#greeting .greetingbody
{
text-align: center;
font: medium;
color: #000;
padding: 5px;
}

#writing
{
border: 0px;
width: 550px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

#writing .writingheader
{
text-align: left;
font: large bold;
border-bottom: 1px dashed #000;
}

#writing .writingbody
{
text-align: center;
font: medium;
color: #000;
padding: 5px;
}

#writing .writingftr
{
text-align: right;
font: large;
border-top: 1px dashed #000;
}

#box
{
border: 1px solid #000;
width: 550px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

#box .boxheader
{
border-bottom: 1px dashed #000;
background: #c8bfbf;
opacity: .80;
-moz-opacity: .80;
filter: alpha(opacity=80);
}

#box .boxbody
{
clear: both;
text-align: center;
color: #000;
background: #c8bfbf;
padding: 5px;
min-height: 110px;
opacity: .50;
-moz-opacity: .50;
filter: alpha(opacity=50);
}

#box .boxftr
{
border-top: 1px dashed #000;
background: #c8bfbf;
opacity: .80;
-moz-opacity: .80;
filter: alpha(opacity=80);
}

#box:hover .boxheader
{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

#box:hover .boxbody
{
opacity: .80;
-moz-opacity: .80;
filter: alpha(opacity=80);
}

#box:hover .boxftr
{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

/* General */

.clear
{
clear: both;
}

.floatl
{
float: left;
}

.floatr
{
float: right;
}

/* Style */
h4.menuheader 
{
font-size: large;
font-weight: normal;
margin: 10px;
text-align: center;
padding: 0;
}

h3.header
{
font-size: x-large;
font-weight: bolder;
margin: 15px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

h4.subheader 
{
font-size: large;
font-weight: bold;
margin: 5px;
margin-top: 0;
text-align: center;
padding: 0;
}

h5.header
{
font-size: medium;
font-weight: bolder;
margin: 15px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

h6.subheader
{
font-size: medium;
font-weight: bold;
margin: 5px;
margin-top: 0;
text-align: center;
padding: 0;
}

p
{
margin: 10px 0 0 10px;
padding: 0;
}

.center
{
text-align: center;
}

a:link {color: #663333;}
a:active {color: #663333;}
a:visited {color: #663333;}
a:hover {color: #000000;}