/* University Matters CSS Document */
.umLogo{
	width: 750px;
	height: 23px;
	cursor: pointer;
	background: url(../img/toplogo.gif) left no-repeat;
}

.footerLogo{
	width: 750px;
	height: 59px;
	cursor: pointer;
	background: url(../img/footerLogo.jpg) right no-repeat;
	padding-top: 15px;
}

body{
	width: 100%;
	background: #ffffff;
}

/* banner section */

.bannerContainer{
	width: 750px;
	/*height: 338px;*/
	height: 113px;
}

.banner{
	width: 750px;
	height: 237px;
	cursor: pointer;
	background: url(../img/banner.jpg);
}

.bannerCapBottom{
	width: 750px;
	height: 54px;
	background: url(../img/bannerCapBottom.jpg);
	clear: left;
}

/* menu section */
.navStripTopLeft{
	width: 24px;
	height: 12px;
	background: url(../img/navStripTopLeft.jpg);
	float: left;
}

.navStripTop{
	width: 690px;
	height: 12px;
	background: url(../img/navStripTop.jpg);
	float: left;
}

.navStripTop2{
	width: 750px;
	height: 12px;
	background: url(../img/navStripTop2.jpg) bottom no-repeat;
}

.navStripTopRight{
	width: 36px;
	height: 12px;
	background: url(../img/navStripTopRight.jpg);
	float: left;
}


.navCapLeft{
	width: 24px;
	height: 24px;
	background: url(../img/navCapLeft.jpg);
	float: left;
}

.navCapRight{
	width: 36px;
	height: 24px;
	background: url(../img/navCapRight.jpg);
	float: left;
}

.theBook{
	width: 78px;
	height: 24px;
	background: url(../img/theBook.jpg);
	cursor: pointer;
	float: left;
}

.aboutUs{
	width: 80px;
	height: 24px;
	background: url(../img/aboutUs.jpg);
	cursor: pointer;
	float: left;
}

.links{
	width: 55px;
	height: 24px;
	background: url(../img/links.jpg);
	cursor: pointer;
	float: left;
}

.download{
	width: 84px;
	height: 24px;
	background: url(../img/download.jpg);
	cursor: pointer;
	float: left;
}

.friends{
	width: 70px;
	height: 24px;
	background: url(../img/friends.jpg);
	cursor: pointer;
	float: left;
}

.whatOthersSay{
	width: 121px;
	height: 24px;
	background: url(../img/whatOthersSay.jpg);
	cursor: pointer;
	float: left;
}

.store{
	width: 62px;
	height: 24px;
	background: url(../img/store.jpg);
	cursor: pointer;
	float: left;
}

.info{
	width: 52px;
	height: 24px;
	background: url(../img/info.jpg);
	cursor: pointer;
	float: left;
}

.contactUs{
	width: 88px;
	height: 24px;
	background: url(../img/contactUs.jpg);
	cursor: pointer;
	float: left;
}

/* content section */

.contentContainer{
	width: 750px;
	height: 848px;
}

.titleCapLeft{
	width: 63px;
	height: 99px;
	background: url(../img/titleCapLeft.jpg);
	float: left;
}

.titleCapRight{
	width: 76px;
	height: 99px;
	background: url(../img/titleCapRight.jpg);
	float: left;
}

.titleWelcome, .titleTheBook, .titleAboutUs, .titleLinks, .titleDownload, .titleFriends, .titleWhatOthersSay, .titleStore, .titleInfo, .titleContactUs {
	width: 611px;
	height: 99px;
	float: left;
}

.titleWelcome{background: url(../img/titleWelcome.jpg);} 

.titleTheBook{background: url(../img/titleTheBook.jpg);} 

.titleAboutUs{background: url(../img/titleAboutUs.jpg);}

.titleLinks{background: url(../img/titleLinks.jpg);}

.titleDownload{background: url(../img/titleDownload.jpg);}

.titleFriends{background: url(../img/titleFriends.jpg);}

.titleWhatOthersSay{background: url(../img/titleWhatOthersSay.jpg);}

.titleStore{background: url(../img/titleStore.jpg);}

.titleInfo{background: url(../img/titleInfo.jpg);}

.titleContactUs {background: url(../img/titleContactUs.jpg);}

.horzlnCapLeft{
	width: 63px;
	height: 35px;
	clear: left;
	float: left;
	background: url(../img/horzlnCapLeft.jpg);
}

.horzln{
	width: 611px;
	height: 35px;
	float: left;
	background: url(../img/horzln.jpg);
}

.horzlnCapRight{
	width: 76px;
	height: 35px;
	float: left;
	background: url(../img/horzlnCapRight.jpg);
}

.contentCapLeft{
	width: 63px;
	height: 620px;
	clear: left;
	float: left;
	background: url(../img/contentCapLeft.jpg);
}

.content, .contentScrollBox{
	width: 611px;
	height: 620px;
	float: left;
	background: url(../img/content.jpg);
}

/* scrolling sections */
.contentScrollBox{
	width: 601px;
	height: 550px;
	overflow:auto;
	background: url(../img/contentScrollBg.jpg) fixed;
	text-align: left;
	padding-right: 10px;
}

.contentScrollBottomCap{
	width: 588px;
	height: 47px;
	float: left;
	font: 12px/18px verdana, arial, sans-serif;
	text-align:right;
	padding: 23px 23px 0 0;
	background: url(../img/contentScrollBottomCap.jpg);
}

.contentScrollBottomLeftCap{
	width: 63px;
	height: 70px;
	float: left;
	clear: left;
	background: url(../img/contentScrollBottomLeftCap.jpg);
}

.contentScrollBottomRightCap{
	width: 76px;
	height: 70px;
	float: left;
	background: url(../img/contentScrollBottomRightCap.jpg);
}

.contentScrollLeftBg{
	width: 63px;
	height: 550px;
	float: left;
	background: url(../img/contentScrollLeftBg.jpg);
}

.contentScrollRightBg{
	width: 76px;
	height: 550px;
	float: left;
	background: url(../img/contentScrollRightBg.jpg);
}

/* end scrolling sections */

.contentCapRight{
	width: 76px;
	height: 620px;
	float: left;
	background: url(../img/contentCapRight.jpg);
}

.contentCapBottom{
	width: 750px;
	height: 35px;
	clear: left;
	background: url(../img/contentCapBottom.jpg);
}

.content p, .contentScrollBox p{
	font: 12px/18px verdana, arial, sans-serif;
	word-spacing: 3pt;
	color: #000000;
	text-align: justify;
}

.content p.bold, .contentScrollBox p.bold{
	font-weight: bold;
}

.content ul.contentList, .content ol.contentList{
	font: 12px/18px verdana, arial, sans-serif;
	word-spacing: 3pt;
	color: #000000;
	text-align:left;
}
/* end content */

/* begin link section */
.colLeft, .colRight {
	width: 250px;
	text-align: left;
	padding: 0 3px 3px 3px;
	font: 12px/18px verdana, arial, sans-serif;
	word-spacing: 3pt;
	color: #FFFFFF;
	background-color:#666666;
}

.colLeft{float: left;}
.colRight{float: right;}

.item1, .item2{
	font: 10px/18px verdana, arial, sans-serif;
	color: #000000;
	padding-left: 10px;
}

.item1{background-color:#CCCCCC;}
.item2{background-color:#EFEFEF;}