body 
{
    background-color: gray;
    background-image: url("images/grey_travel.jpg");
}

.middle_container
{
    margin: auto;
    top:-20px;
    width: 854px;   /*826px;*/
    height: 945px; /*913px;*/
    background-image: url('images/ssc_background.jpg');
    position:relative;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    left: 0px;
}

.logo
{
    position: absolute;
    left: 70px;
    top: 50px;
    width: 104px;
    height: 72px;
    margin: 5px 13px;
    /*border: 1px solid red;*/
}

.header
{
    position:relative;
    left: 202px;
    top: 49px;
    width: 610px;   /*582px;*/
    height: 82px;
    /*border: 1px solid red;*/
}

.links
{
    position: relative;
    left: 202px;
    top: 62px;
    width: 610px;   /*582px;*/
    height: 20px;
    text-align:center;
    color:white;
    /*border: 1px solid red;*/
}

.links a
{
    font-family:"Comic Sans MS";
    font-weight:700;
    font-size:16px;
    width:180px;
    display:inline-block;
}

/* unvisited link */
.links a:link {
  color: white;
}

/* visited link */
.links a:visited {
  color: white;
}

/* mouse over link */
.links a:hover {
  color: red;
}

/* selected link */
.links a:active {
  color: white;
}

.menu
{
    position: absolute;
    margin:auto;
    left: 65px;
    top: 184px;
    width: 120px;
    height: 582px;
    text-align: center;
    margin:5px;
    /*border: 1px solid red;*/
}

.button
{
    width: 110px;
    height: 30px;
    color:white;
    background-color: black;
    display: inline-block;
    padding-top: 10px;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 5px;
}

.menu a:hover {
    color:red;
}

#selected
{
    color:red;
    font-weight:700;
}

.content 
{
    color: #45366A;
	font-size:14px;
	margin: auto;
    overflow:hidden;
    /*overflow-x:hidden;
    overflow-y:scroll;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    top: 175px;
    left: 203px;
    width: 590px;   /*562px;*/
	height: 760px;  /*672px;*/
    text-align:justify;
	/*border: 1px solid red;*/
}

.content table
{
    text-align:left;
    width:100%;
    overflow-y:scroll;
}

.scroll
{
	height: 740px;
    overflow-x:hidden;
    overflow-y:scroll;
    padding-right: 10px;
    border-top: 1px solid #45366A;
    border-bottom: 1px solid #45366A;
    text-align:justify;
    /*border: 1px solid red;*/
}

.bulletinList
{
    margin-top:-2px;
    overflow-x:hidden;
    overflow-y:scroll;
    height: 450px;  /*507px;*/
    border: 1px solid black;
}

td
{
   width:50%; 
   padding-left:4px;    
}

tr
{
    border-right: 1px solid black;
}

.tdl
{
    border-right: 1px solid black;
}

.td-style1
{
    width: 32%;
}
.td-style2
{
    width: 32%;
}

.map
{
    text-align:center;
}

.map p
{
    font-size:11px;
}

h1
{
    font-family:"Comic Sans MS", cursive;
    font-size:48px;
    font-weight:400;
    text-align:center;
    color: white; 
}

h2
{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:16px;
    font-weight: 700;
}

figure {
    padding:5px; 
    margin:5px; 
    border:1px solid #ccc; 
    display: block;
    width:258px; 
    float:left;
    text-align: center;
}

figure img {
    vertical-align: top;
}

figure figcaption {
    background-color: white;
}

#homepage
{
    height: 800px;
}

#gallery
{
    border: 1px solid black;
}