body{
font-size:16px;
background-image:url(images/backgrd.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#e4e4e4;
margin-top:0;}

@font-face {
	font-family: vibroceb;
	src: url('custom_font/vibroceb.eot');
    src: local(vibroceb), url('custom_font/vibroceb.ttf') format('opentype');
}

#textArea p a:link{color:#fff; text-decoration: underline;}
#textArea p a:visited{color:#fff; text-decoration: underline;}
#textArea p a:hover{color:#fff; text-decoration: none;}
#textArea p a:active{color:#fff; text-decoration: none;}

.smallInsideTextTitle p a:link{color:#fff; text-decoration: underline;}
.smallInsideTextTitle a:link{color:#fff; text-decoration: underline;}
.sideTextShadow a:link{color:#fff; text-decoration: underline;}
.pT a:link{color:#fff; text-decoration: underline;}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#fff;
	line-height:1.1em;
	padding-top:0;
}

.sideTextShadow{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#fff;
line-height:1.1em;
padding:0;
text-shadow: black 0.1em 0.1em 0.1em;
-moz-text-shadow: black 0.1em 0.1em 0.1em;
-webkit-text-shadow: black 0.1em 0.1em 0.1em;
}

.titleText{
font-family:vibroceb;
font-size:20px;
font-weight:400;
color:#fff;
text-align:left;
line-height:1.3em;
letter-spacing:.5px;
}

.smallSideTextTitle{
font-family:vibroceb;
font-size:16px;
font-weight:300;
color:#fff;
letter-spacing:1px;
text-shadow: black 0.15em 0.15em 0.15em;
-moz-text-shadow: black 0.15em 0.15em 0.15em;
-webkit-text-shadow: black 0.15em 0.15em 0.15em;
}

.smallInsideTextTitle{
	font-family:Ariel, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#FFF;
	letter-spacing:1px;
}

.pageText{
font-family:vibroceb;
font-size:18px;
font-weight:400;
color:#fff;
letter-spacing:1px;
}

#container{
width:1043px;
height:auto;
margin:0 auto 0 auto;}

#header{
height:312px;
width:1043px;
background-image:url(images/don-bosco-header.jpg);
background-repeat:no-repeat;}

#top_title{
width:350px;
height:90px;
position:relative;
left:260px;
top:160px;}

#menuSocial{
width:430px;
height:24px;
position:relative;
left:220px;
top:185px;}

#menuSocial img{
padding:0 8px 0 0;}

#mainMenu{
width:192px;
height:240px;
font-family:vibroceb;
padding:0;
margin:30px 0 0 50px;}

#mainMenu ul{margin:0; padding:0; list-style-type:none; height:auto;}
#mainMenu ul li {display:inline; height:100%; width:100%;}
#mainMenu ul li a:link{background-image: url(images/don-bosco-side-buttons.jpg); background-repeat:no-repeat; background-position:middle; text-align:center; display: block; height:22px; text-decoration: none; padding: 6px 10px 2px 12px; color:white; font-weight:500;}
#mainMenu ul li a:visited{background-image: url(images/don-bosco-side-buttons.jpg); background-repeat:no-repeat; background-position:middle; text-align:center; display: block; height:22px; text-decoration: none; padding: 6px 10px 2px 12px; color:white; font-weight:500;}
#mainMenu ul li a:active{background-image: url(images/don-bosco-side-buttons.jpg); background-repeat:no-repeat; background-position:middle; text-align:center; display: block; height:22px; text-decoration: none; padding: 6px 10px 2px 12px; color:white; font-weight:500;}
#mainMenu ul li a:hover {background-image: url(images/don-bosco-side-buttons.jpg); background-repeat:no-repeat; background-position:middle; text-align:center; display: block; height:22px; text-decoration: none; padding: 6px 10px 2px 12px; color:#CCFF99; font-weight:500;}

#main{
background-image:url(images/don-bosco-body.jpg);
background-repeat:no-repeat;
height:auto;
}

#main_page{
background-image:url(images/don-bosco-body.jpg);
background-repeat:no-repeat;
}

.tcont{
background: url(images/don-bosco-body.jpg) no-repeat left top;
float:left;
width:1043px;
min-height:800px;
}

.bcont{
    float: left ;
    background:url(images/more-page.jpg) no-repeat bottom left;
    width: 1043px;
	padding:0 0 30px 0;
	min-height:200px;
}

#pageTitle{
	width:600px;
	height:20px;
	position:relative;
	left:40px;
	top:35px;
}

#textArea{
	width:620px;
	height:auto;
	margin:45px 0 0 20px;
	background-image:url(images/black_transparent.png);
	background-repeat:repeat;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 21px 21px 21px;
	font-size: 12px;
}

#leftSide{
width:193px;
height:600px;
position:relative;
left:49px;
top:50px;}

#sideText{
width:192px;
height:320px;
margin:0 0 0 50px;
}

#rightSide{
width:722px;
height:auto;
position:relative;
left:260px;
top:-510px;}

.clr{clear:both;}

#footer{
width:1043px;
height:30px;
margin:10px 0 0 0;}

.footerText{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:center;
}

.footerText a:link, a:visited, a:active{
text-decoration:none;
color:white;}

.footerText a:hover{
text-decoration:underline;
color:white;}

/* MAP DIVS */

#surrey{
width:100px;
height:auto;
position:relative;
left:120px;
top:-210px;
z-index:10;}

#california{
width:100px;
height:auto;
position:relative;
left:100px;
top:-190px;
z-index:11;}

#chicago{
width:100px;
height:auto;
position:relative;
left:300px;
top:-250px;
z-index:12;}

#neworleans{
width:100px;
height:auto;
position:relative;
left:340px;
top:-150px;
z-index:13;}

#toronto{
width:100px;
height:auto;
position:relative;
left:385px;
top:-375px;
z-index:14;}

#montreal{
width:100px;
height:auto;
position:relative;
left:490px;
top:-420px;
z-index:15;}

#newyork{
width:100px;
height:auto;
position:relative;
left:485px;
top:-390px;
z-index:16;}

#washdc{
width:100px;
height:auto;
position:relative;
left:475px;
top:-390px;
z-index:17;}

#stpetersburg{
width:100px;
height:auto;
position:relative;
left:455px;
top:-380px;
z-index:18;}

#belle{
width:100px;
height:auto;
position:relative;
left:465px;
top:-380px;
z-index:19;}

#miami{
width:100px;
height:auto;
position:relative;
left:475px;
top:-380px;
z-index:20;}

.mapText{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:550;
color:#fff;
line-height:1.1em;
padding-top:0;
text-shadow: black 0.15em 0.15em 0.15em;
-moz-text-shadow: black 0.15em 0.15em 0.15em;
-webkit-text-shadow: black 0.15em 0.15em 0.15em;
}

p a:link{color:#fff; text-decoration: underline;
}
p a:visited{color:#fff; text-decoration: underline;}
p a:hover{color:#fff; text-decoration: none;}
p a:active{color:#fff; text-decoration: none;}

#pTop{
	position:relative;
	top:-310px;
	z-index:21;
	text-align: center;
}

.pT{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#fff;
line-height:1.1em;
padding-top:0;}#main .bcont .tcont div #textArea .largersideTextTitle {
	font-size: 18px;
	color: #FFF;
}
#main .bcont .tcont div #textArea .smallInsideTextTitle .largersideTextTitle .largersideTextTitle {
	color: #FFF;
}