@import url(http://fonts.googleapis.com/css?family=Maven+Pro);

html
{
margin:auto;
margin-bottom:0px;

}
body {
font-family: 'Maven Pro', sans-serif, verdana;
font-size:14px;
 -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
color:#ffffff;
margin:0px;
height:100%;
overflow:auto;
background:#000000 url('images/2013background.jpg') no-repeat top center;
background-attachment: fixed;
overflow-y: scroll;
}
a img { 
border:0px; 
}
a {
text-decoration:none;
color: #ffffff;
}
a:visited {
color: #ffffff;
}
a:active {
color: #ff0000;
}
a:hover {
color:#00ff00;
}


h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    color:#0099ff;
    font-weight: normal;
}

h2 {
    color:#ffffff;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;
}

h3 {
    color:#ffffff;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;
}

.imginlineright {
    float:right;
    margin-left:20px;
}

.imginlineleft {
    float:left;
    margin-right:20px;
    width:150px;
}

.DivHead
{
border:solid 1px white;
margin:0;
width:980px;
height:220px;
padding:10px;
background-image: url('images/90.png');
margin-bottom: 15px;
}

.DivBox
{
margin:auto;
width:960px;
padding:20px;
opacity: 0;


}

.newsBox {
    margin:0px;
    margin-bottom:15px;
    display:inline-block;
    width:450px;
    height:300px;
    vertical-align:top;
}

.DivBoxLoad
{
border:solid 1px #ffffff;    
margin:auto;
width:960px;
padding:20px;
background-image: url('images/90.png');
border: sold 2px #000000;
margin-bottom: 15px;
text-align: justify;
opacity: 1;
box-shadow: 0px 0px 10px #000000;
transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.news {
    opacity: 0;
    display: inline-block;
}

.newsLoad {
    background-image: url('images/90.png');
    padding: 20px;
    margin-bottom:15px;
    display:inline-block;
    width:450px;
    height:300px;
    vertical-align:top;
    border:solid 1px #ffffff;
    opacity: 1;
        transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
      box-shadow: 0px 0px 10px #000000;
      transition: width .5s ease-in-out;
   -moz-transition: width .5s ease-in-out;
   -webkit-transition: width .5s ease-in-out; 
   
    
}



.newsLoadBig {
    position: relative;
    z-index: 999;
    margin:auto;
    background-image: url('images/90.png');
    padding: 20px;
    border:solid 1px #ffffff;
    margin-bottom:15px;
    display:inline-block;
    width:960px;
    height:300px;
    vertical-align:top;
     transition: width .5s ease-in-out;
   -moz-transition: width .5s ease-in-out;
   -webkit-transition: width .5s ease-in-out; 
}



.DivVert{
    margin-top:32px;
	float:right;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family:"Century Gothic";
	font-size:22px;
	font-weight:normal;
	text-shadow: 2px 1px 10px #ffffff;
	
}

.DivMenu {
    margin:0px;
    border:solid 1px white;
    margin-right: 20px;
    padding: 0px;
    text-align:center;
    display:inline-block;
    zoom:1;
    *display:inline;
    background-image:url('images/90.png');
    width:148px;
    
}

.DivMenu a{
	 font-size: 34px;
	color:#ffffff;
	transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
    text-decoration: none;
    vertical-align: middle;

}

.DivMenu a:hover {
    
    transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
      transition: text-shadow .25s ease-in-out;
   -moz-transition: text-shadow .25s ease-in-out;
   -webkit-transition: text-shadow .25s ease-in-out;
        text-shadow: 0px 0px 7px #00ff00;
    color:#00ff00;
    background-color: #000000;
    background-image: none;
}


.DivMenu a:active {
    
    transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
    text-shadow: 0px 0px 7px #0000ff;
    color:#0000ff;
    text-shadow: none;
    background-color: #000000;
    background-image: none;
}


.hide {
    height:0px;
    overflow: hidden;
    transition: height .25s ease-in-out;
   -moz-transition: height .25s ease-in-out;
   -webkit-transition: height .25s ease-in-out;
   }
   
.show {
    overflow: hidden;

    
    }

    

.alpha {margin-left:0px;}
.omega {margin-right:0px;}


.divButton {
    position:absolute;
    height:300px;
    width:100px;
    background-image: url('images/more.png');
    background-repeat: no-repeat;
    cursor:pointer;
    background-position: -38px;
    transition: background-position .25s ease-in-out;
   -moz-transition: background-position .25s ease-in-out;
   -webkit-transition: background-position .25s ease-in-out;
    
}


.divButton:hover {
    
    background-position: 0px;
}


.divButtonLess {
    position:absolute;
    height:300px;
    width:100px;
    background-image: url('images/less.png');
    background-repeat: no-repeat;
    cursor:pointer;
    background-position: -38px;
    transition: background-position .25s ease-in-out;
   -moz-transition: background-position .25s ease-in-out;
   -webkit-transition: background-position .25s ease-in-out;
    
}


.divButtonLess:hover {
    
    background-position: 0px;
}

.divLeft {
    vertical-align: top;
    width:500px;
    display: inline-block;
    border: solid 0px yellow;
}

.divRight {
    vertical-align: top;
    width:500px;
    display:inline-block;
    border:solid 0px red;
}