/* CSS Document */
body {
	margin:-2px;
  font-size:12px;
	font-family:Arial,sans-serif;
}

body fieldset
{
    border: 0px solid #000;
}footerRight


img {border:0px}

a{color:#780726}
a:hover {color:#b6b6b6}

h1 {font-weight:bold; font-size:140%; color:#5a3744; }
h1.invisable {display:none}
h2 {margin:0; font-weight:bold; font-size:120%; color:#95013B;}
h3 {margin:0; font-size:100%; font-weight:normal; color:#95013B;}
h4 {margin:0; font-size:100%; font-weight:bold; color:#646464;}

img {border:0px solid #DCDCDC; margin:0;}

.paginate strong {color:#002851}
.paginate a {color:#0059b3}
.paginate h4 {font-weight:bolder;font-size:120%}

/* CONTAINERS */

#containerMain {
	margin:auto;
	border:0 none;
	width:1000px;
	padding-top:2px;
	
}
#ContainerHeader 
{

background:transparent url(images/header_tile.gif) repeat-y scroll left top;
height:5px;

width:100%;
position:relative;

}
#containerNav {
	border-bottom:4px solid #95013B;
	margin:0;
	width:1000px;
  height:125px;
  position:absolute;
	
}
#containerBody {
	background:#fff; /*background:#fff;*/
	width:999px;
	margin:0;
	padding:0;
}
.containerGeneral {
	width:100%;
	border:1px solid #fff;
}


/* HEADER & BREADCRUMB */



#headerRight {
padding-top:5px;
position:relative;
}
#headerRight a{
color:#fff;
font-weight:bold;

}


#headerRight a.selected{ /** currently selected menu item **/
background:url("/images/menubluesh.gif") repeat-x scroll 0 0 #A9A9A9;
color:#fff;
}


#logo{ 


float:left;
margin-top:0px;
position:relative;



  }

#navigationTop {
	margin:0;
}

#breadcrumb {
	font-weight:normal; color:#313131; font-size:85%; padding:10px;
}
#breadcrumb a{
	font-weight:normal; color:#313131; 
}
#breadcrumb a:hover{
	font-weight:normal; color:#B8B8B8;
}

#MainSiteSearch{

float:right;
margin-top:15px;
position:relative;
width:420px;
}

/* TOP NAVIGATION */

#navigationTop {
float:none;
position:relative;
margin-left:185px;
margin-top:92px;

}
#navigationTop ul {
list-style-type:none;


  }


#navigationTop ul li {float:left; border-right:1px solid #fff; background-color:#DCDCDC; padding:2px 1px 0;}


#navigationTop ul li a {
			display:block;
			border-left:1px solid #fff; border-right:1px solid #fff;
			background:#A9A9A9 url(images/btn_bk_grey.jpg) repeat-x; 
			font-size:90%; color:#333333; font-weight:normal; 
			text-decoration:none;
			padding:3px 10px 5px 10px;
			text-align:center;

}
#navigationTop ul li div.strip {background:#920036;padding:2px;border-right:1px solid #fff;border-left:1px solid #fff;border-top:1px solid #fff}

#navigationTop ul li a:hover, #navBar ul li a:focus, #navBar ul li a:active {
	background:#95013B url(images/menush.gif) top left repeat-x;color:#fff;
}

#navigationTop ul li.selected {
	background-color:#95013B; padding:1px 1px 0 1px; margin:0;
}
#navigationTop ul li.selected a {
	background:url(images/menush.gif) repeat-x; border-left:1px solid #fff; border-right:1px solid #fff;
	color:#fff;
}
#navigationTop ul li.selected a:hover, #navBar ul li.selected a:focus, #navBar ul li.selected a:active {background:#95013B url(/images/btn_bk_red.gif) repeat-x; color:#fff;}
	
/* BODY */

#navLeft {
	margin:0;
	width:179px;
	padding:0 5px 0 5px;
	float:left;
}

#navLeft ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navLeft li{
	border-bottom:1px solid #9A9A9A;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
}
#navLeft li a{
	background:#ECECEC;
	padding:7px 10px 5px 10px;
	font-size:90%;
	color:#333333;
	text-decoration:none;
	display:block;
	width:159px;
}
#navLeft li a:hover{
	color:#9A0034;
}
#navLeft .leftNavSelected a{
	background:#9A0034;
	color:#fff;
	text-decoration:none;

}
#navLeft .leftNavSelected a:hover{
	background:#9A0034;
	color:#FF6B9D;
	text-decoration:none;
}

#bodyMain {
	width:549px;
	padding:0 25px 0 25px;
	float:left;
}
#bodyRight {
	width:197px;
	border:1px solid #DCDCDC;
	padding:4px;
	float:left;
}
#imageRight {
	width:197px;
	height:103px;
	background:url(../images/image-right_books.jpg) top right no-repeat;
}
#imageRightCart {
	width:197px;
	height:131px;
	background:url(../images/image-right_books-2.jpg) top right no-repeat;
}
#titleRight {
	width:192px;
	height:35px;
	background:url(../images/right_title.gif) bottom left no-repeat #940137;
	font-weight:bold;
	font-size:80%;
	color:#FFFFFF;
	padding:5px 0 0 5px;
}

#printPage {
	background:url(../images/icon_printer.gif) top left no-repeat;
	padding: 10px 0 0 50px;
	border-bottom:1px dotted #8D8D8D;
	height:20px;
	font-size:75%;
}
#printPage a{
	font-weight:normal; color:#313131; 
}
#printPage a:hover{
	font-weight:normal; color:#B8B8B8;
}



/* SEARCH BOXES */

#searchDiv {position:absolute; right:11%; top:50px;}
.searchBox {border:1px solid #9B9B9B; font-size:12px; color:#666666; padding:4px;}
.searchBtn {background:#A70244; font-size:12px; color:#fff; padding:3px; border:1px solid #62010C;}




/* SHOPPING CART */

#cartMainContentLeft {
	width:554px;
	padding:0;
	float:left;
}



.cartNavContainer {
	margin:16px 0 0 0;
	height:34px;
	float:left;
}
.cartArrowRedLeft{
	margin:0;
	background:url(../images/btn_cart_on_left.jpg) top right no-repeat;
	height:34px;
	width:11px;
	float:left;
}
.cartArrowRed {
	margin:0;
	background:url(../images/btn_cart_on_tile.jpg) top left repeat-x;
	padding:8px 10px 0 8px;
	height:34px;
	float:left;
	display:block;
}
.cartArrowRed a{
	color:#FFFFFF;
}
.cartArrowRed a:hover{
	color:#FF6B9D;
}
.cartArrowRedRight{
	margin:0 5px 0 0;
	background:url(../images/btn_cart_on_right.jpg) top left no-repeat;
	height:34px;
	width:12px;
	float:left;
}

.cartArrowGreyLeft{
	margin:0;
	background:url(../images/btn_cart_off_left.jpg) top right no-repeat;
	height:34px;
	width:11px;
	float:left;
}
.cartArrowGrey {
	margin:0;
	background:url(../images/btn_cart_off_tile.jpg) top left repeat-x;
	padding:8px 10px 0 8px;
	height:34px;
	float:left;
	display:block;
}
.cartArrowGrey a{
	color:#333333;
}
.cartArrowGrey a:hover{
	color:#95013B;
}
.cartArrowGreyRight{
	margin:0 5px 0 0;
	background:url(../images/btn_cart_off_right.jpg) top left no-repeat;
	height:34px;
	width:12px;
	float:left;
}

#shoppingCart {
	background:url(../images/logo_basket.gif) top left no-repeat;
	padding: 10px 0 0 50px;
	border-bottom:1px dotted #8D8D8D;
	height:20px;
	font-size:75%;
	
}
#shoppingCart a{
	font-weight:normal; color:#313131; 
}
#shoppingCart a:hover{
	font-weight:normal; color:#B8B8B8;
}

.titleRedBand {
	background:url(../images/title_red-band_bk.gif) top left repeat-x;
	height: 32px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 10px 0 10px 0;
	padding: 6px 0 0 18px;
}
.titleRedBand a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	margin:0;
	padding:0;
	text-align:right;
}
.titleRedBand a:hover{
	color:#FFFFFF;
}

.subtotalBoxes {
	background:#F9F0F3;
	width:300px;
	float:right;
	padding: 6px 16px;
	margin:5px 0 0 0;
	text-align:right;
}
.totalBoxes {
	background: url(../images/tile_grey-line.gif) bottom left repeat-x #F9F0F3;
	float:right;
	padding: 6px 16px;
	margin:5px 0 0 0;
	text-align:right;
	color:#95013B;
	width:520px;
}
	


/* FOOTER */
/*#footer {
	background:#95013B;
	border-top:20px solid #fff;
	width:770px;
	padding:5px 0 5px 20px;
	margin:0;
	font-size:80%;
	float:left;
	color:#FFFFFF;
	border: 1px solid #000;
}
#footer a{
	font-weight:normal; color:#FFFFFF; text-decoration:none;
}
#footer a:hover{
	font-weight:normal; color:#FF6B9D; text-decoration:none;
}
#footerRight {
	background:#95013B;
	border-top:20px solid #fff;
	padding:5px;
	width:200px;
	margin:0;
	float:left; 
	font-size:80%;
	font-weight:normal; color:#FFFFFF;
	border: 1px solid #000;
}*/

#Footer 
{
	background:#95013B;
	border-top:20px solid #fff;
	width:965px;
	padding:5px 20px 5px 20px;
	margin:0;
	font-size:80%;
	color:#FFFFFF;
}

#footerLeft
{
    float:left;
}

#footerLeft ul
{
    margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#footerLeft ul li
{
	display: block;
	float: left;
	padding: 0 0.8em;
	border-left: 1px solid #fff;
}
#footerLeft ul li a
{
    color:#FFFFFF;
    text-decoration: none;
}
#footerLeft ul li a:hover
{
    color:#FF6B9D;
    text-decoration: none;
}

#footerLeft ul li.first
{
	border: 0;
}


#footerRight
{
    float:right;
}



/* COMMON CLASSES */

.clear{clear:both; height:0px; margin:0; padding:0;line-height:0px;}
.clearall{clear:both; font-size:0.0em;}
.clearleft{clear:both; font-size:00em;}

.txtBoldRed {
	font-weight:bold; color:#95013B;
}
.bookOverview {
	/*width:340px;*/
	padding:0 30px 0 0;
	float:left;
}
.bookThumb {
	float:left;
}
.bookFeatured {
	width:280px;
	padding:0 30px 0 0;
	float:left;
}
.featuredContainer {width:234px; background:url(../images/image-bk_featuredbook_tile.jpg) top left repeat-y; float:right;}
.featuredTop {background:url(../images/image-bk_featuredbook2_top.jpg) top left no-repeat;}
.featuredBottom {background: url(../images/image-bk_featuredbook_btm.jpg) top left no-repeat; height:10px;}
.featuredImage { float:left; padding:45px 6px 3px 6px;}
.featuredtext { float:left; padding:70px 5px 5px 5px;}
.floatLeft {float: left;}
.floatLeft a{color:#313131; text-decoration:none;}
.floatLeft a:hover{color:#95013B;}
.floatRight {float: right;}
.floatRightMarginRight {float: right; margin-right:20px;}
.BookDetailsList {
	float:left;
	width:200px;
	padding:0 30px 0 0;
}
.BookDetailsList ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.BookDetailsList li{
	border-bottom:1px dotted #8D8D8D;
	margin:0;
	padding:0;
}
.buttonBuyNow {
	float:left;
	margin:20px 0 0 0;
	height:20px;
	width:75px;
	background:url(../images/button_110.jpg) top left no-repeat;
	color:#FFFFFF;
	padding:5px 25px 0 10px;
}
.buttonBuyNow a{
	color:#FFFFFF;
	text-decoration:none;
}
.buttonBuyNow a:hover{
	color:#FF6B9D;
	text-decoration:none;
}
.dottedHoriz {
	padding: 0 0 10px 0;
	border-bottom:1px dotted #8D8D8D;
}
.boxPink {
	background:#F9F0F3;
	padding:0 10px 10px 10px;
	font-size:85%;
	font-weight:normal;
	color:#8A002E;
}
.boxPink h4{
	margin:0;
	font-size:85%;
	font-weight:bold;
	color:#8A002E;
	padding: 0 0 5px 0;
	border-bottom:1px dotted #8D8D8D;
}
.boxPinkTopL {background: url(../images/corner_pink-TL.gif) top left no-repeat #F9F0F3; height:11px;}
.boxPinkBottomL {background: url(../images/corner_pink-BL.gif) bottom left no-repeat #F9F0F3; height:11px;}
.boxPinkTopR {background: url(../images/corner_pink-TR.gif) top right no-repeat; height:11px;}
.boxPinkBottomR {background: url(../images/corner_pink-BR.gif) bottom right no-repeat; height:11px;}

.containerBoxPinkFeature {margin:0 15px 0 28px; width:194px; float:left;}


.boxPinkFeature {
	background:#F9F0F3;
	padding:0 10px 10px 10px;
	font-size:85%;
	font-weight:normal;
	color:#8A002E;
	text-align:center;
}
.boxPinkFeature h4{
	margin:0;
	font-size:85%;
	font-weight:bold;
	color:#8A002E;
	padding: 0 0 5px 0;
	border-bottom:1px dotted #8D8D8D;
}

.boxPinkFeatureTop {
	background: url(../images/pinkbox_feature_top.gif) top left no-repeat; height:77px; width:194px; float:left;

}
.boxPinkFeatureTop h4{
	margin:36px 0 0 10px;
	font-size:85%;
	font-weight:bold;
	color:#8A002E;
	
}
.boxPinkFeatureBtm {background: url(images/pinkbox_feature_bottom.gif) top left no-repeat #F9F0F3; height:9px; width:194px; float:left;}

.searchCourseBox {border:1px solid #9B9B9B; font-size:11px; color:#666666; padding:2px;}

.txtcolorGrey {color:#313131;}


.pod {width:192px;float:left;margin-right:5px; }
.pod .tilebg{background: url(images/titlebox_tile.jpg) repeat-y;color:#fff;font-weight:bolder;}
.pod .titlebg{background:url(images/titlebox_top.jpg) no-repeat;}
.pod .titlebtn{background:url(images/titlebox_btm.jpg) no-repeat; height:17px}
.pod .titlebg div {width:169px;margin:0 11px 0 11px;padding:9px 0 9px 0;}
.pod .titlebg div h3 a {color:#fff;text-decoration: underline;font-weight:bold;}
.pod .pbody {background:url(images/box_tile.jpg) repeat-y;}
.pod .pbottom{background:url(images/box_btm.jpg) no-repeat;height:26px;}
.pod .pbody div	{width:90%;margin:auto;min-height:130px;_height:130px}
.pod .pbody div ul {margin:0;padding:0;list-style:none;}
.pod .pbody div ul li span.icon {background:url(images/bullet.gif) no-repeat;width:5px;height:5px;display:block;float:left;margin-top:6px;margin-right:10px}
.pod .pbody div ul li {clear:left;display:block;padding:5px 5px 5px 5px;_padding:3px 3px 3px 3px}
.pod .pbody div ul li a {color:#000;font-size:90%;}
.pod .pbody div ul li a:hover {color:#920036}
.pod .pbody div.pageList{}
.pod .pbody div ul li div {display:none}


#mainpod {background:url("/images/mainpod-bg.gif") repeat-x;
border-right:0 solid #DEDEDE;
margin:1% 0;
width:99%;}
#mainImg {width:322px;float:left; height:210px;}
#mainImg img {float:left;display:block;margin-right:-16px;height:207px;width:320px}
#mainImg .imgOver{background:url(images/Main_Image_Arrow.gif) no-repeat; height:209px; width:16px;float:left}
#mainText {width:462px;float:left;}
#mainTextIn {padding:20px}
#mainTextIn h2 {font-size:150%;font-weight:normal;margin-bottom:5px;color:#000}
#formlayout {width:90%;margin:auto}
#formlayout fieldset {border:1px solid #c0c0c0;padding:3%;width:94%;background:#f8f8f8}
#formlayout label {display:block;float:left;width:17%;font-weight:bold;}
#formlayout div.label {float:left;width:17%;font-weight:bold}
.clearb {clear:both;height:0px}
#formlayout .padding {padding:3px;display:block;}
#formlayout legend {font-size:140%}
 
 input, textarea {border:1px solid #8F8F8F; background:#fff; margin-bottom:2px;text-align:left;background:url(images/input_bg.gif);border:1px solid #8F8F8F;position:inherit;}
 textarea {border:1px solid #8F8F8F; background:#fff; margin-bottom:2px;text-align:left;border:1px solid #8F8F8F}
 input.button, input.submit {background:url(images/input_bg1.gif);border:1px solid #808080;font-size:85%;width:60px;text-align:center;float:right;}

.floatl {float:left}
.floatr {float:right}

#errormsg {width:50%;margin:auto;font-weight:bold;}
#errormsg ul {width:75%;float:right;margin:0;padding:0;margin-top:10px;font-weight:normal !important;}
#errormsg ul li {margin-top:2px}
#errormsg .icon {background:url(images/error.jpg) no-repeat right;width:45px;height:30px;display:block;padding:5px;float:left;}

#infomsg {width:50%;margin:auto;font-weight:bold}
#infomsg ul {width:85%;float:right;margin:0;padding:0;margin-top:10px;font-weight:normal !important}
#infomsg ul li {margin-top:2px}
#infomsg .icon {background:url(images/information.jpg) no-repeat right;width:30px;height:30px;display:block;padding:5px;float:left;}

.pageRightRegion {float:right; vertical-align:top; width:auto;}
.pageLeftRegion {float:left;
width:792px;}
.pageLeftRegionExpand {}


#rightPanel {border:1px solid #dedede;width:196px;_width:191px;margin-top:8px;padding:5px}

#rightPanel span.img {height:128px;width:195px; _width:191px;display:block}
#rightPanel div.title{ background:url(images/right_title.gif) no-repeat; display:block;width:195px; _width:191px; height:40px}
#rightPanel div.title div h3{color:#fff;padding:5px 5px 5px 5px;font-weight:bold;}
#rightPanel span.img2 {background:url(images/student_right.jpg) no-repeat ;height:105px;width:195px; _width:191px;display:block}
#rightPanel span.img3 {background:url(images/member_right.jpg) no-repeat ;height:105px;width:195px; _width:191px;display:block}

.standardListOut {width:100%; }
ul.standardList  {margin:0px;padding:0px; list-style:none;}
ul.standardList li span.icon {background:url(images/bullet.gif) no-repeat;display:block;width:5px; height:5px;float:left;margin:5px 5px 0 0}
ul.standardList li {clear:both;display:block;margin:7px}
ul.standardList li a {color:#000;font-size:90%}
.line {border-top:1px dotted;width:95%;margin:auto;margin-bottom:3px;margin-top:3px;height:1px;}

#login {width:100%}
#login label {display:block;float:left; font-size:80%;width:32%;color:#626262;margin-top:4px;}
#login legend {display:none}
#login fieldset {border:0;margin:0;padding:0 0 0 10px}

#login div.clear {clear:both;height:3px} 

div.button {background:#a60146;color:#fff;float:right;border:1px solid #5d0017;text-align:center;width:80px;}
div.button input {padding:1px;background:#a60146;color:#fff;width:100%;margin:0;border-top:1px solid #e5a6bb;border-left:1px solid #e5a6bb;border-right:1px solid #5d0017;border-bottom:1px solid #5d0017;font-size:80%;text-align:center !important}
div.button input:hover {background:#c65987;border-top:1px solid #e5a6bb;border-left:1px solid #e5a6bb;border-right:1px solid #8c3358;border-bottom:1px solid #8c3358;cursor:pointer}
div.button:hover { border-color:#a22949}

div.button a {background:#a60146;display:block;color:#fff;padding:0px;text-decoration:none;font-size:80%;border-top:1px solid #e5a6bb;border-left:1px solid #e5a6bb;border-right:1px solid #5d0017;border-bottom:1px solid #5d0017; cursor:default}
div.button a:hover {background:#cd3e7b}
div.button a span {display:block;float:left;margin-top:2px;padding-left:2px}
div.button a span.arrow {float:right;font-size:200%;font-weight:normal;margin:0;margin:-4px 0 -3px 0;margin-right:3px;_margin:-4px 0 -2px 0}
div.button a span.clearb{clear:both;float:none}

.iconlistOut {width:100%}
.iconlistOut ul.iconList { list-style:none; margin:0; padding:0}
.iconlistOut ul.iconList li a {display:block; padding:5px 0px 16px 0;font-size:85%;color:#313031; }
.iconlistOut ul.iconList li {display:block; border-bottom:1px dotted #8c8e8c}
.iconlistOut ul.iconList li span{display:block;margin-top:5px;}
.iconlistOut ul.iconList li span.icon1 {margin:0;background:url(images/noticeboard.gif) no-repeat; display:block; width:38px; height:29px; float:left;margin-right:10px}
.iconlistOut ul.iconList li span.icon2 {margin:0;background:url(images/examresults.gif) no-repeat; display:block; width:38px; height:29px; float:left;margin-right:10px}
.iconlistOut ul.iconList li span.icon3 {margin:0;background:url(images/diary.gif) no-repeat; display:block; width:38px; height:29px; float:left;margin-right:10px}
.iconlistOut ul.iconList li span.icon4 {margin:0;background:url(images/courses.gif) no-repeat; display:block; width:38px; height:29px; float:left;margin-right:10px}
.iconlistOut ul.iconList li span.icon5 {margin:0;background:url(images/profile.gif) no-repeat; display:block; width:38px; height:29px; float:left;margin-right:10px}
.iconlistOut ul.iconList li span.icon6 {margin:0;background:url(images/myaccount.gif) no-repeat; display:block; width:38px; height:29px; float:left;margin-right:10px}


/*#sideMenu {width:97%;}
#sideMenu ul {width:100%;list-style:none;margin:0;padding:0;margin-top:10px;margin-left:2%;border-top:1px solid #a7a7a7}
#sideMenu ul li a {width:91%;display:block; border-top:1px solid #fff; border-bottom:1px solid #a7a7a7; background:#ececec;padding:4%; color:#353232; text-decoration:none; font-size:90%}
#sideMenu ul  a.selected {color:#fff;background:#95013b;border-top:#c64a7b}
#sideMenu ul  a.selectedtop, #sideMenu ul  a.selectedexpand  {background:#5e1430;border-top:#fff;color:#fff}

#sideMenu ul  a:hover.selectedtop, #sideMenu ul  a:hover.selectedexpand   { background:#e8d8de;color:#95013b; border-top:1px solid #fff}

#sideMenu ul li ul {margin:0;border-top:0;}
#sideMenu ul li ul li ul li a { background:#c1c1c1}
#sideMenu ul li ul li ul li a {width:85%;padding-left:10%}
#sideMenu ul a:hover {background:#e8d8de;color:#95013b;border-top:#efe5e9}*/


#sideMenu 
{
    width:97%;

}
#sideMenu ul 
{
    width:98%;
    list-style:none;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-left:1%;
    border-top:1px solid #a7a7a7;
}
#sideMenu ul li a 
{
    width:88%;
    display:block; 
    /*border-top:1px solid #fff; */
    border-bottom:1px solid #a7a7a7; 
    background:#ececec;
    padding:4%;
    padding-left:8%;
    color:#353232;
    text-decoration:none; 
    font-size:90%;
}
#sideMenu ul a.selected 
{
    color:#fff;
    background:#95013b;
    /*border-top:#c64a7b;*/
    font-weight: bold;
    
}
#sideMenu ul a:hover 
{
    background:#e8d8de;
    color:#95013b;
    /*border-top:#efe5e9;*/
}
#sideMenu ul a.selectedtop
{
    width:92%;
    background:#5e1430;
    border-top:#fff;
    color:#fff;
    padding:4%;
    font-weight: bold;
}
#sideMenu ul a.selectedexpand  
{
    width:90%;
    /*background:#5e1430;*/
    background:#95013b;
    border-top:#fff;
    color:#fff;
    padding:4%;
    padding-left:8%;
    font-weight: bold;
}

#sideMenu ul a:hover.selectedtop, #sideMenu ul a:hover.selectedexpand   
{ 
    background:#e8d8de;
    color:#95013b;
    /*border-top:1px solid #fff*/
    padding:4%;
}
#sideMenu ul a:hover.selectedexpand
{ 
    background:#e8d8de;
    color:#95013b;
    /*border-top:1px solid #fff*/
    padding:4%;
    padding-left:8%;
}

#sideMenu ul li ul 
{
    margin:0;
    border-top:0;
}
#sideMenu ul li ul a
{
    width: 90%;
}
#sideMenu ul li ul li ul
{
    padding-left:10%;
    width: 92%;
}
#sideMenu ul li ul li ul li
{
    /*list-style: square;*/
    background: #FFF url(images/bullet.gif) center left no-repeat;
    padding-left: 10px;
    
}
#sideMenu ul li ul li ul li a 
{ 
    /*background:#c1c1c1;*/
    background: #fff;
    width:80%;
    padding-left: 0px;
    border-bottom: 1px solid #fff;
}
#sideMenu ul li ul li ul li a:hover
{ 
    background: #fff;
}
#sideMenu ul li ul li ul li a.selected 
{
    color:#95013b;
    background:#fff;  
}

#SubMenuArea {width:23%;float:left}
#MainBody {width:76%;float:left;}

#articleList ul { list-style:none; margin:0; padding:0}
#articleList ul li h2 {font-size:110%}
#MainBodyIn {width:90%;vertical-align: top; padding-left: 5%; padding-right: 5%;}
#articleList .date { font-style:italic;}
#articleList ul li div img {display:block;float:left;padding:10px;border:1px solid}
/*#articleList ul li span.intro {display:block;width:80%;float:right;margin-top:7px}*/
#articleList ul li {margin-top:20px;border-bottom:1px dotted #bfbabc; }

/*pager control */

.pager ul { list-style:none; padding:0; margin:0;clear:both; float:right;}
.pager {}
.pager ul li  {display:block;float:left;}
.pager ul li a {display:block;background:#333030;padding:4px 16px 3px 15px; text-decoration:none;color:#fff; border:1px solid #ececec}
.pager ul li span.PagerInfoCell {padding:3px;display:block}
.pager ul li.PagerCurrentPageCell {padding:4px 16px 3px 15px;display:block; background:#7c6c72;border:1px solid #ececec;color:#a60146}
.pager ul li a:hover {background:#cbb6be;color:#fff}
/*home page pager*/
#mainpod .PagerInfoCell { display:none;}

#BreadCrumbsArea {padding:5px; font-size:80%}
#BreadCrumbsArea a {color:#313131}
#BreadCrumbsArea a:hover {color:#7e7b7b}
#BreadCrumbsArea span {color:#920036; font-weight:bold; margin-left:210px; }

#article { text-align:justify}
#article #intro { letter-spacing:2px; font-style:italic;}
#article span.image { display:block; float:left;padding:0 10px 10px 0}


#printpage  span.icon {display:block; background:url(images/printpage.jpg)  no-repeat; width:40px; height:23px;float:left;}
#printpage a{color:#6e6e6e;font-size:80%;font-weight:bold;display:block;padding-top:4px;margin-bottom:-4px}
#printpage {border-bottom:1px dotted}
#printpage a:hover {color:#b0acac}


#SubscribeNewsletter {border:1px solid #e7e3e5;border-top:1px solid  #c9c9c9; background:#f9f0f3;padding:8px;margin-top:10px; font-size:90%;}
#SubscribeNewsletter h2 {color:#792a47; font-size:110%; border-bottom:1px dotted}
#SubscribeNewsletter label {color:#74012d}
#SubscribeNewsletter .button{ font-size:120%}
#SubscribeNewsletter .button{width:35%;}
/* web parts */
.WebPartCategory
{
  overflow:auto;
}

.backgroundTitleImg
{
	background-image:url('images/titlebox_tile.jpg');
	background-repeat:repeat-y;
	background-position:left;
	background-attachment:fixed;
}

.ICAIWebPartZone
{
	height: auto;
	width: 100px;
	clear: both;
	table-layout: fixed;
	display: block;
	float: none;
	visibility: hidden;
	overflow: auto;
	border-collapse: collapse;
}

.AlertImage
{
	
background-image:url('~/Templates/Public/Images/AlertIcon.gif')	}

#headerRight .linkButton {background:#2165ad;border:0;color:#fff;font-size:medium; display:inline;margin-bottom:-1px}
#headerRight .linkButton:hover {color:#9ECCFF;}

#wpUserControl
{ width:300px;

	}
	
.spacer { width:10px; float:left}
#SecondaryBody  { color:#535151 ; text-align:justify; text-decoration:italic; font-size:95%; font-style:italic}

#formlayoutInline {width:490px;margin:auto}
#formlayoutInline  label { display:block;float:left; margin:3px 4px 0 0; color:#920036}
#formlayoutInline  select, #formlayoutInline  input  { border: #778899 1px solid; float:left; display:block; margin:0 3px 0 0} 
#formlayoutInline .button{width:60px; float:left}

#searchBox div.button{ float:right;width:70px; }
#searchBox input, #siteSearch label {float:left;}
#searchBox input.searchKeword {margin-top:1px}
#searchBox label{display:none}
#searchBox {width:23%;float:right;}
#searchBox { margin-bottom:-30px; margin-top:20px; margin-right:10px}

.buttonstyle
{
    background:#A60146 none repeat scroll 0%;
    border-color:#E5A6BB rgb(93, 0, 23) rgb(93, 0, 23) rgb(229, 166, 187);
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    font-size:100%;
    margin:0pt;
    padding:1px;
    text-align:center !important;
}
.buttonstyle:hover
{
    background:#C65987 none repeat scroll 0%;
    border-color:#E5A6BB rgb(140, 51, 88) rgb(140, 51, 88) rgb(229, 166, 187);
    border-style:solid;
    border-width:1px;
    cursor:pointer;
}

.checkbox_noborder
{
    border: 0px solid #000;
}


/**Event Calendar, Rad Calendar**/
.radCalSelect_icai{ background-color:#780726;}
.radCalSelect_icai a{ color:White;}
.DaysOfWeek_icai{background-color:#780726; color:White; font-weight:bold; padding:1px; border:solid 1px white; text-align:center;}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */



.invertedshiftdown2{
padding: 0;
width: 100%;

background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
position:relative;
}

.invertedshiftdown2 ul{
list-style:none outside none;
margin:0 0 0 740px;
padding:0;
}


.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 li span
{
    background:url("http://www.dynamicdrive.com/cssexamples/media/color_tabs_right2.gif") no-repeat scroll right bottom transparent
  }


.invertedshiftdown2 a{
background:url("/images/menugreysh.gif") repeat-x scroll 0 0 #A9A9A9;
border-bottom:0 solid white;
color:#999;
display:block;
float:left;
font:10px Arial;
margin:0 1px 0 0;
padding:8px;
text-decoration:none;

}

.invertedshiftdown2 a:hover{
background:url("/images/menubluesh.gif") repeat-x scroll 0 0 #A9A9A9;
border-bottom:0 solid white;
color:#CFCFCF;
display:block;
float:left;
font:10px Arial;
margin:0 1px 0 0;
padding:8px;
text-decoration:none;

}



#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}

.quickSearch
{
float:right;
padding-top:25px;
  }

#QuickSearchTxt
{
  font-size:110%;

}#QuickSearchDiv
{
float:right;
margin-top:-60px;
position:relative;

}

#StageArea{
  position: relative;
  margin-top:140px;
  }
  
  	dl {
		width: 240px;
		margin: 0 0 20px 20px;
		padding: 0;
		background: #F9F0F3 url(/images/mt_bottom.gif) no-repeat bottom left;
		}

	dt {
		margin: 0 0 10px 0;
		padding: 10px;
		font-size: 100%;
		font-weight:bold;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #8E0035 url(/images/box_top.gif) no-repeat top left;
		}
	
	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		list-style:none;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		
		}
	
	
	.topbar {     background: #990000;     border-bottom: solid 2px #EEE;     padding: 3px 0;     text-align: center;     color: white;}
	
.InfoMessageBox {
	background-color: #FF9;
	
	border-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #C30;
	border-right-color: #C30;
	border-bottom-color: #C30;
	border-left-color: #C30;
	padding-bottom:10px;
	z-index: auto;
	margin-top: 5px;
	margin-right: 240px;
	margin-bottom: 15px;
	margin-left: 240px;
}
.course_details_container {
}
.course_details_container .left_column {
	float: left;
	width: 50%;
}
.course_details_container .right_column {
	float: right;
	width: 50%;
}


.course_details_container .bottom_area {
	width: 100%;
}

 .CourseLabelRed {
	color: #FFF;
	background-color: #C00;
	text-transform: capitalize;
	font-variant: normal;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	display: inline;
	vertical-align: top;
}
 .CourseLabelBlue {
	color: #FFF;
	background-color: #06C;
	text-transform: capitalize;
	font-variant: normal;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	display: inline;
	vertical-align: top;
}

#store_pod {
	width:165px;
	float: left;
	height:265px;
	padding:5px;
	background-color: #fff;
	border: thin dashed #CCC;
	margin: 5px;
}

#store_pod:hover {

	background-color: #E8EEE8;

}

.store_item_summary
{

	text-overflow:ellipsis;
	overflow:hidden;
	white-space:normal;
	height:50px;
	width:100px

}

#VideoContainer #VideoDescription #VideoDescriptionPod {
	background-color: #EBF9DF;
	border: 1px solid #360;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(0px,0px,0px,0px);
	padding: 3px;
	width: 80%;
	margin: auto;
	text-align: left;
}
#VideoContainer {
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	border: 1px solid #FC6;
	width: 470px;
	background-color: #FFFFF0;
	padding: 10px;
	
}

.VideoElementItem {
	margin: 10px;
	padding: 10px;
	width: 80%;
	
}

.VideoElementItem  img{
	margin: 5px;
}
