* {
    margin: 0;
    padding: 0;
    border: 0;
}


html {
    text-align: center;
}

body {
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    color: #000;
    font-size: 12px;
    background-color: #fff;
    background: url(../images/bg.png);
    text-align: left;
}

a {
    color: #262524;
    cursor: pointer;
}

a:hover {
    color: #e5007d !important;
    text-decoration: underline;
}

a:visited {
    color: #262524;
}

h1 {
    font-size: 5%;
    color: white;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #262524 !important;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    
}

p {
    font-size: 13px !important;
}


.l {
    text-align: left;
}

.r {
    text-align: right;
}

.c {
    text-align: center;
}

.fl {
    width: 50%;
    float: left;
}

.clr {
    clear: both;
}



ul {
    list-style-position: inside;
}

blockquote {
    font-size: 110%;
}

/* layout */

#sheet {
    width: 950px;
    min-height: 600px;
    background-color: #FFF;
    margin: 20px auto;
    background-color: #f0f0f0;

    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.3);
    box-shadow:0 0 15px rgba(0,0,0,0.3);
}

#header {
    height: 300px;
}

.head1 {
    background: url(../images/1.jpg);
}

.head2 {
    background: url(../images/2.jpg);
}

.head3 {
    background: url(../images/3.jpg);
}

.head4 {
    background: url(../images/4.jpg);
}

.reg {
	display: inline;
}

.linkmenu {
    height: 32px;
    background: url(../images/lmenu.jpg) repeat-x;
    border-bottom: solid 1px black;
}

	.linkmenu ul, #menu ul {
        list-style-type: none;
        margin: auto;
    }

    .linkmenu li, #menu li {
        float: left;
    }

    .linkmenu li a, #menu li a, .linkmenu p {
        display: block;
        height: 30px;
        line-height: 32px;
        padding: 0 15px;
        text-decoration: none;
        font-size: 112%;
        text-align: center;
    }

    .linkmenu p {
        text-align: right;
        color: #FFF;
    }

    #menu li a {
        font-size: 100%;
    }

    .linkmenu a:hover, #menu a:hover {
        text-decoration: underline;
    }

    .linkmenu a {
        color: #FFF;
    }

#menu {
    height: 32px;
    background: url(../images/menu.jpg) repeat-x;
    border-bottom: solid 1px white;
}

    
    
#content {
    background-color: #f0f0f0;
    padding-top: 5px;
}

#leftCol, #rightCol {
    width: 195px;
    padding-left: 5px;
    float: left;
 
}

#rightCol {
    padding-left: 10px;
}

    .contentBox {
        width: 175px;
        border: solid 1px #cacaca;
        background-color: #FFF;
        margin: 5px 0;
        padding: 5px;
        line-height: 14px;
        float: left;
    }
    
    .contentBox h3 {
        font-size: 100%;
        padding: 0 3px;
    }
    
    .contentBox img {
        margin: 0 auto 5px auto;
    }
    
    #leftCol .contentBox, #archivesCol .contentBox {
        height: 180px;
    }
    
    .videoBPic {
        height: 137px;
		margin-bottom: 3px;
        overflow: hidden;
    }
    
    .videoBPic img {
        display: block;
        width: 170px;
        max-height: 180px;
    }
    
    #rightCol .contentBox {
        margin-left: 3px;
    }
    
    #rightCol img {
        width: 170px;
        margin-left: 2px;
    }

    
#archivesCol {
    width: 735px;
    padding-left: 5px;
    float: left;
}    

    #archivesCol .contentBox {
        width: 220px;
        height: 200px;
        margin: 5px;
    }
    
    #archivesCol .videoBPic {
        height: 160px;
    }
    
    #archivesCol .videoBPic img {
        width: 210px;
        max-height: 220px !important;
        overflow: hidden;
    }

    
#mainCol {
    width: 535px;
    padding-top: 5px;
    padding-right: 10px;
    float: left;
}

#mainPhoto {
    display: block;
    border: solid 1px #cacaca;
    border-bottom: solid 0;
    background-color: #FFF;
    width: 538px;
    padding: 5px;
    overflow: hidden;
}

    #mainPhoto img {
        display: block;
        min-width: 400px;
		max-width: 538px;
        margin: 0 auto;
    }
    
    .gpic {
        width: 155px !important; 
		min-width: 120px !important; 
		max-width: 155px !important; 
		max-height: 200px !important; 
		margin: 10px !important;
    }
    
#mainCol h2 {
    width: 538px;
    background-color: #FFF;
    border: solid 1px #cacaca;
    border-top: solid 0px;
    margin: 0 0 5px 0;
    padding: 5px;
}

#mainCol h2.art {
    border: 0;
}

#mainCol p {
    text-align: justify;
}

#messages
{
    margin-top: 20px;
}

.message1
{
    background-color: #F3ECEC;
}

.mtitle
{
    margin: 0 0 5px 0;
    padding: 5px;
}

.pic
{
    width: 70px;
    float: left;
    text-align: left;
}

.name
{
    width: 200px;
    margin-left: 75px;
}

    .name big
    {
        font-size: 15px;
        font-weight: bold;
        line-height: 30px;
    }

.mcontent
{
    padding: 5px;
    clear: both;
}

.thumbnail
{
    width: 50px;
    height: 50px;
    margin: 3px 0 0 0;
    border: solid 4px silver;
}

#newmessage {
	padding: 20px 0;
}

input.it, textarea.it  {
	border: solid 1px silver;
	width: 250px;
	height: 18px;
	padding: 2px 5px;
}
textarea.it {
	width: 400px;
	height: 70px;
}

#msgBtn {
	font-weight: bold;
	margin-top: 3px;
	padding: 5px;
	cursor: pointer;
	float: right;
}


h4 {
    margin: 15px 5px 5px 5px;
}

.mimg {
    width: 547px;
    margin-top: 10px;
    background-color: #FFF;
    border: solid 1px silver;
	overflow: hidden;
}

.mimg table {
    display: block;
    text-align: center;
    margin: 0 0 0 5px;
}

.mimg table td {
    width: 130px;

}

.mimg img {
    max-width: 125px;
    margin: 2px auto;
    border: solid 2px #FFF;
}

#footer {
    text-align: right;
    padding: 10px;
}