/* CCP-SAS Base style sheet */
/* Version 1.0       */
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
 	font-style: normal;
 	color: #484848;
    width:800px;
	/* margin: top right bottom left */
    margin: 10px auto 10px auto; 
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	}

a:visited, a:link, a:active { 
	text-decoration: none; 
	color: blue;
	}

a:active { 
	text-decoration: none; 
	color: red;
	}

h2 {
	margin-top: 30px;
}

h3 {
	margin-top: 30px;
}

a:hover {
	text-decoration: none;
	color: gray;
}

#textContainer {
	padding-left:10px;
	padding-right:10px;
	text-align: justify;
}


#CentralAnnouncement {
    color:blue;
    text-align:center;
    font-weight:bold;
    font-size:150%;
    clear:both;
    margin-top:20px;
}

.floaterLeft { 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-right:20px;
	/* margin-right:10px;*/
	float: left;
	}
	
.floaterLeft.img {
	border:0;
	align:top;
}	

.floaterRight { 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left:20px;
	/* margin-right:10px;*/
	float: right;
	}
	
.floaterRight.img {
	border:0;
	align:top;
}	
		
#linkList {
	top: 0px; 
	right: 0px;
	}

#linkList ul {
	list-style: list-style-type;
	list-style-type: square;
}

#linkList li {
	line-height: 2.0ex; 
	padding-top: 0px; 
	margin-bottom: 5px;
}

#menuItem {
	border-top: 2px solid gray; 
	border-bottom: 2px solid gray; 
	background : #e4e7e9;
	font-size:16px; 
	font-weight:bold; 
	margin-bottom: 50px;
	padding-left:7px;
}

#menuItem a:link, #menuItem a:visited{
	line-height: 1px; 
	margin-right: 6px;
	padding-right: 7px;
	border-right: 1px solid blue;
}

#pageHeader { 
	height: 76px;
	padding-left:20px;
	font: normal 10pt/22pt Arial; 
    color:#000000;
	padding-top:4px;
	border-bottom: 1px solid gray; 
/* In order to support earlier versions of browsers. Not needed for IE10, Chrome (26+), Opera 12.10+ and Firefox 16+. 
   For those olde browsers we need to use the browser specific commands*/
    background-color:#19FCFC;
    background-image:url('../media/BannerImage.gif');
    babackground-image: url('../../assets/originalmedia/BannerImage.gif'), -webkit-gradient(linear, left top, left bottom, from(#6C67F0), to(#19FCFC)); /*Safari version less than 5.1*/
    background-image: url('../../assets/originalmedia/BannerImage.gif'), -webkit-linear-gradient(top, #6C67F0, #19FCFC); /*Safari version 5.1+*/
    background-image: url('../../assets/originalmedia/BannerImage.gif'), -moz-linear-gradient(top, #6C67F0, #19FCFC); /*Firefox*/
    background-image: url('../../assets/originalmedia/BannerImage.gif'), -o-linear-gradient(top, #6C67F0, #19FCFC); /*opera*/
    background-image: url('../../assets/originalmedia/BannerImage.gif'), -ms-linear-gradient(top, #6C67F0, #19FCFC); /*IE10*/
    background-image: url('../../assets/originalmedia/BannerImage.gif'), linear-gradient(top, #6C67F0, #19FCFC); /*standard*/
    -webkit-background-size: contain,cover;
    -moz-background-size: contain,cover;
    background-size: contain,cover;
    background-repeat:no-repeat;
    background-position:right;
}

#HeaderTitle { 
	font-size:13px; 
    line-height:1.5ex;
    linefont-weight:normal;
	margin-top: 15px; 	
}
#HeaderTitle:before { 
    content:"CCP-SAS Project";
    font: bold 10pt/22pt Arial; 
	font-size: 20px; 
	font-weight: bold;
}

#footer {
	color: #75818a;
	/*background : #e4e7e9;*/
	/* background: #EEFFFF; */
	font-size: 11px;
	/*text-align : center;*/
	clear: both;
	height: 65px;
	margin: 0;
	border-top: 1px solid gray; 
}

#footerImages {
	padding-right:1em;
}

#footerImages img {
	float: left;
	margin:0;
	margin-top:3px;
	margin-left:3px;
	padding-left:3px;
	padding-right:3px;
	border:0;
	align:top;
	height:59px;
    width:auto;
}


#footerText {
    margin-left: 1em;
	margin-right:10px;
	margin-bottom: 0.ex;
    margin-top: 30px;
	text-align: left;
}