html 
{
height					:100%;
margin					:0px 0px 0px 0px;
padding					:0px 0px 0px 0px;
background-color		:#000000;
}
							
body 
{							
height					:100%;
width					:100%;
margin					:0px 0px 0px 0px;
padding					:0px 0px 0px 0px;
color					:#000000;
background-color		:#010D1A;
font-family				:Arial,Helvetica,Sans-Serif;
font-size				:1em;
line-height				:1em;
font-weight				:normal;
font-style				:normal;
}

.smallfont {font-family: 'Roboto Condensed';font-size: 0.8em;font-style: normal;font-weight: 400;line-height: 1.0em ;}
.normalfont {font-family: 'Roboto Condensed';font-size: 0.9em;font-style: normal;font-weight: 400;line-height: 1.0em ;}
.bigfont {font-family: 'Roboto Condensed';font-size: 1.5em;font-style: normal;font-weight: 400;line-height: 1.0em ;}
.largefont {font-family: 'Roboto Condensed';font-size: 1.5em;font-style: normal;font-weight: 400;line-height: 1.2em ;}
.logotext {font-family: 'Courgette';font-size: 3.0em;font-style: normal;font-weight: normal;line-height: 1.0em ;}
.shadow {text-shadow: 1px 1px 1px #ababab;}
.bright {color: #8CA0B6;}
.dark {color: #010D1A;}
.black {color: #000000;}
.white {color: #ffffff;}
.red {color: #ff0000;}
.green {color: #33cc33;}
.blue {color: #082749;}
.orange {color: #ff6600;}
.yellow {color: #ffcc00;}

at {
	
	
}


.cutline_top
{
position				:static;
box-sizing				:border-box;	
height					:1em;
width					:100%;
margin					:0px auto 0px auto;
padding					:0px 0px 0px 0px;
border-style			:solid;
border-width			:1px 0px 0px 0px;
}

.cutline_bottom
{
position				:static;
box-sizing				:border-box;	
height					:1em;
width					:100%;
margin					:0px auto 0px auto;
padding					:0px 0px 0px 0px;
border-style			:solid;
border-width			:0px 0px 1px 0px;
}

.cutline_both
{
position				:static;
box-sizing				:border-box;	
height					:1em;
width					:100%;
margin					:0px auto 0px auto;
padding					:0px 0px 0px 0px;
border-style			:solid;
border-width			:1px 0px 1px 0px;
}

.cutline_none
{
position				:static;
box-sizing				:border-box;	
height					:2px;
width					:100%;
margin					:0px auto 0px auto;
padding					:0px 0px 0px 0px;
border-style			:solid;
border-width			:0px 0px 0px 0px;
}



.header_main {

display					: flex;	
display					: -webkit-flex;
flex-flow				: row;
-webkit-flex-flow		: row;
flex-wrap				: nowrap;

margin					:0px 0px 0px 0px;
padding					:0px 0px 0px 0px;
	
}

.header_logo {
	
flex					: 1 ;
flex-grow				: 0 ;
flex-shrink				: 0;
flex-basis				: auto;

box-sizing				: border-box;
margin					:0px 0px 0px 0px;
padding					:20px 0px 0px 0px;
min-width				: 300px;
min-height				: 100px;
text-align				: center;

background				: #244263;
background				: -moz-linear-gradient(top, #244263 0%, #455E78 100%);
background				: -webkit-linear-gradient(top, #244263 0%,#455E78 100%);
background				: linear-gradient(to bottom, #244263 0%,#455E78 100%);
filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244263', endColorstr='#455E78',GradientType=0 );

border-style			: solid;
border-color			: #000000 ;
border-width			: 0px 0px 1px 0px;

}


.header_bar {
	
flex					: 1 ;
flex-grow				: 1 ;
flex-shrink				: 1;
flex-basis				: auto;

box-sizing				: border-box;
margin					:0px 0px 0px 0px;
padding					:0px 0px 0px 0px;

min-height				: 100px;
text-align				: center;

background				: #244263;
background				: -moz-linear-gradient(top, #244263 0%, #455E78 100%);
background				: -webkit-linear-gradient(top, #244263 0%,#455E78 100%);
background				: linear-gradient(to bottom, #244263 0%,#455E78 100%);
filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244263', endColorstr='#455E78',GradientType=0 );

border-style			: solid;
border-color			: #000000 ;
border-width			: 0px 0px 1px 0px;

}



.navigation {
position				:relative;
box-sizing				:border-box;
display					:block;
width					:402px;
height					: 1.2em;
margin					:60px auto 0px auto;
padding					:0px 0px 0px 0px;
text-align				:center;

}
 

.navigation ul {
box-sizing				:border-box;
display					:block;
list-style-type			:none;
margin					:0px auto 0px auto;
padding					:0px 0px 0px 0px;
text-align				:center;

}

.navigation li {
box-sizing				:border-box;
display					:block;
margin					:0px auto 0px auto;
padding					:0px 0px 0px 0px;
text-align				:center;
float					:left;
}

.navigation a {
display:block;
width:100px;

margin:0;
padding:0;
/*background-color:#ffffff;     */
text-align:center;
text-decoration:none;
font-style: italic;

}

.navigation a:hover {
background				:	rgba(36, 66, 99, .5);

}


.content_main {

display					: flex;	
display					: -webkit-flex;
flex-flow				: row;
-webkit-flex-flow		: row;
flex-wrap				: nowrap;

margin					:0px 0px 0px 0px;
padding					:0px 0px 0px 0px;

background				: #244263;
background				: -moz-linear-gradient(top, #244263 0%, #455E78 100%);
background				: -webkit-linear-gradient(top, #244263 0%,#455E78 100%);
background				: linear-gradient(to bottom, #244263 0%,#455E78 100%);
filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244263', endColorstr='#455E78',GradientType=0 );

	
}


.content_left {
	
flex					: 1 ;
flex-grow				: 0 ;
flex-shrink				: 0;
flex-basis				: auto;

box-sizing				: border-box;
margin					:0px 0px 0px 0px;
padding					:0px 0px 0px 0px;
width				    : 600px;
min-height				: 50px;
text-align				: center;


} 


.content_view {
	
flex					: 1 ;
flex-grow				: 1 ;
flex-shrink				: 1;
flex-basis				: auto;
box-sizing				: border-box;
margin					:0px 0px 0px 0px;
padding					:15px 15px 15px 15px;
min-height				: 50px;
text-align				: left;
border-color			:black;
border-style			:solid;
border-width			:0px 0px 0px 1px;


}

.user_box {
	
height					:140px;
width					:200px;
margin					:5px 5px 5px 5px;
padding					:0px 0px 0px 0px;
text-align				: center;
	
	
}

.avatar_frame {

position				:relative;
height					:100px;
width					:100px;
margin-left				: auto ;
margin-top				: 5px;
margin-right			: auto ;
padding					:0px 0px 0px 0px;
border-color			:black;
border-style			:solid;
border-width			:1px 1px 1px 1px;
	
}

.avatar_pic {
	
width					: 100px;
height					: 100px;
	
	
}


@media all and (max-width: 1000px) {
	
.navigation{
	

width					:302px;	
	
}


.navigation a {

width:75px;

}	

.user_box {
	
height					:112px;
width					:160px;

	
}

.avatar_frame {

height					:80px;
width					:80px;
	
}

.avatar_pic {
	
width					: 80px;
height					: 80px;
	
	
}	
	
}




@media all and (max-width: 740px) {

.bigfont {font-size: 1.2em;}	
.logotext {font-size: 2.0em;}	
	
.cutline_none
{
height					:3px;
}
	
.header_main {
-webkit-flex-flow		: column;
flex-direction			: column;
flex-wrap				: nowrap;
}

.header_logo {

border-style			: solid;
border-color			: #000000 ;
border-width			: 0px 0px 0px 0px;	
min-height				: 50px;
padding					: 5px 0px 0px 0px;

}

.header_bar {
background				: #244263;
background				: -moz-linear-gradient(bottom, #244263 0%, #455E78 100%);
background				: -webkit-linear-gradient(bottom, #244263 0%,#455E78 100%);
background				: linear-gradient(to top, #244263 0%,#455E78 100%);
filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244263', endColorstr='#455E78',GradientType=0 );
min-height				: 50px;
}

.navigation{
	
margin					:10px auto 0px auto;
width					:302px;	
	
}


.navigation a {

width:75px;

}


.content_main {
-webkit-flex-flow		: column;
flex-direction			: column;
flex-wrap				: nowrap;	
}

.content_view {
	
border-width			:1px 0px 0px 0px;


}

.user_box {
	
height					:85px;

}

.avatar_frame {

height					:60px;
width					:60px;
margin-left				: 5px ;
margin-top				: 5px;
margin-right			: auto ;	
}

.avatar_pic {
	
width					: 60px;
height					: 60px;
	
}


}