body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFF99;
	margin: 0px;
	padding: 0px;
}

p{
    font-size: 1.3em;
    text-align: justify;
}

a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
}
a:active {
	color: #000099;
	text-decoration: underline;
}

.bread_crum {
    position: relative;
    width: 100%;
	/*background-color:#E07B53;*/
	background-color:#1B1C1D;
	margin: 250px 0 40px 0;
	padding: 6px 0 6px 20px;
	font-size:16px;
	color:#FFFF66;
	z-index: 4;
}
.bread:link {
	color:#FFCC33;
	text-decoration: none;
}
.bread:visited {
	color:#FFCC33;
}
.bread:hover {
	color:#FFFF00;
	text-decoration: underline;
}
.bread:active {
	color:#FFFF00;
	
}
.pebble {
	
}
.pebble:hover {
	/*filter: Blur(Add=10, Direction=150, Strength=50);*/
}

.main_content {
	/*float:left;*/
	font-size:14px;
	margin-left:25px;
	margin-right:25px;
}
.main_content_box {
	clear:left; 
	font-size:20px;
	margin-right:auto; 
	margin-left:auto; 
	width:95%;
}
.bottom_links {
	clear:left;
}
h1 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #993300;
}
h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #993300;
}

#nav-title{
    width: 150px;
    visibility: hidden;
}

.header.block{
    position: fixed;
    top: 0;
    background-image: url("../img/page/page_r1_c9.jpg");
    width: 100%;
    height: 218px;
    margin: 40px 0 0 0;
}

.name.image{
    width: 277px;
    height: 42px;
     border: 0;
     float: left;
}

.info.image{
    width: 570px;
    height: 115px;
    clear: left;
    float: left;
}

.face.logo{
    position: fixed;
    width: 229px;
    height: 218px;
    right: 0;
    top: 33px;
}

.shrink.logo{
    position: fixed;
    max-width: 40px;
    max-height: 38px;
    top: 0;
    right: 0;
    z-index: 1000;
}

.inverted.orange{
    background-color: #F4A129;
}

/* responsive hides */
@media all and (max-width: 768px) { /* mobile */
    .hidden.mobile{
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        display: none !important;
    }
}

@media all and (max-width: 992px) and (min-width: 768px) { /* tablet */
    .hidden.tablet{
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        display: none !important;
    }
}

@media all and (min-width: 992px) { /* computer */
    .hidden.computer{
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        display: none !important;
    }
}