* {
	padding:0;
	margin:0;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
body {
	background:url(bg.gif) repeat-x #b00000;
	height:100%;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
p.white {
	color:#FFFFFF;
}
#mainContainer {
	width:836px;
	margin:0 auto;
}
.innerWrap {
	padding-bottom:56px;
	float:left;
	height:100%;
	position:relative;
}
#bodyText {
	position:relative;
	background-color:Transparent;
	min-height: 100%;
}
#footer {
	height:20px;
	background-color:#000;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:100;
}
#footer p {
	font-size:11px;
	color:#fff;
	text-align:center;
	margin-top:4px;
}
#footer p a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}
h1 a,ul.mainNav li a  {
	text-indent:-50000px;
	overflow:hidden;
}
h1 a {
	background:url(on-and-off-communication.gif) no-repeat;
	width:214px;
	height:72px;
	margin:26px 0 0 0;
	float:left;
	margin-left:36px;
}
ul.mainNav {
	list-style:none;
	clear:left;
	padding-left:36px;
	height:32px;
	padding-top:20px;
}
ul.mainNav li {
	float:left;
	
}
ul.mainNav li a {
	height:32px;
	float:left;
}
ul.mainNav li a.intro {
	width:130px;
	background:url(navigation_01.gif) no-repeat;
}

ul.mainNav li a.princ {
	width:147px;
	background:url(navigation_02.gif) no-repeat;
}
ul.mainNav li a.online {
	width:152px;
	background:url(navigation_03.gif) no-repeat;
}
ul.mainNav li a.offline {
	width:155px;
	background:url(navigation_04.gif) no-repeat;
}
ul.mainNav li a.contact {
	width:95px;
	background:url(navigation_05.gif) no-repeat;
}
ul.mainNav li a.twitter {
	width:75px;
	background:url(navigation_06.gif) no-repeat;
}
ul.mainNav li a:hover,ul.mainNav li a.selected  {
	background-position:0 -32px;
}


/******** box structure *********/
div.box p {
	margin-bottom:20px;
}
div.box h2 {
	color:#b00000;
	margin-bottom:20px;
	font-size:16px;
	float:left;
	padding-left:20px;
	margin-top:-10px;
	position:relative;
	
}
div.introBox1,div.princiBox1,div.onlineBox1,div.offlineBox1, div.contactBox    {
	width:258px;
	background:url(boxs/introbox1.gif) no-repeat top;
	float:left;
	margin:21px 0 0 70px;
	display:inline;
}
div.princiBox1,div.onlineBox1,div.offlineBox1, div.contactBox {
	width:388px;
	background:url(boxs/princibox-1.gif) no-repeat;
	margin:22px 0 0 60px;
}
div.onlineBox1 {
	background:url(boxs/onlinebox-1.gif) no-repeat;
	margin-left:110px;
}
div.offlineBox1 {
	background:url(boxs/offlinebox1.gif) no-repeat;
	margin-left:350px;
}
div.contactBox {
	background:url(boxs/contactHead.gif) no-repeat;
	margin-left:350px;
}

div.introBox1 p {
	width:192px;
	color:#fff;
	padding:60px 0 0 25px;
	float:left;
}
div.princiBox1 p, div.onlineBox1 p {
	width:340px;
}
div.introBox2,
div.introBox3 {
	float:left;
	width:389px;
	margin:140px 0 0 50px;
	display:inline;
}
div.princiBox2,
div.princiBox4 {
	position:relative;
	margin:0;
	z-index:4;
	margin-left:380px;
	display:inline;
}

div.introBox3,
div.princiBox3,
div.princiBox5 {
	margin:0 0 0 150px;
	position:relative;
}
div.princiBox3,
div.princiBox5 {
	z-index:3;
	margin:-10px 0 0 100px;
}

div.princiBox4 {
	
	margin-top:0px;
}
div.princiBox5 {
	z-index:0;
}
.introBox2 div.top,
.introBox3 div.top,
.princiBox2 div.top,
.princiBox4 div.top
 {
	height:69px;
	width:389px;
	background:url(boxs/introbox2-top.gif) no-repeat;
}
.princiBox2 div.top,
.princiBox4 div.top {
	background:url(boxs/princibox2-top.gif) no-repeat;
}
.introBox3 div.top {
	background:url(boxs/introbox3-top.gif) no-repeat;
}

.introBox2 div.content,
.introBox3 div.content {
	background:url(boxs/introbox2-bg.jpg) repeat-y;
	width:389px;
	float:left;
}
.introBox2 div.content p,
.introBox3 div.content p {
	width:342px;
	color:#b00000;
	background-color:transparent;
	width:340px;
	float:left;
	position:relative;
	top:-15px;
	margin-left:20px;
	display:inline;

}

div.princiBox2 div.content p,
div.princiBox3 div.content p,
div.princiBox4 div.content p,
div.princiBox5 div.content p
 {
	top:0;
}
.introBox2 div.bottom,
.introBox3 div.bottom  {
	background:url(boxs/introbox2-bottom.gif) no-repeat;
	height:35px;
	margin-top:-20px;
	width:389px;
	float:left;
}
.princiBox2 div.bottom,
.princiBox4 div.bottom  {
	margin-top:-10px;
}
div.listWrap {
	float:left;
	padding-left:40px;
	display:inline;
	color:#b00000;
	position:relative;
	width:300px;
}


ul.listRed, ul.listWhite {
	color:#b00000;
	list-style:disc;
}
ul.listWhite {
	margin-top:60px;
	margin-left:40px;

}
ul.listRed li {
	color:#b00000;
}
ul.listRed li, ul.listWhite li {
	width:300px;
	color:#b00000;
}
ul.listWhite li {
	color:#fff;
}
div.contactBox h2, div.contactBox p {
	margin:0 0 5px 30px;
	padding:0;
	float:none;
	width:400px;

}

div.contactBox h2 {
	margin:50px 0 30px 30px;
	color:#FFFFFF;
}

/******** box structure end *********/