@import url(form.css);
@import url(util.css);

A:link {
	text-decoration: none; color:#6cf; 
	font-family: arial;
	font-weight: normal;
}

A:visited {
	text-decoration: none; color:#99c; 
	font-family:  arial;
	font-weight: normal;
}

A:active {
	text-decoration: none; color:#0000ff; 
	font-family:  arial;
	font-weight: normal;
}

A:hover 
{	text-decoration: underline; color:#ff0000; 
	font-family:  arial;
	font-weight: normal;
}

h2{
color: #ccc;
text-align: center;
}

body{
	color: #fc0;
	background-color: #000;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:1em;
	}

#footer{text-align: center;}

#hdimg {width: 100%; }

#header{
	width: 100%;
	}
#Table_01{
    width:100%;
}
#Table_01 img {
    width: 100%;
}
#contact{ position: absolute;
    float : middle;
    display:inline;
	color: #ccc;
	font-size: larger;
	padding-left:10px;
	}

#wrapper{
	position: relative;
	width: 850px;
	padding-top: 2em;
	background-color: #000;
	margin: 0px auto 0px auto;
	}

img{
border: 0px; 
}

#padding {padding : 30px;}

p {padding-left:0px; padding-right:0px;}

#phlogo{
float: right;
}

#header{
border:0px solid red;
margin: 0 0 0px 0;
}

#contentcontainer{
position: absolute;
top: 19em;
}

#topphone{
	color:white;
	background-color:inherit;
	font-size:1.3em;
	}

#content{
    position: relative;
	width: 99%;
	border: 3px solid #ffcc00;
	padding: 0em;
	float : center;
	background-color: #111;
}

#content h2{
font-family: Georgia, Georgia, serif;
}

#leftcontent{
    display: inline-block; 
	position: relative;
	width: 45%;
    margin : 0px;
    vertical-align: text-top;
	}

#rightcontent{
    display: inline-block; 
	position: relative; 
	width: 45%;
	margin : 20px;
	vertical-align: text-top;
	}

#bottomcontent{
margin : 20px;
border-top: 3px solid #fc0;
}

br{
clear: both;
}

#footer{
text-align: center;
padding-left: 1em;
}

#menuMovie{
	top:  120px;
	left: 540px;
	position: absolute;
	z-index: 100;
	}

#menu{
	top:  220px;
	left: 0px;
	position: absolute;
	background-color: #000;
	border: 1px solid #fc0;
	border-left: 0px;
	border-right: 0px;
	z-index: 100;
	font-size: 1.1em;
	font-family: Georgia, Georgia, serif;
	letter-spacing:.1em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

#menu a{padding-right: 10px;}
#menu a:link{color: #fff;}
#menu a:visited{color: #fff;}
#menu a:hover{color: #fc0;text-decoration: none;}

.rightimage{
	float: right; 
	margin: 5px 0px 10px 10px;
	}

li h3{
	display:inline;
	padding-top:14px;
	}


#yougetlist li{
	padding-top:14px;
	}

#featuredArticle{
	align:center;
	text-align:left;
	border:solid 1px;
	border-color:#6cf;
	padding:5px;
	color:#ffcc00;
	background-color:inherit;
	font-family:arial;
	font-size:.9em;
	margin:0%;
	}

#featuredArticle A{
	text-decoration: underline; color:#6cf; 
	font-family: arial;
	font-weight: normal;
	}

#featuredArticle h2,#featuredArticle h2 A{
	margin-bottom:3px;
	margin-top:3px;
	font-size:1.3em;
	background-color:inherit;
	text-decoration:none;
	}



 @media screen and (max-width: 700px) {
     #content{width: 98%;}
     #wrapper{	width: 100%; padding-top:1px;	}
     #leftcontent{width: 90%;}
     #rightcontent{  width: 90%;	}
     #menu{ font-size: 0.6em; }
     #util{left:0px;}
     #topphone::before{
        content: "\a";
        white-space: pre;
    }
    #contact{width:45%;font-size:small;padding-left:15px;}
    #phlogo{width:75px;  padding:0px; }
    #phlogo img{
        width:100% !IMPORTANT;
        height: auto !IMPORTANT;
        padding:0px;
    }
    
    #hdimg {height:120px; margin-top:25px; overflow:hidden; border:0px solid blue;}
  }