﻿html,body{
margin:0;
padding:0;
background:#f3f2f1;
font-family: 'Helvetica', sans-serif;
font-size:14px;
color:#777;	
text-align:justify;
}

#content{
width:1000px;
margin:0 auto;
background:url('img/bkg.jpg');
box-shadow: 0px 0px 10px 0px #333;
height:1200px;
}

#header{
box-shadow: 0px 4px 20px -8px #000;
background: url('img/header.png');
background-repeat: no-repeat;
height: 150px;
}

#left{
height:1000px;
width:20%;
box-shadow: 10px 0px 7px -10px #777;
float:left;
}

#left-schedule{
height:1750px;
width:20%;
box-shadow: 10px 0px 7px -10px #777;
float:left;
}

#left-call{
height:1100px;
width:20%;
box-shadow: 10px 0px 7px -10px #777;
float:left;
}

#left-gsebs{
height:1700px;
width:20%;
box-shadow: 10px 0px 7px -10px #777;
float:left;
}

#main{
height:1000px;
width:80%;
float:left;
}

#right{
height:1000px;
width:20%;
box-shadow: -10px 0px 7px -10px #777;
float:right;
}

#footer{
width:100%;
float:left;
text-align:center;
}

#decoration-none{
text-decoration:none !important;
display: block;
height: 100%;
width: 100%;
padding: 7px 0px 7px 0px;
color: #777;
font-weight: bold;
font-size:14px;
}

#menu{
border-bottom: 1px solid #ddd;
text-align:center;

}

#menu:hover{
background-color:#eee;
}

.img-org-part{
box-shadow: 0px 0px 10px 0px #777;
border-radius:5px;
}

.img-org-part:hover{
box-shadow: 0px 0px 20px 0px #777;
border-radius:0px;
}


.thumbnails img {
		height: 30px;
		border: 2px solid #555;
		padding: 1px;
		margin: 0 10px 10px 0;
	}

	.thumbnails img:hover {
		border: 2px solid #00ccff;
		cursor:pointer;
	}

	.preview img {
		border: 2px solid #444;
		padding: 1px;
		width: 750px;
	}
