/* ------------------------------------------------------------------------------------------------------

	Styles Created: 06/10/09
	Created By: Ryan H.
	
	----------
	
	Last Modified: 06/22/09
	Modified By: Ryan H.

------------------------------------------------------------------------------------------------------ */


body {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/backgroundStripe.png);
	background-position:top left;
	background-repeat:repeat;
}


/* ---------------- 
	
	Generic Styles 

---------------- */

		h1 {
			margin:0px;
			padding:0px;
			font-size:24px;
			color:#3d126b;
		}
		h2 {
			margin:0px;
			padding:0px;
			font-size:18px;
			color:#3d126b;
		}
		
		a {
			color:#3d126b;
			text-decoration:underline;
		}
		
		a img {
			border:none;
		}
		
		button {
			padding:5px;
			background-color:#3d126b;
			border:none;
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
		}
		
		table {
			border:1px solid #CCCCCC;
		}
		
		td {
			padding:5px;
			border:1px dashed #CCCCCC;
			vertical-align:top;
		}
		td.title {
			background-color:#999999;
			color:#FFFFFF;
			font-weight:bold;
		}
		
/* ---------------- 

	END Generic Styles 

---------------- */

/* //////////////////////////////////////////////////////////// */

/* ---------------- 

	Classes used site wide 

---------------- */

	/* DIV to clear floats */
	.clearingDiv {
		clear:both;
		width:100%;
		height:1px;
	}
	/* END DIV to clear floats */

/* ---------------- 

	END Classes used site wide 

---------------- */


/* //////////////////////////////////////////////////////////// */


/* 
	//////////////////////////////////////////////////////////// 

	BEGIN SITE WIDE STYLES

  	//////////////////////////////////////////////////////////// 
 */
 

	/* ---------------- Main Page Wrapper ----------------- */
	#mainWrapper {
		width:960px;
		height:auto;
		margin:auto;
	}
	/* ---------------- END Main Page Wrapper ----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- Header Wrapper ----------------- */
	#headerWrapper {
		height:108px;
		width:100%;
		background-image:url(../images/headerBackground.png);
		background-position:top left;
		background-repeat:repeat-x;
	}
	
	/* Logo Holder */
	#logoHolder {
		width:396px;
		height:50px;
		padding:5px 20px;
	}
	/* ---------------- END Header Wrapper ----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- MAIN NAVIGATION ----------------- */
	#mainNav {
		width:100%;
		height:30px;
	}
	#mainNav ul {
		margin:0px auto;
		padding:0px;
		list-style:none;
		height:30px;
		width:775px;
	}
	#mainNav li {
		display:block;
		float:left;
		position:relative;
	}
	#mainNav li span {
	  display: none;
	  position: absolute;
	}
	#mainNav li a {
	  display: block;
	  text-indent: -1000em;
	  position: absolute;
	  outline: none;
	}
	#mainNav li a:hover {
	  background-position: left bottom;
	}
	#mainNav li a:hover span {
	  display: block;
	}
	#mainNav li .BTN_buyNow {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_buyNow.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	#mainNav li .BTN_buyNow span {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_buyNow.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	#mainNav li .BTN_aboutFormat {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_aboutFormat.png) no-repeat;
	  left: 130px;
	  top: 0px;
	}
	#mainNav li .BTN_aboutFormat span {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_aboutFormat.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	#mainNav li .BTN_publishers {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_publishers.png) no-repeat;
	  left: 260px;
	  top: 0px;
	}
	#mainNav li .BTN_publishers span {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_publishers.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	#mainNav li .BTN_titles {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_titles.png) no-repeat;
	  left: 390px;
	  top: 0px;
	}
	#mainNav li .BTN_titles span {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_titles.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	#mainNav li .BTN_training {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_training.png) no-repeat;
	  left: 520px;
	  top: 0px;
	}
	#mainNav li .BTN_training span {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_training.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	#mainNav li .BTN_loginNow {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_loginNow.png) no-repeat;
	  left: 650px;
	  top: 0px;
	}
	#mainNav li .BTN_loginNow span {
	  width: 125px;
	  height: 30px;
	  background: url(../images/BTN_loginNow.png) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	/* ---------------- END MAIN NAVIGATION ----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- PAGE SUB NAVIGATION ----------------- */
	#subNav {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#subNav li {
		color:#3d126b;
		padding:5px;
		margin:2px 0px;
		border:1px solid #CCCCCC;
		width:140px;
	}
	#subNav li a {
		color:#3d126b;
		font-size:14px;
		text-decoration:none;
	}
	/* ---------------- END PAGE SUB NAVIGATION ----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- CONTENT WRAPPER ----------------- */
	#contentWrapper {
		width:100%;
		background-color:#FFFFFF;
		height:auto;
		clear:none;
		padding:14px 0px;
	}
	/* ---------------- END CONTENT WRAPPER ----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- FOOTER ----------------- */
	#footerWrapper {
		width:100%;
		padding:10px 0px;
		height:40px;
		background-color:#FFFFFF;
		border-top:6px solid #A6A6A6;
	}
	#footerNav ul {
		float:left;
		margin:0px;
		padding:0px;
		list-style:none;
		width:510px;
	}
	#footerNav li {
		display:block;
		float:left;
		padding:5px 12px;
	}
	#footerNav li a {
		color:#3d126b;
		font-size:12px;
		text-decoration:none;
	}
	#capstone-logo {
		float:right;
		margin-right:20px;
	}
	/* ---------------- END FOOTER ----------------- */

/* 
	//////////////////////////////////////////////////////////// 

	END SITE WIDE STYLES

  	//////////////////////////////////////////////////////////// 
 */
 
 
 
 

	/* ---------------- 
	
		Home page column layout 
	
	----------------- */
	.home-two-column-left {
		float:left;
		width:475px;
		padding:0px 20px 0px 40px;
	}
	.home-two-column-right {
		float:left;
		width:380px;
		padding:0px 20px;
		border-left:1px solid #CCCCCC;
	}
	/* ---------------- 
	
		END Home page column layout 
	
	----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- 
	
		Two column layout 
	
	----------------- */
	.two-column-left {
		width:140px;
		padding:0px 20px 0px 40px;
		float:left;
		border-right:1px solid #CCCCCC;
	}
	.two-column-right {
		width:675px;
		float:left;
		padding:0px 20px;
	}
	.two-column-right li {
		margin:10px 0px;
	}
	/* ---------------- 
	
		END Two column layout 
	
	----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- 
	
		Three column layout 
	
	----------------- */
	.three-column-wrapper {
		width:auto;
		padding:0px 40px;
	}
	.three-column-wrapper p {
		text-align:left;
	}
	.three-column-left {
		float:left;
		width:250px;
		padding:0px 12px;
		border-right:1px solid #CCCCCC;
		text-align:center;
	}
	.three-column-middle {
		float:left;
		width:250px;
		padding:0px 12px;
		border-right:1px solid #CCCCCC;
		text-align:center;
	}
	.three-column-right {
		float:left;
		width:250px;
		padding:0px 12px;
		text-align:center;
	}
	
	#title-content-wrapper {
		width:auto;
		padding:0px 40px;
	}
	/* ---------------- 
	
		END Three column layout 
	
	----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- 
	
		Login Form 
	
	----------------- */
	#loginForm {
		
	}
	#loginForm ul {
		margin:0px 20px;
		padding:0px;
		list-style:none;
	}
	#loginForm li.label {
		padding-top:12px;
		font-size:20px;
		font-weight:bold;
		color:#3d126b;
	}
	#loginForm input {
		width:250px;
		height:30px;
		font-size:16px;
		font-weight:bold;
		border:1px solid #CCCCCC;
		color:#333333;
	}
	#loginForm input.submit {
		margin-top:12px;
		width:100px;
		height:32px;
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#3d126b;
	}
	/* ---------------- 
	
		END Login Form 
	
	----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- 
	
		Title Page styles :: no other page uses these styles
	
	----------------- */
	
	/* Needed for tabs on title page */
	.ui-tabs .ui-tabs-hide { display: none !important; }
	/* END */
	
	/* Main category navigation */
	#titleCategoryNav {
		padding-top:20px;
		list-style:none;
		margin:0px;
	}
	#titleCategoryNav li a {
		float:left;
		margin-right:20px;
		padding:5px 20px;
		border:1px solid #CCCCCC;
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
	}
	#titleCategoryNav li.ui-tabs-selected a { 
		color:#FFFFFF;
		background-color:#3d126b; 
	}
	/* Main category navigation */
	
	/* Sub category navigation */
	.titleNav {
		margin:12px 0px;
		list-style:none;
	}
	#socialTitles .titleNav {
		list-style:none;
		margin-left:181px;
	}
	#fictionTitles .titleNav {
		list-style:none;
		margin-left:418px;
	}
	#bilingualTitles .titleNav {
		list-style:none;
		margin-left:445px;
	}
	.titleNav li a {
		float:left;
		margin-right:20px;
		padding:5px 20px;
		border:1px solid #CCCCCC;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	.titleNav li.ui-tabs-selected a {  
		color:#FFFFFF;
		background-color:#3d126b;
	}
	/* END Sub category navigation */
	
	/* Individual Title Styles */
	.titleWrapper {
		float:left;
		width:190px;
		margin:10px 40px;
		padding:5px;
		border:1px dashed #CCCCCC;
	}
	.titleWrapper ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	.titleWrapper img {
		float:left;
		padding-right:5px;
	}
	/* END Title Page Title Styles */
	
	/* ---------------- 
	
		END Title Page styles :: no other page uses these styles
	
	----------------- */

/* //////////////////////////////////////////////////////////// */

	/* ---------------- 
	
		DEMO PAGE :: Demo Image styles
	
	----------------- */
	#demoImage-one {
		float:left;
		width:200px;
		padding:10px;
		margin-top:14px;
		border-right:1px solid #CCCCCC;
		text-align:center;
	}
	#demoImage-two {
		float:left;
		width:200px;
		padding:10px;
		margin-top:14px;
		border-right:1px solid #CCCCCC;
		text-align:center;
	}
	#demoImage-three {
		float:left;
		width:200px;
		padding:10px 0px 10px 10px;
		margin-top:14px;
		text-align:center;
	}
	/* ---------------- 
	
		DEMO PAGE :: Demo Image styles
	
	----------------- */
	
/* //////////////////////////////////////////////////////////// */