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

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#FFFFFF;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
	width:950px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#000000; text-decoration: none;}
a:visited{ font-weight:bold; color: #000000; text-decoration: none;}
a:active{ font-weight:bold; color: #000000; text-decoration: none;}
a:hover{ font-weight:bold; text-decoration: underline;	color: #000000;}

/*==========header==========*/
.headerContainer{width: 950px; height: 200px; float:left; }
.headerTop{width: 950px; height: 150px; float:left; background-image:url(../images/header.jpg);}
.headerLogo{width:363px; height:150px; float:left;}
.headerTel{ 
	width:567px; 
	height:130; 
	margin:10px; 
	float:left; 
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#bd1224;
	font-weight:bold;
	line-height:25px;
}
.headerBottom{ width:950px; height:35px; float:left; background-color:#000000;}
.headerLinks{
	width:940px; 
	height:25px; 
	float:left; 
	margin:5px; 
	color:#bd1224; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold;
	text-align:right;
}
.headerLinks a{ color:#FFFFFF; text-decoration:none;}
.headerLinks a:visited{ color:#FFFFFF; text-decoration:none;}
.headerLinks a:hover{ color:#FFFFFF; text-decoration:underline;}

/*==========Main Container==========*/
.mainContainer{width:950px; height:auto; float:left; background-image:url(../images/main-bg.jpg); background-repeat:repeat-y;}
.text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

.h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
.h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bc0f22; font-weight:bold;}

/*==========leftside==========*/

.left{ width: 200px; height:auto; float:left; background-color:#ebebeb;}
.leftContent{ 
	width:160px; 
	height:auto; 
	float:left; 
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.leftContent_sw{ 
	width:200px; 
	height:auto; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

/*==========rightside==========*/

.right{ width: 200px; height:auto; float:left; background-color:#ebebeb;}
.rightContent{ 
	width:170px; 
	height:auto; 
	float:left; 
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.rightTitle{ width:200px; height:35px; float:left; background-color:#e1dede;}


/*==========content==========*/
.content{ 
	width:550px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#ffffff;
}
.contentText{ 
	width:530px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#000000;
	margin:3px;
}

/*==========Index==========*/
.indexTop{
	width:497px;
	height:210px;
	float:left;
	background-image:url(../images/online-safety.jpg);
	background-repeat:no-repeat;
}

.indexTopText{	width:457px;	height:170px;	float:left;	margin:20px;}
.indexBottom{	width:497px;	height:auto;	float:left;}
.indexBottomText{	width:477px;	height:auto;	float:left;	margin:10px;}


/*==========footer==========*/

.footerContainer{width:950px; height:50px; float:left; background-image:url(../images/footer.jpg); background-repeat:repeat-x; }

.footerText{ 
	width:930px; 
	height:30px; 
	margin:10px; 
	float:left;
	color:#bd1224; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold;
	text-align:center;
}
.footerText a{ color:#000000; text-decoration:none;}
.footerText a:visited{ color:#000000; text-decoration:none;}
.footerText a:hover{ color:#000000; text-decoration:underline;}