/*
  Project: CSS Template
  Developer(s): Derek Harvey
  Website: lotsofcode.com    
  Description: Multi-Column/Cells Layout
*/

/* General Styles
  **************************************/

body {
  background:url(../images/body_bg.png);
  margin: 0;
  font: 12px Tahoma, Verdana, Sans-serif;
  text-align: center;
}

a {
  color: #0000CC;
  text-decoration: none;
}

a img {
  border: 0;
}

li {
  margin-left: -14px;
  }

li.first {
	list-style: square;
	margin-left: -14px;
	font-size:12px;
	}
	
p.menu {
	margin-left: 20px;
	font-size:14px;
	}

li.second {
	list-style: disc;
	margin-left: 37px;
	font-size:12px;
	}

li.third {
	list-style: disc;
	margin-left: 45px;
	font-size:11px;
	}

h1 { 
	font-size: 2em; 
	margin: .5em 15px; 
	}

h3 {
    font-size:1.5em;
    color:#FFFF00;
}

td {
  font-size:12px;
}

p {
  margin: 0 0 5px 0;
}

ul {
   margin-top:-20px;
}


.content-padding {
  padding: 4px;
}

.clear {
  clear: both;
}

/* Wrapper Styles
  **************************************/

#wrapper-container {
  width: 980px;
  margin: 0 auto;
}

/* Header Styles
  **************************************/

#header-container {
  height: 144px;
  margin:0;
}

#header-container h1 {
  margin: 0;
  text-align: center;
  line-height: 100px;
  font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-serif;
  font-size: 40px;
}


/* Centeral Column Styles
  **************************************/

.middle-column {
  margin-top:-3px;
  min-height: 900px;
  text-align:left;
  float:left;
}

.column-one {
  width: 200px;
  background: #EEE;
  text-align:left;
}

.column-one .top {
  min-height: 900px;
  height:900px;
  background:url(../images/menu_gradient_left.jpg) no-repeat;
}
.column-one .bottom {
  height: 0px;
  background:url(../images/menu_green.jpg) repeat;
}
.column-two {
  width: 580px;
  background: #c1ffc1;
  height:900px;
  min-height:900px !important;
  overflow-y:scroll;
  overflow-x:hidden;
}

.column-three {
  width: 200px;
  margin-left:780px;
  margin-top:-900px;
  background:url(../images/menu_gradient_right.jpg) no-repeat;
  min-height: 900px;
  height:900px;
}

/* Footer Styles
  **************************************/
  
#footer-container .top {
  background: #666666;
}

#footer-container .bottom {
  background: #ccc;
  text-align: center;
}

#nav {
	color: #fff;
	}
	
/* Text Styles
  **************************************/

.movie_title {
  font-size: 28px;
  font-weight:bold;
}

.country {
  font-size: 24px;
  font-weight:bold;
}

.province {
  font-size: 18px;
  font-weight:bold;
}

.red {
  color:#FF0000;
}

.blue {
  font-size:12px;
  color:#0000FF;
}

.white {
  color:#FFFFFF;
}

.movie_info {
  font-size: 14px;
  font-weight:bold;
}

#justify {
  width:555px;
  text-align:justify;
}

.news_title {
    font-size:18px;
}

.news_author {
    font-size:11px;
	color:#333333;
}

.menu_title {
    font-size:1.5em;
    color:#FFFF00;
}

.menu_header {
    font-size:1.7em;
    color:#FFFFFF;
}