@charset "utf-8";
/* CSS Document */

/*reset everything*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}




/* *******************************************************************************************/*
body{
background: white url(images/blue-starry-bg.jpg) bottom left fixed;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:100;
padding:3px 10px 8px 12px;
color:white;
background:#5c7da0;
}
p{
font-size:12px;
}
p a, p a:link, p a:active, p a:visited{
color:#FF0000;
text-decoration:none;
}
p a:hover{
color: #3366FF;
}

#container{
width:970px;
padding:20px 50px 50px 50px;
margin: 0 auto;
background:#FFFFFF;
/*border-left:2px solid #180f22;
border-right:2px solid #180f22;*/
}
#header{
background:#FFFFFF;
position:relative;
height:75px;
/*border-top:1px solid #180f22;
border-right:1px solid #180f22;
border-left:1px solid #180f22;*/
}

#logo a{
	text-indent:-9999px;
	width:160px;
	height:56px;
	background:url(images/logo.jpg) no-repeat;
	position:absolute;
	left: 7px;
	top: 3px;

}
#cccu a{
	text-indent:-9999px;
	width:120px;
	height:56px;
	background:url(images/cccu-logo.jpg) no-repeat;
	position:absolute;
	left: 841px;
	top: 13px;
}

h1#title{
width:958px;
background:#180f22;
color:white;
padding:10px 0 10px 12px;
font-weight:100;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}




/* NAVIGATION */

#modernbricksmenu{
padding: 0;
voice-family: "\"}\"";
voice-family: inherit;

}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
/*margin-left: 10px; margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu a{
float: left;
display: block;
color: #180f22;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 12px 5px 12px;
text-decoration: none;
font-size:14px;
font-weight:100;
background-color: white; /*Default menu color*/
border-left: 1px solid #5c7da0;
border-top: 1px solid #5c7da0;
border-right: 1px solid #5c7da0;
}

#modernbricksmenu a:hover{
background-color: #907aa8; /*Menu hover bgcolor*/
color:#ebeaf4;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background:#5c7da0;
/*background-color: #180f22; Brown color theme*/ 
border-color: #5c7da0; /*Brown color theme*/ 
color:white;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
background:#5c7da0;
/*background: #180f22; Black color theme*/ 
height:5px;

}

/* Subnav ------------------------------------*/
#subnav ul{
margin-top:8px;
margin-bottom:15px;
border-top:dotted 1px white;
list-style:none;
}
.isHere, #subnav ul li a:link, #subnav ul li a:active, #subnav ul li a:visited{
border-bottom:dotted 1px white;
color: white;
display: block;
width: auto;
padding:6px 0 6px 10px;
text-decoration: none;
font-size:13px;
}
#subnav ul li a:hover, .isHere{
background: #f3f3f3;
color:#180f22 !important;
border-bottom:1px solid #180f22;

}

/* Slideshow styles --------------------------------------------*/
slide-box {
	width:970px;
	height:290px;
	display:block;
	overflow:auto;
	
	
}

#slides {
	z-index:100;
	position:relative;
}
.slides_container {
	width:970px;
	height:290px;
	overflow:hidden;
	position:relative;
}
.pagination {
	margin:0 auto;
	width:100px;
	float:left;

}

.pagination li {
	
	margin:0 1px;
	width:12px;
	height:12px;
	padding:6px;
	float:left;
}

.pagination li a {
	display:block;
	float:left;
	overflow:hidden;
	background:white;
	border:1px solid #5c7da0;
	padding:6px;
	color:#5c7da0;
	text-decoration:none;
}

.pagination li.current a {
	/*background-position:0 -12px;*/
	display:block;
	background:#5c7da0;
	float:left;
	overflow:hidden;
	padding:6px;
	color:white;
	
}
#slides .next,#slides .prev {
	position:absolute;
	width:24px;
	height:43px;
	display:block;
	z-index:601;
	top: 123px;
	left: -23px;
}
#slides .next{
	left: 969px;
}

/* end of slideshow --------------------------------------------*/
.announcement {
width:970px;
height:290px;
background:#5c7da0;	
}
.announcement img{
width:620px;
height:290px;
float:left;
}
.announcement-textbox {
	width:320px;
	height:270px;
	padding:10px 15px 10px 15px;
	/*background:#5c7da0;*/
	position:relative;
	float:left;
}
.announcement-textbox h1{
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
line-height:26px;
font-weight:100;
margin-bottom:15px;
padding:0;
}
.announcement-textbox p{
color:white;
font-size:15px;
line-height:17px;
padding-right:20px;
}
.announcement-textbox p a{
text-decoration:none;
color:#180f22;
}
.announcement-textbox p a:hover{
color: #CCCCCC;
}
.hp-slides-link{
margin-top:15px;
text-align:right;
}



.hp-pdf-link a {
	background:white;
	color:#180f22;
	padding:2px 10px 4px 12px;
	position:absolute;
	top: 259px;
	border:1px solid #180f22;
	font-size:15px;
	left: 22px;
}
.hp-weblink a{
	background:white;
	color:#180f22;
	padding:2px 10px 4px 12px;
	position:absolute;
	left: 233px;
	top: 259px;
	border:1px solid #180f22;
	font-size:15px;
}
.hp-newslink a{
	background:white;
	color:#180f22;
	padding:2px 10px 4px 12px;
	position:absolute;
	left: 114px;
	top: 259px;
	border:1px solid #180f22;
	font-size:15px;
}
.hp-pdf-link a:hover, .hp-weblink a:hover, .hp-newslink a:hover{
background:#FF0000;
border-color:white;
color:white;
}
#footer{
height:80px;
width:970px;
padding:0 50px 0 50px;
background:white;
clear:left;
padding-bottom:25px;
border-top:1px dotted #5c7da0;
/*border-right:2px solid #180f22;
border-bottom:2px solid #180f22;
border-left:2px solid #180f22;*/
position:relative;
margin:0 auto;
margin-bottom:25px;
}
#stempoint a{
	text-indent:-9999px;
	width:226px;
	height:98px;
	background:url(images/stempoint.jpg) no-repeat;
	position:absolute;
	left: 800px;
	top: 6px;
}
#ambassadors a{
	text-indent:-9999px;
	width:155px;
	height:61px;
	background: url(images/ambassadors.jpg) no-repeat;
	position:absolute;
	left: 641px;
	top: 25px;
}
#ebp a{
	text-indent:-9999px;
	width:84px;
	height:80px;
	background: url(images/ebp-logo.jpg) no-repeat;
	position:absolute;
	left: 530px;
	top: 13px;
}
#footer-detail {
	font-size:12px;
	color:#180f22;
	width:450px;
	height:60px;
	position:absolute;
	left: 56px;
	top: 23px;
}
#footer-detail a{
text-decoration:none;
color:#FF0000;
}
#footer-detail a:hover{
color: #3366FF;
}

.clear{
clear:both;
padding:0;
margin:0;
}

/* Boxes - 3 */
.box1 {
	width:305px;
	float:left;

}
.box2 {
width:295px;
float:left;
margin-right:10px;
}
.box3{
width:350px;
float:left;
}

.box1 h4, .box2 h4, .box3 h4, .box4 h4 {
	padding:5px 0 12px 10px;
	background:#5C7DA0;
	color:white;
	font-weight:100;
	margin-bottom:8px;
}
.box1 h3, .box1 h3 a, .box2 h3, .box2 h3 a, .box3 h3, .box3 h3 a{
text-decoration:none;
color:#5C7DA0;
padding:3px 0 8px 0;
margin-top:4px;
font-weight:100;
font-family: Geneva, Arial, Helvetica, sans-serif;
width:285px;
margin:0 auto;
}
.box3 h3, .box3 h3 a{
width:330px;
}
.box1 h3 a:hover, .box2 h3 a:hover, .box2 h3 a:hover, .box3 h3 a:hover{
text-decoration:underline;
color: #FF0000;
}
.box1 p, .box2 p {
font-size:12px;
line-height:13px;
padding-bottom:10px;
border-bottom:1px dotted #cccccc;
width:285px;
margin:0 auto;
margin-bottom:5px;
}
.box3 p{
font-size:12px;
line-height:13px;
padding-bottom:10px;
border-bottom:1px dotted #cccccc;
width:330px;
margin:0 auto;
margin-bottom:5px;
}
.box2{
margin-left:10px;
}


/*_____________________________________________________________________________________________________________________________
PAGE BODY 620 ELEMENTS
_______________________________________________________________________________________________________________________________*/
#body-page-620{
width:619px;
float:left;
border-right:1px solid #5c7da0;
}
#body-page-620 h1, #body-page-970 h1{
width:600px;
padding:0 10px 7px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
font-weight:100;
/*color: #3366FF;*/
background: #5c7da0;
color:white;
}
#body-page-620 p, #body-page-970 p{
width:585px;
padding:10px 10px 0 10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#180f22;
}

pre {
	/*overflow-x: auto;  Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /**/
	width: 585px; 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
        padding:10px 10px 0 10px;
        font-family:Geneva, Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:17px;
        color:#180f22;
        margin-bottom:45px;
}


#body-page-970{
width:970px;
border-top: 5px solid #5c7da0;
}

ul.bullets{
font-size:14px;
color:#180f22;
margin:7px 20px 0 15px;
padding-left: 15px;
text-indent: -15px;
line-height:17px;

}
ul.bullets li{
list-style:disc;
list-style-position:inside;
}
ul.bullets li a{
text-decoration:none;
color:#FF0000;
}
ul.bullets li a:hover{
color:#3366FF !important;
}

/*_____________________________________________________________________________________________________________________________
DATE ELEMENTS
_______________________________________________________________________________________________________________________________*/
/* Outer div */
.datetime {
border:1px solid #180f22;
width:4.5em;
height:75px;
text-align:center;
font-size:x-small;
float:left;
margin:12px 12px 2px 10px;
padding:0 0 6px 0;
overflow:hidden;
word-wrap: break-word;
}

.datetime .top  {
font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.12em;
text-transform:uppercase;
color:#fefefe;
}
/* day of the month (NUMBER) */
.datetime .day {
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
line-height:1em;

}

/* month */
.datetime.mon {
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:normal;
text-transform:uppercase;
}

/* year */
.datetime .yr {
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;
}
.datetime .top {
background-color:#180f22;
padding:3px 0 3px 0;
}
/*_____________________________________________________________________________________________________________________________
NEWS PAGE ELEMENTS
_______________________________________________________________________________________________________________________________*/
.news-item-box{
padding:8px 10px 15px 0;
border-bottom:1px dotted #180f22;

}
.news-item-box img{
width:205px;
height:96px;
float:left; 
margin:0 10px 3px 10px;
}
.news-item-box h3{
/*color:#3366FF;*/
color:#180f22;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:100;
padding: 0 10px 5px 10px;
}
.news-item-box p{
width:100% !important;
font-size:13px !important;
line-height:16px !important;
padding:0 !important;
}
.switchnb{
background:#f3f3f3;
}
/*_____________________________________________________________________________________________________________________________
CLEAR H1 BACKGROUND AND RESET COLOR
_______________________________________________________________________________________________________________________________*/
.clrh1{
background:none !important;
color:#180f22 !important;
margin-top:15px;
}
#hp-splash {
	position:relative;
	width:620px;
}
#hp-splash h1 {
	background:none;
	color:#5C7DA0;
	font-size:18px;
	margin-bottom:0;
	padding-bottom:0;
}
#hp-splash p {
	padding-top:0;
	margin-top:5px;
	margin-bottom:25px;
	font-weight:bold;
}
#hp-splash p.link a, #hp-splash p.link a:link{
padding:10px 40px 10px 10px;
background:#f1f295;
margin-left:-10px;
color:#333333;
font-weight:100;
}
#hp-splash p.link a:hover{
border:1px solid #180f22;
padding:9px 39px 9px 9px;
}
#hp-splash img{
	position:absolute;
	width:232px;
	height:221px;
	left: 389px;
	top: -103px;
	z-index:5000;
}

/*_____________________________________________________________________________________________________________________________
FORM ELEMENTS
_______________________________________________________________________________________________________________________________*/

form input{
margin-bottom:7px;
}
input{
background:white;
border:1px solid #180f22;
}

/*RESOURCE LIST STYLES */
.resource-list{
padding-top:15px;
padding-bottom:15px;
border-left:1px solid #5c7da0;
}
.resource-list h3{
margin-left:10px;
margin-right:75px;
color:#5c7da0;
font-weight:100;
font-size:18px;
}
.resource-list h3 a{
text-decoration:none;
color:#180f22;
}
.resource-list h3 a:hover{
color:#5c7da0;
}
.resource-list img{
float:left;
width:100px;
height:100px;
margin-right:10px;
margin-left:10px;
border:1px solid #5c7da0;
}
.resource-links{
text-align:right;
}
.switchres{
background:#f3f3f3;
border-top:1px solid #5c7da0;
border-bottom:1px solid #5c7da0;
}

/* Pagination styles */
.pagespag{
border:solid 1px #999999; 
padding:6px 0 6px 10px !important; 
background: #f3f3f3; 
width:608px !important;
}