@import url("css/title_cjpp.css");
@import url("css/table_cjpp.css");
@import url("css/button_cjpp.css");
@import url("css/tabs.css");
@import url("css/footer.css");
@import url("css/menu.css");
@import url("css/input.css");
@import url("css/image.css");
@import url("css/medal.css");

html, body {  
	font: 16px Calibri, sans-serif; 
	line-height: 1.5;
	background-color: #cccccc;
    color: #444444;
}

/* unvisited link */
a:link {
    color: #444444;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: #444444;	
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #10a4c2;
	text-decoration: underline;
}

/* selected link */
a:active {
    color: #10a4c2;
	text-decoration: underline;
}

#container {
	background-color: white;
	width: 959px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 20px #888888;
} 

#containerLogin {
	background-color: white;
	width: 300px;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
	border: 1px;
    border-radius: 10px; 
	border-style:solid;
	border-color: #D8D8D8;
} 
 
#header {
	background-image: url(images/header.jpg);
	height:	125px;
	width: 959px;
} 

.pubImage {
	padding-left: 805px;
	margin-top: -142px;
} 

.searchInHeader {
	padding-left: 590px;
	padding-top: 90px;
}

#headerMenu {
	text-align: left; 
	margin:	0px auto;
	padding: 0px;	
} 

#pageBegin { 
	margin: 25px 25px 25px 25px;
	text-align:	left; 
	padding-bottom: 40px;
	min-height: 400px;
}

#topMenu {
	border: 0px solid #000;
	margin: 0;
	padding: 0px;
	display:inline; 
}

#topMenu li {
	display:inline; 
	margin: 0;
	padding: 0;

}

a.top { 
	font: 900 11pt Calibri, sans-serif; 
	float:left; 
	width:137px; 
	height:29px; 
	text-align:center;
	text-decoration:none; 
	color:#ffffff; 
	background-color:#040914; 
	padding-top: 12px; 
	text-transform: uppercase;
} 

a.top:hover { 
	background-color:#d65808; 
	color: #ffffff;
} 

a.topSelected { 
	font: 900 11pt Calibri, sans-serif; 
	float:left; 
	width:137px; 
	height:29px; 
	text-align:center;
	text-decoration:none; 
	color:#ffffff; 
	background-color:#ef7528; 
	padding-top: 12px; 
	text-transform: uppercase;
} 

a.topSelected:hover { 
	background-color:#d65808; 
	color: #ffffff;
} 

@media screen and (max-device-width: 480px){
    /*--- iPhone only CSS here ---*/
}