body
{
    margin: 0px;
    padding: 0px;
    /** background: #e0e0e0 url('/img/tile_left.gif') top center repeat-y; **/    
}

#container 
{
        background: white url('/img/h_back2.png') top left repeat-x;
	width: 100%; /** 995px **/
	margin: 0px auto;        
	border: none;	
        position: relative;
}

#content {
    margin: 0px 40px 30px 40px;
}
	
	#footer
	{
            color: #6AE;
            margin: 20px 40px;
            padding-top: 10px;
            border-top: 1px solid #6AE;
	}

	#counter {
		float: right;
	}

/*  */

#menu {
    width: 100%; /** 995px **/
    margin-bottom: 1px;
}
#menu img.last {    
    border-right: 1px solid white;
}
#menu img.first {    
    border-left: 0;
}
#menu img {
    border-left: 1px solid white;
}

#header {
    position: relative;
    width: 100%; /** 995px; **/
    height: 90px;
    background: url('/img/h_back.png') top left no-repeat;
}
#header_text {
    width: 100%; /** 995px; **/
    height: 90px;
    background: url('/img/h_text1.png') top left no-repeat;
    position: relative;
}
#header_text2 {
    width: 512px; /** 995px; **/
    height: 90px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('/img/h_text2.png') top right no-repeat;
}
#header_email {
    position: absolute;
    width: 230px;
    height: 40px;
    right: 0px;
    bottom: 0px;
}
#header_main {
    position: absolute;
    width: 380px;
    height: 90px;
    left: 0px;
    top: 0px;
}

#mp {
    position: relative;
    width: 955px;
    margin: 0px 0px;
}
#m_pic {
    width: 735px;
    height: 500px;
    background: url("/img/main_pic.jpg") left top no-repeat;
    position: relative;
    left: -40px;
}
.m_item {
    position: absolute;
    left: 224px;
}
.m_item img {
    position: absolute;
    top: 0px;
    left: 0px;
}
#m_list {
    position: absolute;
    right: 20px;
    top: -40px;
    width: 247px;
    height: 620px;
    background: url('/img/scroll.jpg') top left no-repeat;    
    line-height: 13px;
}
#m_list_spacer {
    height: 60px;
}
#m_list div {
    padding: 0px 0px 6px 40px;
}
#m_list div a {
    color: #7a4500;
    text-decoration: none;
    /* font-size: 18px; */
    font-size: 14px;
    font-family: Times, serif;
}

.m_disc a {
    font-size: 14px;
    font-family: Times, serif;	
}

/* */

body, table, p {
    font-family: sans-serif;
    font-size: 11pt;
    color: #555;
}

h1 { font-size: 120% }
h2 { font-size: 100% }
h3 { font-size: 100% }
h1, h2, h3, p { color: #333 }
h1, h2, h3 {
    margin-bottom: 0.5em;
    font-family: Verdana, Arial, sans-serif;
    letter-spacing: 0.15em;
}
/*p, ul, ol {
    width: 66%;
}*/

p {
    text-align: justify;
}

/* content */

table {
    border-collapse: collapse;
}

table td, table th {
    padding: 0.1em 0.4em;
    border: 1px solid #ccc;
}

#content img {
    padding: 0.2em 1em;
}

a img {
    border: none;
}

a {
    color: #59D;
}

a:hover {
    color: #59D;
}

a:visited {
    color: #59D;
}

a.special {
    text-decoration: none;
    font-weight: bold;
}

/* debug */

table.cake-sql-log
{
		display: none;
}

/* form */

form {
        clear: both; margin-right: 20px; padding: 0; width: 60%;
}

fieldset {
        border: 1px solid #ccc; margin-top: 30px; padding: 16px 20px;
}

fieldset legend {
        color: #2C6877; font-weight: bold;
}

fieldset fieldset legend {
        font-weight: normal;
}

form div {
        clear: both;
}

/* form div.optional */
form div.input {
    
        border-left: 10px solid #ccc; 
	margin: 0px 0px 1px 0px; 
	padding: 0.3em 1em 0em 1em; 
	background: #f8f8f8;
	display: block;
	clear: both;
	position: relative;
	
}

form div.required {
        background: #f0f0f0; color: #333; font-weight: bold;
}

form div.submit {
        border: 0; 
	clear: both; 
	margin-top: 10px; 
	margin-left: 140px;
}

label {
        display: block; padding-right: 20px;
}

input, textarea {
        /* border: 1px solid #aaa; */
        clear: both; display: block;
}

input.text, textarea {
        border: 1px solid #aaa;
}

select {
        clear: both; vertical-align: text-bottom;
}


option {
        padding: 0 3px;
}

.checkbox label {	
	display: inline;
}

input.checkbox { /*[type=checkbox]*/
        /* clear: left; float: left; margin: 0px 6px 7px 2px; width: auto; */ 
        display: inline;
}

.submit input {
        display: inline; padding: 2px 5px; width: auto; vertical-align: bottom;
}

div.message, p.error, div.error-message {
        font-weight: bold; margin: 4px 0px 0px 0px;
}

div#flashMessage {
    padding: 1em 2em;
}

div.message {
        color: #090;
}

p.error, div.error-message {
        color: #900;
}

div.error-message {
        clear: both;
}

div.error em {
        color: #003d4c;
}

span.notice {
        background-color: #c6c65b; color: #fff; display: block; padding: 0.5em;
        margin: 1em 0;
}


/* tt */

.tutor1 {
    width: 454px;
    height: 268px;
    background: url('/img/postit1.png') top left no-repeat; /* #f6f9fc; */
    color: #000;
    border: /* 1px solid #222 */ none;
    position: relative;
    float: left;
    /*margin-right: 15px;
    margin-bottom: 15px;*/
    font-size: 13px;
}
.tutor2 {
    width: 454px;
    height: 268px;
    background: url('/img/postit2.png') top left no-repeat; /* #f6f9fc; */
    color: #000;
    border: /* 1px solid #222 */ none;
    position: relative;
    float: left;
    /*margin-right: 15px;
    margin-bottom: 15px;*/
    font-size: 13px;
}


.tutor2:hover {
    /* background-color: #fffde5; */
}
.tutor2 .padder {
    padding: 10px 20px 10px 20px;
    font-family: Tahoma;    
}
.tutor2 .name {
    font-size: 120%;
    padding-bottom: 6px;
}
.tutor2 a {
    color: #000;
}




.tutor1:hover {
    /* background-color: #fffde5; */
}
.tutor1 .padder {
    padding: 10px 20px 10px 20px;
    font-family: Tahoma;        
}
.tutor1 .name {
    font-size: 120%;
    padding-bottom: 6px;
}
.tutor1 a {
    color: #000;
}

#news p {
    padding-top: 0.3em;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}