body {
background: #fff;
color: #000000;
font-family: Trebuchet MS, Arial, Times New Roman;
font-size:1em;
}
 
#container {
background:#fff;
margin: 0px auto;
width: 98%; 
height: auto;
font-size:1.25em;
font-family : Arial; 
color : #addeec;
font-weight: normal;
}
 
#container { width: 98%; min-width: 360px; max-width: 1920px; margin: 0 auto; }
 
#header {   
text-align : left;  
width: 100%;
height: auto;
background-image: url(img/header-2.jpg); 
background-repeat: repeat-x;
}
 
#head-menu {
background: #fff;
width: 90%;
height: auto;
}
.css-menu-2 {
text-align: center; 
font-weight: bold;
font-size:1.125em;
border: 0px #900 solid;
padding: 7px;
background: #fff;
}
.css-menu-2 li {
display: inline; 
margin: 0 25px;
}
.css-menu-2 a {
display: inline-block; 
color: #000000;
background: #fff;
text-decoration: none;
border: 1px #bbbbcc solid;
padding: 10px;
font-size:1em;
font-family : Arial;
font-weight : normal;
}
.css-menu-2 a:hover {
color: #cc9933;
background: #fff;
text-decoration: none;
font-size:1em;
font-family : Arial;
font-weight : normal;
}
.css-menu-2 li.current {
display: inline-block; 
color: #900;
background: #fff;
border: 1px #900 solid;
padding: 5px;
} 
#content {
background: #fff;
float: left;
width: 67%;
height: auto;
font-size:1em; 
font-family : Arial; 
text-align : center;
color : #333333;  
}
#content a  { 
background : #fff; 
font-size:1em;
font-family : Arial; 
color : #000000; 
text-decoration : underline;
} 
#content a:hover  { 
background : #fff; 
font-size:1em; 
font-family : Arial; 
color : #ff0000; 
text-decoration : underline; 
} 
#content  ul  { 
border : 0; 
list-style-type: none; 
text-align : center;
} 
#content  li {
margin-bottom: 0px; 
margin-top: 10px; 
line-height: 25px;
} 
#content  p {
font-size:1em;
font-family : Arial; 
color : #000000; 
text-align : left;
} 

#right-menu { 
background: #fff;
float: right;
width: 27%;
height: auto;
text-align : center;
font-size:1em;
} 
#right-menu a  {
line-height: 0px;  
font-size:1em; 
font-family : Arial; 
color : #666699; 
background-color : #fff; 
font-weight : normal; 
text-decoration : none;
text-align : left;
} 
#right-menu a:hover  {
font-size:1em;
font-family : Arial; 
font-weight : normal;
color : #ff6600; 
background-color : #fff; 
text-decoration : underline; 
text-align : left;
}

#right-menu ul  { 
border : 0; 
list-style-type: none; 
} 
#right-menu li {
margin-bottom: 0px; 
margin-top: 0px; 
line-height: 35px;
font-size : 1em; 
font-family : Arial; 
text-align : left;
} 
  
#clear {
clear:both;
}
 
#categories { 
border : 0; 
width : 100%; 
text-align : center;  
font-size : 1.2em;
font-family : Arial; 
color : #0099cc;
font-weight : normal;
padding: 30px 0px 30px 0px;
} 
#categories a  { 
font-size:1em;
font-family : Arial; 
font-weight : normal; 
color : #50bfd9; 
background-color : #ffffff; 
text-align : center; 
} 
#categories a:hover  { 
font-size:1em; 
font-family : Arial;  
color : #6666cc; 
text-decoration : underline; 
} 

#footer  { 
width : 100%; 
height: 250px; 
border : 0; 
padding: 30px 0px 30px 0px;
font-size:1em; 
font-family : Arial; 
text-align : center;
background : #ffffff; 
color : #999999;
}  
#footer a  { 
text-align : center;
background : #ffffff; 
font-size:1em;
font-family : Arial; 
color : #000000; 
text-decoration : underline;
} 
#footer a:hover  { 
text-align : center;
font-size:1em;
font-family : Arial; 
color : #999999; 
text-decoration : none; 
background : #ffffff; 
} 
#footer p  { 
text-align : left; 
font-size:0.8em; 
font-family : Arial; 
color : #999999; 
}
 
a img { border: none; 
}

.imgpad { 
margin: 10px 10px 10px 10px;
}
 
h1  { 
text-align : center; 
color : #74a6da;  
font-size : 1.8em; 
font-family : Arial; 
font-weight : bold;
} 
 
h2  { 
text-align : center;  
font-size : 1.2em;
font-family : Arial; 
color : #ff9933;
font-weight : normal; 
} 
 
h3  { 
text-align : center; 
font-size : 1.4em; 
font-family : Arial; 
color : #6699cc;
font-weight : bold; 
} 
 
strong  { 
font-family : Arial; 
font-size : 1em; 
font-weight : normal; 
color : #330033; 
} 
 
em  { 
color : #cc3333; 
font-size : 1em; 
font-family : Arial; 
} 

 
@media only screen and (max-width: 1010px){ 
#content, #right-menu{
width: 100%;
float: none;
margin: 10px auto;}
}
@media (max-width:900px){
    #content{width:100%;}
    #right-menu{display:none;}
}	
@media (max-width:780px){
    #content{width:100%;}
    #right-menu{display:none;}
}	 
	 
@media (max-width:680px){
    #content{width:100%;}
    #right-menu{display:none;}
}
@media (max-width:1150px){
img{max-width:100%;height:auto;}
#subs form{background:none;}
}