body, div{
font-size: 12pt;
}

#wrapper{
width: 1000px;
}

select{
max-width: 250px;
padding: 4px;
}

#logo img{
max-width: 330px;
}

div#title span#page_title{
text-align: center;
font-family: 'Lato-Regular', Arial, sans-serif;
padding-right: 50px;
margin: 15px 0;
}

span.title_one, span.title_two,span.title_three{
display:block;
}

span.title_one{
font-size: 28px;
margin-bottom: 10px;
}
span.title_two{
font-size: 24px;
line-height: 24px;
}
span.title_three{
font-size: 20px;
font-style: italic;
line-height: 24px;
}

span.upper{
font-size: 140%;
}

#content{
line-height: 150%;
font-family: 'Lato-Regular', Arial, sans-serif;
font-weight: normal;
}

#register{
height: 150px;
}

#register a{
color: rgba(0,132,234,1);
}

#login{
padding-top: 25px
}

#register a{
width: 145px;
line-height: 120%;
margin-top: 15px;
}
a.button{
background: #d9d9d9 url("../img/gradient.png") repeat-x scroll 0 0 / 1px 105%;
border: 1px solid #9e9e9e;
border-radius: 2px;
padding: 4px 10px;
text-decoration: none;
line-height: 120%;
padding: 10px 20px;
}

.tcycle img{
display: block;
}

#content table td p{
margin: 0px;
}


a[href$=".pdf"], .pdf{
 background: none;
 padding-left: 0;
}


@media screen and (max-width: 1000px) {
#wrapper{
	width: 100%;
}
}



@media screen and (max-width: 930px) {
#wrapper{
	width: 100%;
}

span.title_one{
font-size: 26px;
line-height: 28px;
}
span.title_two{
font-size: 20px;
line-height: 20px;
}
span.title_three{
font-size: 16px;
font-style: italic;
line-height: 20px;
}
#logo img{
max-width: 300px;
}
}

@media screen and (max-width: 800px) {

#wrapper{
	width: 100%;
}

span.title_one{
font-size: 22px;
line-height: 24px;
}
span.title_two{
font-size: 18px;
line-height: 16px;
}
span.title_three{
font-size: 18px;
font-style: italic;
line-height: 16px;
}
#logo img{
max-width: 260px;
}
}


@media screen and (max-width: 730px) {
#wrapper{
	width: 100%;
}


#register{
height: 180px;
}
nav{
width: 190px;
max-width: 190px;
}
nav ul{
max-width: 190px;
}

span.title_one{
font-size: 20px;
line-height: 22px;
}
span.title_two{
font-size: 16px;
line-height: 16px;
}
span.title_three{
font-size: 16px;
font-style: italic;
line-height: 16px;
}
#logo img{
max-width: 240px;
}
}

@media screen and (max-width: 600px) {

#wrapper{
	width: 100%;
}

	div#title h1 {
		padding-right: 0px;
	}
span.title_one{
font-size: 16px;
line-height: 16px;
}
span.title_two{
font-size: 14px;
line-height: 14px;
}
span.title_three{
font-size: 14px;
font-style: italic;
line-height: 14px;
}

#logo img{
max-width: 200px;
}

}

@media screen and (max-width: 550px) {

#wrapper{
	width: 100%;
}

#header_right{
position: absolute;
}
#logo{
display: block;
}
#title{
display: block;
max-width: 550px;
height: auto;
max-height: none;
}
div#title h1{
text-align: left;
}
span.title_one{
font-size: 16px;
line-height: 16px;
margin-bottom: 5px;
}
span.title_two{
font-size: 14px;
line-height: 14px;
}
span.title_three{
font-size: 14px;
font-style: italic;
line-height: 14px;
}

#logo img{
max-width: 200px;
}


}