/*
@import url("landing.css");
@import url("landing1.css");*/


/* //Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	}

em{ font-style:italic;}

.first0 {
	padding-top:0;/* use for first line of page */
	margin-top:0}
	
.pdf {font-size:90%}	
	
.published {
	font-size: 9px; 
	color: #4d4d4d; 
	text-align: right
	}	

.white {color:#fff;}

.bordergray {border: solid 1px #cccccc}

/* print style info */

#printHeader{display: none;}

.breadcrumb {
	display: block;
	height:25px;
	width:900px;
	background-color:white;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:22px;
	font-size:10px;
	text-align:left;}

.breadcrumb2 {
	display: block;
	height:25px;
	
	background-color:white;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:22px;
	font-size:10px;
	text-align:left;}
	
.breadcrumb3 {
	display: block;
	/*height:25px;*/
	
	background-color:white;
	padding:0px;
	margin-bottom:4px;
	margin-top:2px;
	margin-left:0px;
	line-height:14px;
	font-size:10px;
	text-align:left;}	

/* start  rounded_corners */
.t {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif)  #ededed  0 0 repeat-x;
	width: 18em;
	}	
.b {background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif) 0 100% repeat-x}
.l {background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif) 0 0 repeat-y}
.r {background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif) 100% 0 repeat-y}
		
.bl, .br 
	{
	text-align: left;
	/*border: solid 1px gray;*/
	}		
.bl {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_bl.gif) 0 100% no-repeat; 
	width: 18em;
	}
.br {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_br.gif) 100% 100% no-repeat;
	}
.tl {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_tl.gif) 0 0 no-repeat;
	} 
.tr {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_tr.gif) 100% 0 no-repeat;
	padding: 7px;
	/*height: 100px;*/
	}	

/*end of rounded corners */
	
h1 {font-weight:bold;
	font-size: 1em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}	
	
h2 {
	font-weight:bold;
	font-size: 1.3em;
	color:#1E1E1E;
	margin-top: 20px;
	}
	
h2.nopadbottom {
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;}
	
h2.nopad_pad_top {
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:20px;
	margin-top:0px;}

#top #top_left #thePadLeft h2, #top #top_right #thePadRight h2{color:#666666;}



#top {
	margin: 0px; 
	padding: 0px 0px 20px; 
	background-color: transparent; 
	background-image: url(http://www.douglas.bc.ca/ip-images/background_images/top_bg.gif); 
	background-repeat: repeat;
	width: 860px;}
	
.nopadbottom_fixed	 {
height:300px;}
	
h2.first {font-weight:bold;
	font-size: 1.3em;
	margin-top:0px;}	
	
#page_title h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-left:15px;
	line-height:26px;
	background:url(../images/main/h1_bg_900.gif) no-repeat left}
	
	
#page_title716 h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-left:15px;
	line-height:26px;
	background:url(../images/main/header_716px.gif) no-repeat left}	
	

h4, th {font-weight: bold;}

h3 {font-weight:bold;}

h5 {	
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom: 0px;}

h5.top {
	margin-top:20px;
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px;
	margin-left: 0px;}
h5.nomargin {	
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.width670 {width:670px;}

/* an hr class ofr gray plus margins */
.hrgray {color: #E0E0E0; 
		 background-color: #E0E0E0;
		 margin:0px 0px 20px 0px;}
		 
.hrgray2 {
		color: #E0E0E0; 
		background-color: #E0E0E0;
		margin:10px 0px 10px 0px;
		padding: 0px}		 

.padding {padding:20px; /* use this to pad the content */
}


.padding0 {
	padding:0px;
	margin: 0px /* use this to pad the content */
}
.padding1 {padding: 0px 20px 20px 20px;
			margin:0px;}
			
.padding2{
			padding: 0px 0px 20px 20px;
			margin:0px;}	
			
.col_225 {width: 225px;
	float:left;}
	
.col_224 {width: 224px;
	float:left;}	
	
.col_205 {width: 205px;
	float:left;}
	
.col_203 {width: 200px;
	float:left;}
	
.col_250 {
	width: 250px;
	float:left;
	}
	
.col_175 {
	width: 175px;
	float:left;
	}

.vertical_gray 
	{width: 1px;
	height:600px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0; }

	.vertical_gray100px {
	width: 1px;
	height:100px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}	  
	 
.vertical_gray200px {
	width: 1px;
	height:200px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}	 
	 
.vertical_gray430px {
	width: 1px;
	height:430px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}	 
	 
.vertical_gray400px {
	width: 1px;
	height:400px;
	float:left;
	padding-top:0px;
	margin-top: 0px;
	background-color:#E0E0E0;}	 	 
	 
.vertical_gray300px {
	width: 1px;
	height:300px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}		
	 
.vertical_gray600px {
	width: 1px;
	height:600px;
	float:left;
	padding-top:0px;
	margin-top: 0px;
	background-color:#E0E0E0;}	 
	 
/*#606060;*/

strong{
	color: inherit;
	font-weight:bold;
	}	 

b{
	font-weight:bold;
	color: inherit;
	}
	
.gray {color:#666666;}
		
a {margin-left:0px;
padding-left:0px;
color: #0092c8;
}
a:hover {/*font-weight: normal;*/
	color: #0092c8;
	text-decoration: none;
	}
	
/*bold hover */
a.boldhover {font-weight:bold;}

body {
	background-color: #fefefe;
	background-image: url(../images/main/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family: arial;
	font-size: 75%;
	margin: 0; 
	text-align:left;
	line-height:1.3;/*was 1.3 */
}

img {
	border: none;
}

#logo {
	/*padding: 5px;*/
	margin-top: 9px;
	margin-right: 5px;
	margin-bottom: 14px;
	margin-left: 5px;
}

#container {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
}

#header {
	position: relative; 
	top: 0px;
}

#global {
	height: 40px;
	background-image: url(../images/main/global-nav-bg-l.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#global-left {
	background-image: url(../images/main/global-left-border-la.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 13px;
	height: 40px;
	float: left;
}

#global-nav {
	/*height: 13px;*/
	clear: none;
	float: left;
	padding: 0px;
	margin-left: 0px;
	/*padding-top:11px;was 6px*/
	width: 860px;
}

#global-nav a {
	color: #757575;
	text-decoration: none;
}

#global-nav a:hover {
	color: #757575;
	text-decoration: underline;
}

#global-nav a.bold_hover:hover {
	color: #757575;
	text-decoration: underline;
	font-weight:bold;
}

#global-nav ul {
	margin-top:10px;/* new */
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-left:0px;
	display: inline;
	list-style-type: none;
}

#global-nav ul li {
	font-weight: normal;
	color: #757575;
	font-size: 1em;
	margin-left: 0;
	border-left: 1px solid #757575;
	list-style: none;
	display: inline;
	padding-right: 4px;
	padding-left: 8px;
}

#global-nav ul li.first {
	margin-left:2px;
	padding-left: 0px;
	border-left: none;
	list-style: none;
	display: inline;
}

#global-nav #search {
	float: right;
	/*height: 22px;*/
	clear: none;
	margin: 0px;
	margin-top:6px;
	width: 250px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	text-align: right;
	/*border: solid 1px #777777;*/
	background:url(../images/main/search_bg-l.jpg) repeat-x;
}

#global-nav #search input {
	/*border: 1px solid #4D4D4D;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width:150px;

	padding-left: 3px;
	padding-bottom:0px;
}

/*#global-nav #search input.go {
	
	border: 0px solid #000000;
	width:150px;
	width:28px;
	height: 21px;
}
*/

#search1 {
	float:right;
	background: gray url(../images/main/search_bg-l.jpg) repeat-x;
	padding-left:20px;
	padding-right:1px;}

.search-sub {
	color: #000;
	background-color:#666666;
}

#global-right {
	background-image: url(../images/main/global-right-border-l.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 13px;
	height: 40px;
	float: right;
	clear: right;
}

#global form {/*border: solid 1px silver;
				padding: 3px;
				background:url(../images/search_bg.jpg) repeat-x; */
				line-height: 24px;
				margin:0px;}
				
#nav-container {
	height: 44px;
	margin:0px;
}

#nav {
	background-image: url(../images/main/nav-bg-l.jpg);
	background-repeat: repeat-x;
	height:44px;
	/*padding-top:13px;*/
	text-align: center;
	float:left;
	width:884px;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height: 44px;
}

#nav ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	display: inline;
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
}

#nav ul li {
	margin-left: 0px;
	display: inline;
	list-style-image: none;
	list-style-type: none;
}

#nav ul li a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding-left:15px;
	padding-right: 8px;
	padding-top:12px;
	padding-bottom: 16px;
	background-image: url(../images/main/nav-divider-l.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}

#nav ul li a:hover {
	font-weight: normal;
	padding-left:15px;
	padding-right:8px;
	padding-top:12px;
	padding-bottom: 16px;
	/*background-image:none;*/
	/*color: #39c0a8;*/
	/*color: #00baff;*/
	color: #9cc037;
	text-decoration: none;
	background-image: url(../images/main/nav-divider-l.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}


#nav ul li a.navfirst {
	background-image: none;
}

#nav ul li a:hover.navfirst {
	background-image: none;
}

#nav-left {
	background-image: url(../images/main/nav-left-border-l.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 8px;
	height: 44px;
	float: left;
}

#nav-right {
	background-image: url(../images/main/nav-right-border-l.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 8px;
	height: 44px;
	float: left;
}

#banner iframe {
	padding: 0px;
	margin: 0px;
	margin-top:10px;
}

#banner1 {
	padding: 0px;
	margin: 0px;
	margin-top:0px;
}

#banner {
	padding-top:1px;
	padding-bottom:12px;
}

#banner2 {
	padding-top: 10px;
	padding-bottom:0px;
}

#outerSearch {
	float:right;
	margin-top:6px;
 	width:275px;}

#content {
	padding:0px;
	margin:0px;}

#boxes {
	overflow:visible;
	width: 100%;}

#bg_gradient {
	background: url(../images/main/content_bg.jpg) repeat-y;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 10px;
	}

#bg_gradient_bottom {
	/*background: url(../images/content_bg.gif) repeat-y;
	border-bottom: solid 1px #eeeeee;
	overflow:visible;*/
	background: url(../images/main/content_bg2.jpg) repeat-y;
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 0px;	
	border-top: solid 1px gray;
	margin: 0px;
	height:200px;}
	
#bottom_border {}

#boxes_bg {
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 0px;
	background-repeat: repeat-y;
	background: url(../images/main/content_bg2.jpg)
}

#page_title {
	width: 900px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background: url(http://www.douglas.bc.ca/test-site/images/title_bg.gif);}

#title_bar_bg {background:url(../images/main/titlebar_bg.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;}
#title_bar_bg2 {background:url(../images/main/titlebar_bg2.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;
}

#title-bar {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:295px;
	height:26px;
	margin:0px;
}

/* titlebar landing page 2 cols*/

#right_header {
	/*background: #616163 url(../images/main/titlebar_bg_2col.jpg) no-repeat;*/
	background: #616163 url(http://www.douglas.bc.ca/test-site/titlebar_bg_2col.jpg) no-repeat;
	height: 26px;
	margin-top:0px;
	padding-top: 0px;
	width:630px;}

#right_header h3  {	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-left:15px;
	line-height:26px;}

#title-bar300 {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:300px;
	height:26px;
}

#title-bar h3, #title-bar300 h3, #title_bar_bg_landing h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 9px;
	padding-left:15px;}

#title-bar h3.first {
	background-image: none;
	padding-left:10px;
}

#title-bar-left {
	background-image: url(../images/main/title-bar-left-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}

#title-bar-right {
	background-image: url(../images/main/title-bar-right-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}

#content-panel {
	background-repeat: repeat-y;
	float:left;
	color: #000000;
	margin: 0px;
	width: 300px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;*/
	padding: 0px;
}

#content-panel.middle {
	width: 300px;
}

#content-panel p  {
	padding-left:15px;
	padding-right:15px;
}

#content-panel p.top {
	padding-top:15px;
}

#content-panel a, #container_landing #left a, #container_landing a {
	font-weight: bold;
	color: #0092c8;
	text-decoration: none;
	padding-left:0px;
	margin-left:0px;
}

#content-panel a:hover, #container_landing #left a:hover, #container_landing a:hover  {
	font-weight: bold;
	color: #0092c8;
	text-decoration: underline;
}

#content-panel ul, #container_landing ul {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left:3px;
	margin-top:0px;
	padding-bottom:5px;
	}

#content-panel li, #container_landing li {
	line-height:normal;
	background-image: url(../images/main/arrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:15px;
	/*list-style-position: inside;*/
	list-style-type: none;
	list-style:none;
	}
	
html #content-panel li, #container_landing li {
	padding-left: 15px;
	padding-bottom: 7px;
	}
	
*html #content-panel ul.community {
	padding-top: 0px;
	}
	
#content-panel h4 {
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
	padding-top:10px;
}

#skip-links {
	padding: 5px;/* gerry change padding from 15 to 10 */
	text-align: center;
}

/*#content-panel #skip-links ol {
	margin-left:0px;
	display: inline;
	list-style-type: none;
	list-style-image: none !important;
	padding:0px;
}

#content-panel #skip-links li {
	list-style: none;
	list-style-image:none !important;
	display: inline;
	
	background-image: url(../images/arrow-bg.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	margin-left: 0px;
	list-style-type:none;
	padding-left:0px;
}
*/
#skip-links a {
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	padding:7px;
	
	/* gerry */
	background-image: url(../images/main/arrow-bg.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

#skip-links a:hover {
	background-image: url(../images/main/arrow-highlight.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	text-decoration: none;
	color: #FFFFFF;
}

#arrow {
	clear: none;
	padding-top:0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:7px;
}

.bt_menu{margin-bottom:-4px;}

#footer {
		color: #CCCCCC;
		font-size:1em;
		text-align: center;
		padding-bottom: 30px;
		padding-top:0px;
		clear:both;
	}

#bottom_utility {
	font-size: 95%; 
	color:#888888;
	margin-top: 0px;
	}
#bottom_utility a  {color:#888888;
	text-decoration: none;
	}
	
#bottom_utility_left { 
	float:left;width: 33%;
	text-align:left;}	
#bottom_utility_right { 
	float:right;
	width: 33%;
	text-align:right;}
	
#bottom_utility_center { 
	float:left;
	width: 33%;
	text-align:center;}

#bottom_utility a:hover {
	text-decoration:underline;}

.ignite {
	font-style: italic;
	color: #9cc037;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}

.clear {
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 0;	
	}
	
.gray {color:#666666;}

/***********************************************************************/
/* CSS Document landing1 moved to layout_5 */

#boxes_bg1 {
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 10px;
	background-repeat: repeat-y;
	background: url(../images/main/4col_gradient_gray.jpg)
}

#boxes_bg1_about {
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 0px;
	background-repeat: repeat-y;
	background: url(../images/main/4col_gradient_gray.jpg)
}

/* 4 column coding */

#title_bar_bg1 {background:url(../images/main/4col-title_bg.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;}
#title_bar_bg2 {background:url(../images/main/titlebar_bg2.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;
}

#title-bar1 {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:220px;
	height:26px;
	margin:0px;
}

#title-bar3000 {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:225px;
	height:26px;
}

#title-bar1 h3, #title-bar3000 h3, #title_bar_bg_landing h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 26px;
}

#title-bar1 h3.first {
	background-image: none;
	padding-left:10px;
}

/*#title-bar-left {
	background-image: url(../images/main/title-bar-left-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}

#title-bar-right {
	background-image: url(../images/main/title-bar-right-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}
*/

.marginleft15{padding-left:15px;}

/* /////////////////////////////////*/


#content-panel1 {
	background-repeat: repeat-y;
	float:left;
	color: #000000;
	margin: 0px;
	width: 225px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;*/
	padding: 0px;
}

#content-panel1.middle {
	width: 225px;
}

#content-panel1 p  {
	padding-left:15px;
	padding-right:15px;
}

#content-panel1 p.top {
	padding-top:15px;
}

#content-panel1 a, #a-z a , #list a/* #container_landing #left a*/ {
	font-weight: bold;
	color: #0092c8;
	text-decoration: none;
	padding-left:0px;
	margin-left:0px;
}

#content-panel1 a:hover, #a-z a:hover, #list a:hover /*, #container_landing #left a:hover*/ {
	font-weight: bold;
	color: #0092c8;
	text-decoration: underline;
}

#content-panel1 ul, #list ul/*, #container_landing ul */{
	padding: 15px;
	margin-left:3px;
	margin-top:0px;
	}

#content-panel1 ul li, #list ul li{
	padding-left: 15px;
	background-image: url(../images/main/arrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	/*list-style-position: inside;*/
	list-style-type: none;
	list-style:none;
	list-style-position:inherit;
	line-height: normal;
	padding-bottom: 10px;
	}
	
*html #content-panel1 li , #list li/*, #container_landing li*/ {
	padding-left: 15px;
	}

*html #content-panel1 ul.community {
	padding-top: 0px;
	}
	
#content-panel1 h4 {
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
	padding-top:10px;
}

/* landing pages headers*/
#right_right h5, #right_right2 h5 {
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom: 0px;
}
#right_right h5.firstOne, #right_right2 h5.firstOne  {margin-top: 15px;}
#right_right ul.noMargin {margin-top:0px;
				margin-bottom: 0px;
				}

/**********************************************************************/
#right_right {
	width:315px;
	float:left;
}

#right_right2 {
	width: 315px;
	float: right;
}/*landing student services  right col */
#content_right {
	color:green;
	background: red;
	float: left;
	width: 315px;
	margin: 0px;
	padding: 0px;
}

#container_landing {
	width: 900px;
	/*background:url(../images/main/bg_landing_container.gif) repeat-y;*/
	background:url(http://www.douglas.bc.ca/test-site/bg_landing_container.gif) repeat-y;
}

/* about_us page */

/*#content_bottom_container {
	margin: 0px;
	padding: 0px;
	}
*/	
	/* this is created for ul li a  & links in a list to apply style */
/*#content_bottom_container1 {
	background:url(../images/main/full_page_1col-bg.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	}
		
*/
#full_page_content_left {
	width:900px; 
	float:left; 
	/*background:url(../images/main/full_page_gradient_bg.gif) repeat-y;*/
	}

#full_page_content_right {
	width:225px;
	float:left;
	}
	
/* info session page links */

.info_menu {font-weight:bold;}

#side_menu a {font-weight: bold;}	

#a-z {margin:0px; 
		padding:0px;}
	
		
/* info session page links gray */	
	
a.info_session, a:link.info_session, a:active.info_session {
	font-weight:bold;
	color:#606060;
	}

/* great teachers layout*/

.feature_container {
	width:860px;
	margin:0px;
	padding:0px;
	height: 96px;
	background: url(http://www.douglas.bc.ca/test/new/images/feature_bg.gif) repeat-y;
	}
	
.feature_white_bottom {
	width:860px;
	height:0px;
	background-color: green;
	margin:0px;
	padding:0px;
	line-height:0px;
	 }
.fred {
	width:400px;
	height: 1px;
	background-color: red;}

#feature_image {
	width:124px;
	height:96px;
	float:left;
}

.image_pad {
	padding: 0px 0px;}
#feature_head {
	width: 290px;
	height:96px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
.feature_head {
	font-weight:bold;
	font-size: 1.10em;
	margin:0px;
	padding:0px;
	}
	
.feature_program {
	
	font-weight: bold;
	color:#333333;
	font-size:1.25em;
	}	
	
.feature_txt {
	width:355px;
	height:96px;
	float:left;
	margin-left:0px;
	padding:0px;
	}
	
.padding_feature_head {padding:5px 0px 0px 10px;}

.alignright { 
	text-align:right;
	}

/* End of Great teachers style info */

/*.padding10 {padding:0px 0px;}*/

/*////////////////////////////////////

info session side menu  links*/

#info_side_menu a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;}
	
#info_side_menu a:hover{text-decoration:underline;}	

/*///////////////////////////////////*/

/******** CALENDAR Page type ************/

/*#_ctl1_pnlGraphical all-encompassing div graphical calendar is stored in{}*/
/*#_ctl1_pnlNonGraphical /*all-encompassing div non-graphical calendar is stored in{}*/
/*#objCalendar Table Graphical Calendar is stored in{}*/

/*ctl01_ctlCalendar" class="ipf-calendar-graphical-table*/

.ipf-calendar-alldiv {width: 100%;margin:0 auto;text-align:center;}
  
.ipf-calendar-nongraphical-hdrdiv /*div that holds non-graphical calendar*/{
  	width: 100%;
	border: 1px solid #999999;
	padding: 10px 3px;
	margin: 5px 0px 5px 0px;
}

table.ipf-calendar-nongraphical-hdryear tr td /*ID of table that holds year information*/{font: 12px Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-hdryear-tdleft /*td that holds title 'year'*/{font-weight: bold !important;width: 50px !important;}

/*.ipf-calendar-nongraphical-hdryear-tdright     td that holds year link*/

table.ipf-calendar-nongraphical-hdrmonth tr td {font: 12px Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-hdrmonth-tdleft /*where title 'month' is stored*/{
	font-weight: bold !important;width: 50px !important;}

.ipf-calendar-nongraphical-hdrmonth-tdright /*where list of months are stored*/ {font-style: italic !important;}

.ipf-calendar-nongraphical-eventdiv { width: 100%;margin: 5px 0px 5px 0px;}

table.ipf-calendar-nongraphical-event-monthhdr { width: 100%; border-bottom: 2px solid #000; margin: 0px 0px 0px 0px;}

.ipf-calendar-nongraphical-event-monthhdr-tdleft {font: bold 11px  Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-event-monthhdr-tdright {font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: right;}

table.ipf-calendar-nongraphical-hdrmonth td /*table that holds non-graphical calendar*/{font: 16px Verdana, Arial, Helvetica, sans-serif;}

table.ipf-calendar-nongraphical-event { width: 100%; border: none;  font: 11px italic Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-event-tdleft { width: 100px !important;font-weight: bold !important;}

.ipf-calendar-nongraphical-event-tdright {font-style: italic !important;}

/*#ipf-calendar-html2 div after calendar{}*/

/***************************************
DIGITAL ASSETS GALLERY STYLING */
/*
#_ctl1_assetsTable table that holds all digital asset gallery
#_ctl1_assetsTable td {}
#_ctl1_assetsTable td span each asset image and link is then stored in a span in a td
	the item description is also stored in another span
#_ctl1_assetsTable td table td for tables that act as spacers between each asset 

.ipf-photogallery-text class applied to all paragraphs in gallery; paragraph also surrounds tables */

/*#tblThumbs table that holds thumbnails along the top*/
#_ctl1_ctlButtonLeft /*ID of the left arrow input*/{}
#_ctl1_ctlButtonRight /*ID of the right arrow input*/{}
#_ctl1_ctlImage /*Image shown at bottom*/ {}
#_ctl1_ctlLabelImageCaption /*span holding main image text*/
	/*also has .ipf-photogallery-text applied*/ {}
#_ctl1_ctlButtonSlideShow /*Slideshow button*/{}
#btnClose /*ID applied to 'close' button in Slideshow; also has .ipf-photogallery-buttons applied*/ {}
	.ipf-photogallery-buttons /*photogallery button class*/{}
	
#speedMenu /*dropdown menu to change slideshow speed*/{}

#pnumBgDiv, #pnumDiv, #pem {} /*ID's on Divs -- unknown purpose*/
#slideDiv, #imgDiv, #imgp {} /*nested DIVs holding featured slide*/

/************************************NEW GRAPHICAL CALENDAR STYLES*/

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*ADD NEW EVENT*//**//**/
/**//**//**//**//**//**//**//**//**/
	.ipf-calendar-addevent-columnleft /*ipb-column-left*/ {width: 120px; font-size: 12px;}
	.ipf-calendar-header /*ipb-headfull*/ {margin: 5px 0 10px 0;}
		.ipf-calendar-header td {font-weight: bold;}
	.ipb-calendar-full /*ipb-all-full*/{width: 100%;}
	.ipf-calendar-rowa td/*ipf-rowa*/{}
	.ipf-calendar-rowb td/*ipf-rowb*/{}
		.ipf-calendar-rowa td table td/*ipf-rowa*/{border-bottom: 0;}
		.ipf-calendar-rowb td table td/*ipf-rowb*/{border-bottom: 0;}
	.ipf-calendar-addevent-div {width: 500px}
		.ipf-calendar-addevent-div table {margin: 0 0 10px 0; width: 100%;}
			.ipf-calendar-addevent-div table td {font-size: 11px}
			.ipf-calendar-addevent-div table td table {margin: 0; width: 100%;}
		.ipf-calendar-addevent-div label {font-size: 11px;}
		input, option, select {font-size: 11px !Important;}
 
		/*ipb-all-744 -- deleted from code*/
 

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*MONTH VIEW*//**//**/
/**//**//**//**//**//**//**//**//**/

	.ipf-graphicalcalendar-monthview {margin:0 auto;text-align:center;}
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-calendar { text-align:center;}
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-table {empty-cells: show; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-table td {empty-cells: show; border-bottom:1px solid #000000;text-align:center; }
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header {background-color: #3C5771; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header td {font-weight: bold;color: #ffffff; border: 0 !Important; padding: 3px; border: 0;text-align:center;}
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header td a, 
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header td a:visited  {font-weight: normal; color: #ffffff;text-align:left;}
	
	.ipf-graphicalcalendar-monthview .ipf-selected-date {background-color:#C0C0C0;}
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-date {font-size: 10px; border-right: 1px solid #000000; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-date a {display: block; position: relative; top: 0;text-align:left;padding:3px;}

	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-selecteddate {font-size: 10px; border-right: 1px solid #000000; background-color: #cccccc;text-align:left; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-selecteddate a {display: block; position: relative; top: 0;text-align:left;padding:3px;}
		
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-day /*class applied to td for day of the week*/ {
	
	border-bottom: solid #000 1px;
	/*text-align: center;*/}
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-alleventstitle /*a around event title*/{}

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*DAY VIEW*//**//**/

/**//**//**//**//**//**//**//**//**/

	.ipf-graphicalcalendar-dayview {width: 400px; border: 1px solid #000000; border-bottom: 0;}
	.ipf-graphicalcalendar-dayview .ipf-graphical-calendar-table div {margin: 0 0 5px 0;}
	
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header {background-color: #3C5771; border-bottom: 1px solid #000000;}
		.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header td {font-weight: bold; color: #ffffff; border: 0; padding: 3px; font-size: 14px;}
		.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header td a, 
		.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header td a:visited  {font-weight: normal; color: #ffffff;}
		
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-time /*class applied to td around time*/ 
		{color: #3C5771; font-size: 24px; text-align: center; padding: 2px 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}

	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-rowb {background-color: #EFEFEF; }
	
	.ipf-graphical-calendar-onhour, .ipf-graphical-calendar-onhalfhour {width: 100%; padding: 5px; font-size: 11px}
	.ipf-graphical-calendar-onhour {border-bottom: 1px solid #000000 !Important;}
	.ipf-graphical-calendar-onhalfhour {border-bottom: 1px solid #000000 !Important;}
	
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-calendar-eventtime {}
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-calendar-eventtitle {font-weight: bold;}


/**//**//**//**//**//**//**//**//**/  
/**//**//**//*WEEK VIEW ONE*//**//**/
/**//**//**//**//**//**//**//**//**/


.ipf-graphicalcalendar-weekview01 /*one column*/{ width: 400px;}	

	.ipf-graphicalcalendar-weekview01 .ipf-graphical-calendar-table {border-right: 1px solid #000000; border-left: 1px solid #000000;}
	
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header {background-color: #3C5771; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px;text-align:left;}
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header {font-weight: bold; color: #ffffff; font-size: 14px; }
			.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header td {padding: 3px; } 
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header a, 
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header a:visited  {font-weight: normal; color: #ffffff !Important;}

	.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-dayheader {background-color: #efefef; padding: 3px; border-bottom: 1px solid #999999; font-size: 11px;}
	.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-day {border-bottom: 1px solid #000000; font-size: 11px; padding: 5px;}
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-day {height: 50px;} 
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-day div {margin: 0 0 5px 0;}
	
	.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-calendar-eventtitle {font-weight: bold;}

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*WEEK VIEW TWO*//**//**/
/**//**//**//**//**//**//**//**//**/

.ipf-graphicalcalendar-weekview02 /*two column*/{width: 400px; }
	
	.ipf-graphicalcalendar-weekview02 .ipf-graphical-calendar-table {border-right: 1px solid #000000; }
	
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header {background-color: #3C5771; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px;}
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header {font-weight: bold; color: #ffffff; font-size: 14px; }
			.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header td {padding: 3px; } 
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header a, 
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header a:visited  {font-weight: normal; color: #ffffff !Important;}


	.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-dayheader {background-color: #efefef; padding: 3px; border-bottom: 1px solid #999999; border-left: 1px solid #000000; font-size: 11px;}
	.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-day, .ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-weekend {border-bottom: 1px solid #000000; border-left: 1px solid #000000; font-size: 11px; padding: 5px;}
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-day {height: 150px;} 
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-weekend {height: 75px;}
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-day div, .ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-weekend div {margin: 0 0 5px 0;}
	
	.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-calendar-eventtitle {font-weight: bold;}

/*/////////////////////////////////////////////////////////////////////////////*/

/****************************************
 PAGE TYPE - LOGIN (LoginView.aspx)
*/

.ipf-PageLogin {font: 11px Verdana, Arial, Helvetica, sans-serif;}

.ipf-PageLogin-Button {
	background: #F1F1F1;
	border: solid 2px #444444;
	cursor: pointer;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 1px;
	padding: 1px 3px;
	text-transform: uppercase;
}

.ipf-PageLogin-TextField {font: 11px Verdana, Arial, Helvetica, sans-serif;}


div#ipf-login-contain {
	/* styles the div containing the login box */
	background: #E3E3E3;
	padding: 8px;
	width: 375px;
}

table#ipf-login {
  /* styles the table that contains the login */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}

table#ipf-login td {
  /* cell style for login tabl */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table.ipf-login-head {
  /* header of login */
	background: #555555;
	border-bottom: solid 3px #E3E3E3;
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}

.ipf-login-head td 
{
	/* cell in login header */
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px;
}

.ipf-login-rowa td {
	/* first row of login table (user name) */
	background: #FFFFFF;
	border-bottom: solid 1px #E3E3E3;
}

.ipf-login-rowb td {
	/* second row of login table (pasword) */
	background: #FFFFFF;
	border-bottom: solid 3px #E3E3E3;
}

#ipf-login-rowc td {
	/* third row of login table (login button and remember password) */
	background: #878787;
	border: solid 4px #878787;
	border-width: 4px 0;
	padding: 3px 6px;
}

#ipf-login-rowd td {
	/* fourth row of login table (join form and forgot password) */
	background: #E3E3E3;
	border-top: solid 4px #E3E3E3;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.ipf-login-txtfield {
	/* styling for textbox fields */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 225px;
}

.ipf-login-mainbutton {
	/* styling for the main login button */
	background: #DDDDDD;
	border: solid 2px #666666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 2px;
	padding: 1px 2px;
}

.ipf-login-forgetpassbutton 
{
	/* styling for the forget password button */
	background: #F1F1F1;
	border: solid 2px #444444;
	cursor: pointer;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 1px;
	padding: 1px 3px;
	text-transform: uppercase;
}

.ipf-login-left {
	/* styling for the left column in the main table */
	color: #767676;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 75px;
}

#ipf-login-remember-span {
	/* styling for remember username */
	color: #EEEEEE;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 14px;
}

.ipf-login-failed-span {
  /* style for login failed message */
	color: #FF0000;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

table#ipf-login-forgotpassword-head {
	/* header table styling */
	background: #555555;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 100%;
}

table#ipf-login-forgotpassword-head td {
	/* header table cell styling */
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px;
}

table#ipf-login-forgotpassword-main {
	/* table styling for forgot password */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table#ipf-login-forgotpassword-main td {
	/* cell styling for forgot password */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

a.ipf-login-link:link, a.ipf-login-link:visited, a.ipf-login-link:active  {
	/* styling for links used in login */
	color: #CC0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/* /////////////////////////////// end of login styles*/

/* QItems - Survey Page Type*/
#ipbf-tblStdResponseControl {
	border: 1px solid #FFFFFF;
	width: 100%;
}
.ipbf-qitem-preview-table {
	border: 0;
	width: 100%;
	padding: 0px;
	border-top: 1px solid #999999;
}
.ipbf-qitem-rowa, .ipbf-qitem-rowb {
	background: #ffffff;
	border-top: solid 1px #999999;
	}

.ipbf-qitem-rowa td, .ipbf-qitem-rowb td{
	border-bottom: 1px solid #999999;
	padding: 5px 0 5px 0;
}

.ipbf-qitem-rowa td td, .ipbf-qitem-rowb td td{
	border-bottom: none;
}

.ipbf-qitem-category {
	background: #F1F1F1;
	border-top: solid 1px #FFFFFF;
	font: bold 14px;
	height: 30px;
	font-weight:bold;
	padding-bottom: 2px;
	text-transform: uppercase;
	vertical-align: middle;
  	text-align: center;}

.ipbf-qitem-column-left {
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 200px;
	font-weight: bold;}

ipbf-qitem-column-left img {margin: 0 0 0 20px;}

.ipbf-qitem-prev-PageNo {}

.ipbf-qitem-button { 
	background-color: transparent; 
	border: none; 
	width: 87px; 
	height: 22px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-image: url("../images/modalbutton.gif"); 
	margin: 3px 0 3px 0;
}

.ipbf-field {
	padding: 2px;
	width: 300px;
}

.ipbf-errormsg {
	color: #CC0000;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
}

.ipbf-qitem-prompt {
}

.ipbf-qitem-prompt td {
	border: 0;
	vertical-align: top;
	padding: 0px;
}
/* Used for input responses. Style table, row and cell */
.ipbf-input {}
/* Used for select responses. */
.ipbf-select {width: 400px;}

.ipbf-TextInput-email {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 200px;
}
.ipbf-TextInput-Telephone {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 200px;
}
.ipbf-TextInput-SingleLine {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 400px;
}
.ipbf-TextInput-Attachment {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 150px;
}
.ipbf-TextInput-Area {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 280px;
	height: 100px;
}

/* styles for student success pages */


#success_BG {background:url(http://www.douglas.bc.ca/ip-images/background_images/vertical_gradient.jpg) repeat-x}

.successColumn {float:left;
			    color:#000;
				width:33%;
				height: 380px;}
				
.successColumn h2 {color:#000;}	

#success_top {width:670px;
height:220px;
background: url(http://douglas.bc.ca/ip-images/background_images/success_top_bg) repeat-y;
display:block}	
/* end of student success styles */
/* CSS Document - landing.css*/

#left {
	width:270px;
	float:left;
	background: url(../images/main/bg_landing.gif) repeat-y;
}

#container_landing #left ul  {margin:0px;}

#right {width: 630px;
		/*height: 400px;*/
		float:left;
		}
			
#content_left_landing {float:left;}		

#title_bar_bg_landing {background:url(../images/main/titlebar_bg.jpg) no-repeat;
width: 270px;
height:26px;
margin:0px;
padding:0px;
text-align:left;
float:left;
clear:both;
}

#content_right {
	margin: 0px;
	width: 315px;
	float: left;
	background-color: red;
}

#content_right ul li {
	line-height:20px;
	background-image: none;;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:0px;
	/*list-style-position: inside;*/
	list-style-type:circle;
	list-style: disc;
	/*margin-left: 20px;*/}
	
	/*
@import url("landing.css");
@import url("landing1.css");*/


/* //Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	}

em{ font-style:italic;}

.first0 {
	padding-top:0;/* use for first line of page */
	margin-top:0}
	
.published {
	font-size: 9px; 
	color: #4d4d4d; 
	text-align: right
	}	

.white {color:#fff;}

.bordergray {border: solid 1px #cccccc}

/* print style info */

#printHeader{display: none;}

.breadcrumb {
	display: block;
	height:25px;
	width:900px;
	background-color:white;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:22px;
	font-size:10px;
	text-align:left;}

.breadcrumb2 {
	display: block;
	height:25px;
	
	background-color:white;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:22px;
	font-size:10px;
	text-align:left;}

/* start  rounded_corners */
.t {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif)  #ededed  0 0 repeat-x;
	width: 18em;
	}	
.b {background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif) 0 100% repeat-x}
.l {background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif) 0 0 repeat-y}
.r {background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/pixel.gif) 100% 0 repeat-y}
		
.bl, .br 
	{
	text-align: left;
	/*border: solid 1px gray;*/
	}		
.bl {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_bl.gif) 0 100% no-repeat; 
	width: 18em;
	}
.br {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_br.gif) 100% 100% no-repeat;
	}
.tl {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_tl.gif) 0 0 no-repeat;
	} 
.tr {
	background: url(http://www.douglas.bc.ca/test/new/images/lightgray_border/corners_light_gray_tr.gif) 100% 0 no-repeat;
	padding: 7px;
	/*height: 100px;*/
	}	

/*end of rounded corners */
	
h1 {font-weight:bold;
	font-size: 1em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}	
	
h2 {
	font-weight:bold;
	font-size: 1.3em;
	color:#1E1E1E;
	margin-top: 20px;
	}
	
h2.nopadbottom {
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;}
	
h2.nopad_pad_top {
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:20px;
	margin-top:0px;}

#top #top_left #thePadLeft h2, #top #top_right #thePadRight h2{color:#666666;}
	
.nopadbottom_fixed	 {
height:300px;}
	
h2.first {font-weight:bold;
	font-size: 1.3em;
	margin-top:0px;}	
	
#page_title h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-left:15px;
	line-height:26px;}

h4, th {font-weight: bold;}

h3 {font-weight:bold;}

h5 {	
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom: 0px;}

h5.top {
	margin-top:20px;
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px;
	margin-left: 0px;}
h5.nomargin {	
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.width670 {width:670px;}

/* an hr class ofr gray plus margins */
.hrgray {color: #E0E0E0; 
		 background-color: #E0E0E0;
		 margin:0px 0px 20px 0px;}
		 
.hrgray2 {
		color: #E0E0E0; 
		background-color: #E0E0E0;
		margin:10px 0px 10px 0px;
		padding: 0px}		 

.padding {padding:20px; /* use this to pad the content */
}


.padding0 {
	padding:0px;
	margin: 0px /* use this to pad the content */
}
.padding1 {padding: 0px 20px 20px 20px;
			margin:0px;}
			
.padding2{
			padding: 0px 0px 20px 20px;
			margin:0px;}	
			
.col_225 {width: 225px;
	float:left;}
	
.col_224 {width: 224px;
	float:left;}	
	
.col_205 {width: 205px;
	float:left;}
	
.col_203 {width: 200px;
	float:left;}
	
.col_250 {
	width: 250px;
	float:left;
	}
	
.col_175 {
	width: 175px;
	float:left;
	}

.vertical_gray 
	{width: 1px;
	height:600px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0; }

	.vertical_gray100px {
	width: 1px;
	height:100px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}	  
	 
.vertical_gray200px {
	width: 1px;
	height:200px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}	 
	 
.vertical_gray430px {
	width: 1px;
	height:430px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}	 
	 
.vertical_gray300px {
	width: 1px;
	height:300px;
	 float:left;
	 padding-top:0px;
	 margin-top: 0px;
	 background-color:#E0E0E0;}		 	 	
	 
/*#606060;*/

strong{
	color: inherit;
	font-weight:bold;
	}	 

b{
	font-weight:bold;
	color: inherit;
	}
	
.gray {color:#666666;}
		
a {margin-left:0px;
padding-left:0px;
color: #0092c8;
}
a:hover {/*font-weight: normal;*/
	color: #0092c8;
	text-decoration: none;
	}
	
/*bold hover */
a.boldhover {font-weight:bold;}

body {
	background-color: #fefefe;
	background-image: url(../images/main/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family: arial;
	font-size: 75%;
	margin: 0; 
	text-align:left;
	line-height:1.3;/*was 1.3 */
}

img {
	border: none;
}

#logo {
	/*padding: 5px;*/
	margin-top: 9px;
	margin-right: 5px;
	margin-bottom: 14px;
	margin-left: 5px;
}

#container {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
}

#header {
	position: relative; 
	top: 0px;
}

#global {
	height: 40px;
	background-image: url(../images/main/global-nav-bg-l.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#global-left {
	background-image: url(../images/main/global-left-border-la.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 13px;
	height: 40px;
	float: left;
}

#global-nav {
	/*height: 13px;*/
	clear: none;
	float: left;
	padding: 0px;
	margin-left: 0px;
	/*padding-top:11px;was 6px*/
	width: 860px;
}

#global-nav a {
	color: #757575;
	text-decoration: none;
}

#global-nav a:hover {
	color: #757575;
	text-decoration: underline;
}

#global-nav a.bold_hover:hover {
	color: #757575;
	text-decoration: underline;
	font-weight:bold;
}

#global-nav ul {
	margin-top:10px;/* new */
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-left:0px;
	display: inline;
	list-style-type: none;
}

#global-nav ul li {
	font-weight: normal;
	color: #757575;
	font-size: 1em;
	margin-left: 0;
	border-left: 1px solid #757575;
	list-style: none;
	display: inline;
	padding-right: 4px;
	padding-left: 8px;
}

#global-nav ul li.first {
	margin-left:2px;
	padding-left: 0px;
	border-left: none;
	list-style: none;
	display: inline;
}

#global-nav #search {
	float: right;
	/*height: 22px;*/
	clear: none;
	margin: 0px;
	margin-top:6px;
	width: 250px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	text-align: right;
	/*border: solid 1px #777777;*/
	background:url(../images/main/search_bg-l.jpg) repeat-x;
}

#global-nav #search input {
	/*border: 1px solid #4D4D4D;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width:150px;

	padding-left: 3px;
	padding-bottom:0px;
}

/*#global-nav #search input.go {
	
	border: 0px solid #000000;
	width:150px;
	width:28px;
	height: 21px;
}
*/

#search1 {
	float:right;
	background: gray url(../images/main/search_bg-l.jpg) repeat-x;
	padding-left:20px;
	padding-right:1px;}

.search-sub {
	color: #000;
	background-color:#666666;
}

#global-right {
	background-image: url(../images/main/global-right-border-l.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 13px;
	height: 40px;
	float: right;
	clear: right;
}

#global form {/*border: solid 1px silver;
				padding: 3px;
				background:url(../images/search_bg.jpg) repeat-x; */
				line-height: 24px;
				margin:0px;}
				
#nav-container {
	height: 44px;
	margin:0px;
}

#nav {
	background-image: url(../images/main/nav-bg-l.jpg);
	background-repeat: repeat-x;
	height:44px;
	/*padding-top:13px;*/
	text-align: center;
	float:left;
	width:884px;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height: 44px;
}

#nav ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	display: inline;
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
}

#nav ul li {
	margin-left: 0px;
	display: inline;
	list-style-image: none;
	list-style-type: none;
}

#nav ul li a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding-left:15px;
	padding-right: 8px;
	padding-top:12px;
	padding-bottom: 16px;
	background-image: url(../images/main/nav-divider-l.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}

#nav ul li a:hover {
	font-weight: normal;
	padding-left:15px;
	padding-right:8px;
	padding-top:12px;
	padding-bottom: 16px;
	/*background-image:none;*/
	/*color: #39c0a8;*/
	/*color: #00baff;*/
	color: #9cc037;
	text-decoration: none;
	background-image: url(../images/main/nav-divider-l.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}


#nav ul li a.navfirst {
	background-image: none;
}

#nav ul li a:hover.navfirst {
	background-image: none;
}

#nav-left {
	background-image: url(../images/main/nav-left-border-l.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 8px;
	height: 44px;
	float: left;
}

#nav-right {
	background-image: url(../images/main/nav-right-border-l.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 8px;
	height: 44px;
	float: left;
}

#banner iframe {
	padding: 0px;
	margin: 0px;
	margin-top:10px;
}

#banner1 {
	padding: 0px;
	margin: 0px;
	margin-top:0px;
}

#banner {
	padding-top:1px;
	padding-bottom:12px;
}

#banner2 {
	padding-top: 10px;
	padding-bottom:0px;
}

#outerSearch {
	float:right;
	margin-top:6px;
 	width:275px;}

#content {
	padding:0px;
	margin:0px;}

#boxes {
	overflow:visible;
	width: 100%;}

#bg_gradient {
	background: url(../images/main/content_bg.jpg) repeat-y;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 10px;
	}

#bg_gradient_bottom {
	/*background: url(../images/content_bg.gif) repeat-y;
	border-bottom: solid 1px #eeeeee;
	overflow:visible;*/
	background: url(../images/main/content_bg2.jpg) repeat-y;
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 0px;	
	border-top: solid 1px gray;
	margin: 0px;
	height:200px;}
	
#bottom_border {}

#boxes_bg {
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 0px;
	background-repeat: repeat-y;
	background: url(../images/main/content_bg2.jpg)
}

#page_title {
	width: 900px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background: url(http://www.douglas.bc.ca/test-site/images/title_bg.gif);}

#title_bar_bg {background:url(../images/main/titlebar_bg.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;}
#title_bar_bg2 {background:url(../images/main/titlebar_bg2.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;
}

#title-bar {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:295px;
	height:26px;
	margin:0px;
}

/* titlebar landing page 2 cols*/

#right_header {
	/*background: #616163 url(../images/main/titlebar_bg_2col.jpg) no-repeat;*/
	background: #616163 url(http://www.douglas.bc.ca/test-site/titlebar_bg_2col.jpg) no-repeat;
	height: 26px;
	margin-top:0px;
	padding-top: 0px;
	width:630px;}

#right_header h3  {	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-left:15px;
	line-height:26px;}

#title-bar300 {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:300px;
	height:26px;
}

#title-bar h3, #title-bar300 h3, #title_bar_bg_landing h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 9px;
	padding-left:15px;}

#title-bar h3.first {
	background-image: none;
	padding-left:10px;
}

#title-bar-left {
	background-image: url(../images/main/title-bar-left-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}

#title-bar-right {
	background-image: url(../images/main/title-bar-right-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}

#content-panel {
	background-repeat: repeat-y;
	float:left;
	color: #000000;
	margin: 0px;
	width: 300px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;*/
	padding: 0px;
}

#content-panel.middle {
	width: 300px;
}

#content-panel p  {
	padding-left:15px;
	padding-right:15px;
}

#content-panel p.top {
	padding-top:15px;
}

#content-panel a, #container_landing #left a, #container_landing a {
	font-weight: bold;
	color: #0092c8;
	text-decoration: none;
	padding-left:0px;
	margin-left:0px;
}

#content-panel a:hover, #container_landing #left a:hover, #container_landing a:hover  {
	font-weight: bold;
	color: #0092c8;
	text-decoration: underline;
}

#content-panel ul, #container_landing ul {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left:3px;
	margin-top:0px;
	padding-bottom:5px;
	}

#content-panel li, #container_landing li {
	line-height:normal;
	background-image: url(../images/main/arrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:15px;
	/*list-style-position: inside;*/
	list-style-type: none;
	list-style:none;
	}
	
html #content-panel li, #container_landing li {
	padding-left: 15px;
	padding-bottom: 7px;
	}
	
*html #content-panel ul.community {
	padding-top: 0px;
	}
	
#content-panel h4 {
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
	padding-top:10px;
}

#skip-links {
	padding: 5px;/* gerry change padding from 15 to 10 */
	text-align: center;
}

/*#content-panel #skip-links ol {
	margin-left:0px;
	display: inline;
	list-style-type: none;
	list-style-image: none !important;
	padding:0px;
}

#content-panel #skip-links li {
	list-style: none;
	list-style-image:none !important;
	display: inline;
	
	background-image: url(../images/arrow-bg.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	margin-left: 0px;
	list-style-type:none;
	padding-left:0px;
}
*/
#skip-links a {
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	padding:7px;
	
	/* gerry */
	background-image: url(../images/main/arrow-bg.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

#skip-links a:hover {
	background-image: url(../images/main/arrow-highlight.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	text-decoration: none;
	color: #FFFFFF;
}

#arrow {
	clear: none;
	padding-top:0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:7px;
}

.bt_menu{margin-bottom:-4px;}

#footer {
		color: #CCCCCC;
		font-size:1em;
		text-align: center;
		padding-bottom: 30px;
		padding-top:0px;
		clear:both;
	}

#bottom_utility {
	font-size: 95%; 
	color:#888888;
	margin-top: 0px;
	}
#bottom_utility a  {color:#888888;
	text-decoration: none;
	}
	
#bottom_utility_left { 
	float:left;width: 33%;
	text-align:left;}	
#bottom_utility_right { 
	float:right;
	width: 33%;
	text-align:right;}
	
#bottom_utility_center { 
	float:left;
	width: 33%;
	text-align:center;}

#bottom_utility a:hover {
	text-decoration:underline;}

.ignite {
	font-style: italic;
	color: #9cc037;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}

.clear {
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 0;	
	}
	
.gray {color:#666666;}

/***********************************************************************/
/* CSS Document landing1 moved to layout_5 */

#boxes_bg1 {
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 10px;
	background-repeat: repeat-y;
	background: url(../images/main/4col_gradient_gray.jpg)
}

#boxes_bg1_about {
	overflow:visible;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 0px;
	background-repeat: repeat-y;
	background: url(../images/main/4col_gradient_gray.jpg)
}

/* 4 column coding */

#title_bar_bg1 {background:url(../images/main/4col-title_bg.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;}
#title_bar_bg2 {background:url(../images/main/titlebar_bg2.jpg) no-repeat;
width: 900px;
height:26px;
margin:0px;
padding:0px;
}

#title-bar1 {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:220px;
	height:26px;
	margin:0px;
}

#title-bar3000 {
	/*background-color: #757575;
	background-image: url(../images/title-bar-bg.jpg);
	background-repeat: repeat-x;*/
	float:left;
	width:225px;
	height:26px;
}

#title-bar1 h3, #title-bar3000 h3, #title_bar_bg_landing h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 26px;
}

#title-bar1 h3.first {
	background-image: none;
	padding-left:10px;
}

/*#title-bar-left {
	background-image: url(../images/main/title-bar-left-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}

#title-bar-right {
	background-image: url(../images/main/title-bar-right-border.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 5px;
	height: 26px;
	float: left;
}
*/

.marginleft15{padding-left:15px;}

/* /////////////////////////////////*/


#content-panel1 {
	background-repeat: repeat-y;
	float:left;
	color: #000000;
	margin: 0px;
	width: 225px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;*/
	padding: 0px;
}

#content-panel1.middle {
	width: 225px;
}

#content-panel1 p  {
	padding-left:15px;
	padding-right:15px;
}

#content-panel1 p.top {
	padding-top:15px;
}

#content-panel1 a, #a-z a , #list a/* #container_landing #left a*/ {
	font-weight: bold;
	color: #0092c8;
	text-decoration: none;
	padding-left:0px;
	margin-left:0px;
}

#content-panel1 a:hover, #a-z a:hover, #list a:hover /*, #container_landing #left a:hover*/ {
	font-weight: bold;
	color: #0092c8;
	text-decoration: underline;
}

#content-panel1 ul, #list ul/*, #container_landing ul */{
	padding: 15px;
	margin-left:3px;
	margin-top:0px;
	}

#content-panel1 ul li, #list ul li{
	padding-left: 15px;
	background-image: url(../images/main/arrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	/*list-style-position: inside;*/
	list-style-type: none;
	list-style:none;
	list-style-position:inherit;
	line-height: normal;
	padding-bottom: 10px;
	}
	
*html #content-panel1 li , #list li/*, #container_landing li*/ {
	padding-left: 15px;
	}

*html #content-panel1 ul.community {
	padding-top: 0px;
	}
	
#content-panel1 h4 {
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
	padding-top:10px;
}

/* landing pages headers*/
#right_right h5, #right_right2 h5 {
	font-size: 1.3em !important;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom: 0px;
}
#right_right h5.firstOne, #right_right2 h5.firstOne  {margin-top: 15px;}
#right_right ul.noMargin {margin-top:0px;
				margin-bottom: 0px;
				}

/**********************************************************************/
#right_right {
	width:315px;
	float:left;
}

#right_right2 {
	width: 315px;
	float: right;
}/*landing student services  right col */
#content_right {
	color:green;
	background: red;
	float: left;
	width: 315px;
	margin: 0px;
	padding: 0px;
}

#container_landing {
	width: 900px;
	background:url(../images/main/bg_landing_container.gif) repeat-y;
	/* background:url(http://www.douglas.bc.ca/test-site/bg_landing_container.gif) repeat-y;*/
}

/* about_us page */

#content_bottom_container {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/main/full_page_1col-bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	}
	
	/* this is created for ul li a  & links in a list to apply style */
#content_bottom_container1 {
	background-image: url(../images/main/full_page_1col-bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin: 0px;
	padding: 0px;
	}
		
#full_page_content_left {
	width:900px; 
	float:left; 
	/*background:url(../images/main/full_page_gradient_bg.gif) repeat-y;*/
	}

#full_page_content_right {
	width:225px;
	float:left;
	}
	
/* info session page links */

.info_menu {font-weight:bold;}

#side_menu a {font-weight: bold;}	

#a-z {margin:0px; 
		padding:0px;}
	
		
/* info session page links gray */	
	
a.info_session, a:link.info_session, a:active.info_session {
	font-weight:bold;
	color:#606060;
	}

/* great teachers layout*/

.feature_container {
	width:860px;
	margin:0px;
	padding:0px;
	height: 96px;
	background: url(http://www.douglas.bc.ca/test/new/images/feature_bg.gif) repeat-y;
	}
	
.feature_white_bottom {
	width:860px;
	height:0px;
	background-color: green;
	margin:0px;
	padding:0px;
	line-height:0px;
	 }
.fred {
	width:400px;
	height: 1px;
	background-color: red;}

#feature_image {
	width:124px;
	height:96px;
	float:left;
}

.image_pad {
	padding: 0px 0px;}
#feature_head {
	width: 290px;
	height:96px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
.feature_head {
	font-weight:bold;
	font-size: 1.10em;
	margin:0px;
	padding:0px;
	}
	
.feature_program {
	
	font-weight: bold;
	color:#333333;
	font-size:1.25em;
	}	
	
.feature_txt {
	width:355px;
	height:96px;
	float:left;
	margin-left:0px;
	padding:0px;
	}
	
.padding_feature_head {padding:5px 0px 0px 10px;}

.alignright { 
	text-align:right;
	}

/* End of Great teachers style info */

/*.padding10 {padding:0px 0px;}*/

/*////////////////////////////////////

info session side menu  links*/

#info_side_menu a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;}
	
#info_side_menu a:hover{text-decoration:underline;}	

/*///////////////////////////////////*/

/******** CALENDAR Page type ************/

/*#_ctl1_pnlGraphical all-encompassing div graphical calendar is stored in{}*/
/*#_ctl1_pnlNonGraphical /*all-encompassing div non-graphical calendar is stored in{}*/
/*#objCalendar Table Graphical Calendar is stored in{}*/

/*ctl01_ctlCalendar" class="ipf-calendar-graphical-table*/

.ipf-calendar-alldiv {width: 100%;margin:0 auto;text-align:center;}
  
.ipf-calendar-nongraphical-hdrdiv /*div that holds non-graphical calendar*/{
  	width: 100%;
	border: 1px solid #999999;
	padding: 10px 3px;
	margin: 5px 0px 5px 0px;
}

table.ipf-calendar-nongraphical-hdryear tr td /*ID of table that holds year information*/{font: 12px Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-hdryear-tdleft /*td that holds title 'year'*/{font-weight: bold !important;width: 50px !important;}

/*.ipf-calendar-nongraphical-hdryear-tdright     td that holds year link*/

table.ipf-calendar-nongraphical-hdrmonth tr td {font: 12px Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-hdrmonth-tdleft /*where title 'month' is stored*/{
	font-weight: bold !important;width: 50px !important;}

.ipf-calendar-nongraphical-hdrmonth-tdright /*where list of months are stored*/ {font-style: italic !important;}

.ipf-calendar-nongraphical-eventdiv { width: 100%;margin: 5px 0px 5px 0px;}

table.ipf-calendar-nongraphical-event-monthhdr { width: 100%; border-bottom: 2px solid #000; margin: 0px 0px 0px 0px;}

.ipf-calendar-nongraphical-event-monthhdr-tdleft {font: bold 11px  Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-event-monthhdr-tdright {font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: right;}

table.ipf-calendar-nongraphical-hdrmonth td /*table that holds non-graphical calendar*/{font: 16px Verdana, Arial, Helvetica, sans-serif;}

table.ipf-calendar-nongraphical-event { width: 100%; border: none;  font: 11px italic Verdana, Arial, Helvetica, sans-serif;}

.ipf-calendar-nongraphical-event-tdleft { width: 100px !important;font-weight: bold !important;}

.ipf-calendar-nongraphical-event-tdright {font-style: italic !important;}

/*#ipf-calendar-html2 div after calendar{}*/

/***************************************
DIGITAL ASSETS GALLERY STYLING */
/*
#_ctl1_assetsTable table that holds all digital asset gallery
#_ctl1_assetsTable td {}
#_ctl1_assetsTable td span each asset image and link is then stored in a span in a td
	the item description is also stored in another span
#_ctl1_assetsTable td table td for tables that act as spacers between each asset 

.ipf-photogallery-text class applied to all paragraphs in gallery; paragraph also surrounds tables */

/*#tblThumbs table that holds thumbnails along the top*/
#_ctl1_ctlButtonLeft /*ID of the left arrow input*/{}
#_ctl1_ctlButtonRight /*ID of the right arrow input*/{}
#_ctl1_ctlImage /*Image shown at bottom*/ {}
#_ctl1_ctlLabelImageCaption /*span holding main image text*/
	/*also has .ipf-photogallery-text applied*/ {}
#_ctl1_ctlButtonSlideShow /*Slideshow button*/{}
#btnClose /*ID applied to 'close' button in Slideshow; also has .ipf-photogallery-buttons applied*/ {}
	.ipf-photogallery-buttons /*photogallery button class*/{}
	
#speedMenu /*dropdown menu to change slideshow speed*/{}

#pnumBgDiv, #pnumDiv, #pem {} /*ID's on Divs -- unknown purpose*/
#slideDiv, #imgDiv, #imgp {} /*nested DIVs holding featured slide*/

/************************************NEW GRAPHICAL CALENDAR STYLES*/

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*ADD NEW EVENT*//**//**/
/**//**//**//**//**//**//**//**//**/
	.ipf-calendar-addevent-columnleft /*ipb-column-left*/ {width: 120px; font-size: 12px;}
	.ipf-calendar-header /*ipb-headfull*/ {margin: 5px 0 10px 0;}
		.ipf-calendar-header td {font-weight: bold;}
	.ipb-calendar-full /*ipb-all-full*/{width: 100%;}
	.ipf-calendar-rowa td/*ipf-rowa*/{}
	.ipf-calendar-rowb td/*ipf-rowb*/{}
		.ipf-calendar-rowa td table td/*ipf-rowa*/{border-bottom: 0;}
		.ipf-calendar-rowb td table td/*ipf-rowb*/{border-bottom: 0;}
	.ipf-calendar-addevent-div {width: 500px}
		.ipf-calendar-addevent-div table {margin: 0 0 10px 0; width: 100%;}
			.ipf-calendar-addevent-div table td {font-size: 11px}
			.ipf-calendar-addevent-div table td table {margin: 0; width: 100%;}
		.ipf-calendar-addevent-div label {font-size: 11px;}
		input, option, select {font-size: 11px !Important;}
 
		/*ipb-all-744 -- deleted from code*/
 

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*MONTH VIEW*//**//**/
/**//**//**//**//**//**//**//**//**/

	.ipf-graphicalcalendar-monthview {margin:0 auto;text-align:center;}
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-calendar { text-align:center;}
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-table {empty-cells: show; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-table td {empty-cells: show; border-bottom:1px solid #000000;text-align:center; }
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header {background-color: #3C5771; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header td {font-weight: bold;color: #ffffff; border: 0 !Important; padding: 3px; border: 0;text-align:center;}
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header td a, 
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-header td a:visited  {font-weight: normal; color: #ffffff;text-align:left;}
	
	.ipf-graphicalcalendar-monthview .ipf-selected-date {background-color:#C0C0C0;}
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-date {font-size: 10px; border-right: 1px solid #000000; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-date a {display: block; position: relative; top: 0;text-align:left;padding:3px;}

	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-selecteddate {font-size: 10px; border-right: 1px solid #000000; background-color: #cccccc;text-align:left; }
		.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-selecteddate a {display: block; position: relative; top: 0;text-align:left;padding:3px;}
		
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-day /*class applied to td for day of the week*/ {
	
	border-bottom: solid #000 1px;
	/*text-align: center;*/}
	
	.ipf-graphicalcalendar-monthview .ipf-calendar-graphical-alleventstitle /*a around event title*/{}

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*DAY VIEW*//**//**/

/**//**//**//**//**//**//**//**//**/

	.ipf-graphicalcalendar-dayview {width: 400px; border: 1px solid #000000; border-bottom: 0;}
	.ipf-graphicalcalendar-dayview .ipf-graphical-calendar-table div {margin: 0 0 5px 0;}
	
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header {background-color: #3C5771; border-bottom: 1px solid #000000;}
		.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header td {font-weight: bold; color: #ffffff; border: 0; padding: 3px; font-size: 14px;}
		.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header td a, 
		.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-header td a:visited  {font-weight: normal; color: #ffffff;}
		
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-time /*class applied to td around time*/ 
		{color: #3C5771; font-size: 24px; text-align: center; padding: 2px 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}

	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-rowb {background-color: #EFEFEF; }
	
	.ipf-graphical-calendar-onhour, .ipf-graphical-calendar-onhalfhour {width: 100%; padding: 5px; font-size: 11px}
	.ipf-graphical-calendar-onhour {border-bottom: 1px solid #000000 !Important;}
	.ipf-graphical-calendar-onhalfhour {border-bottom: 1px solid #000000 !Important;}
	
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-calendar-eventtime {}
	.ipf-graphicalcalendar-dayview .ipf-calendar-graphical-calendar-eventtitle {font-weight: bold;}


/**//**//**//**//**//**//**//**//**/  
/**//**//**//*WEEK VIEW ONE*//**//**/
/**//**//**//**//**//**//**//**//**/


.ipf-graphicalcalendar-weekview01 /*one column*/{ width: 400px;}	

	.ipf-graphicalcalendar-weekview01 .ipf-graphical-calendar-table {border-right: 1px solid #000000; border-left: 1px solid #000000;}
	
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header {background-color: #3C5771; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px;text-align:left;}
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header {font-weight: bold; color: #ffffff; font-size: 14px; }
			.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header td {padding: 3px; } 
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header a, 
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-header a:visited  {font-weight: normal; color: #ffffff !Important;}

	.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-dayheader {background-color: #efefef; padding: 3px; border-bottom: 1px solid #999999; font-size: 11px;}
	.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-day {border-bottom: 1px solid #000000; font-size: 11px; padding: 5px;}
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-day {height: 50px;} 
		.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-day div {margin: 0 0 5px 0;}
	
	.ipf-graphicalcalendar-weekview01 .ipf-calendar-graphical-calendar-eventtitle {font-weight: bold;}

/**//**//**//**//**//**//**//**//**/  
/**//**//**//*WEEK VIEW TWO*//**//**/
/**//**//**//**//**//**//**//**//**/

.ipf-graphicalcalendar-weekview02 /*two column*/{width: 400px; }
	
	.ipf-graphicalcalendar-weekview02 .ipf-graphical-calendar-table {border-right: 1px solid #000000; }
	
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header {background-color: #3C5771; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px;}
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header {font-weight: bold; color: #ffffff; font-size: 14px; }
			.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header td {padding: 3px; } 
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header a, 
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-header a:visited  {font-weight: normal; color: #ffffff !Important;}


	.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-dayheader {background-color: #efefef; padding: 3px; border-bottom: 1px solid #999999; border-left: 1px solid #000000; font-size: 11px;}
	.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-day, .ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-weekend {border-bottom: 1px solid #000000; border-left: 1px solid #000000; font-size: 11px; padding: 5px;}
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-day {height: 150px;} 
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-weekend {height: 75px;}
		.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-day div, .ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-weekend div {margin: 0 0 5px 0;}
	
	.ipf-graphicalcalendar-weekview02 .ipf-calendar-graphical-calendar-eventtitle {font-weight: bold;}

/*/////////////////////////////////////////////////////////////////////////////*/

/****************************************
 PAGE TYPE - LOGIN (LoginView.aspx)
*/

.ipf-PageLogin {font: 11px Verdana, Arial, Helvetica, sans-serif;}

.ipf-PageLogin-Button {
	background: #F1F1F1;
	border: solid 2px #444444;
	cursor: pointer;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 1px;
	padding: 1px 3px;
	text-transform: uppercase;
}

.ipf-PageLogin-TextField {font: 11px Verdana, Arial, Helvetica, sans-serif;}


div#ipf-login-contain {
	/* styles the div containing the login box */
	background: #E3E3E3;
	padding: 8px;
	width: 375px;
}

table#ipf-login {
  /* styles the table that contains the login */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}

table#ipf-login td {
  /* cell style for login tabl */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table.ipf-login-head {
  /* header of login */
	background: #555555;
	border-bottom: solid 3px #E3E3E3;
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}

.ipf-login-head td 
{
	/* cell in login header */
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px;
}

.ipf-login-rowa td {
	/* first row of login table (user name) */
	background: #FFFFFF;
	border-bottom: solid 1px #E3E3E3;
}

.ipf-login-rowb td {
	/* second row of login table (pasword) */
	background: #FFFFFF;
	border-bottom: solid 3px #E3E3E3;
}

#ipf-login-rowc td {
	/* third row of login table (login button and remember password) */
	background: #878787;
	border: solid 4px #878787;
	border-width: 4px 0;
	padding: 3px 6px;
}

#ipf-login-rowd td {
	/* fourth row of login table (join form and forgot password) */
	background: #E3E3E3;
	border-top: solid 4px #E3E3E3;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.ipf-login-txtfield {
	/* styling for textbox fields */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 225px;
}

.ipf-login-mainbutton {
	/* styling for the main login button */
	background: #DDDDDD;
	border: solid 2px #666666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 2px;
	padding: 1px 2px;
}

.ipf-login-forgetpassbutton 
{
	/* styling for the forget password button */
	background: #F1F1F1;
	border: solid 2px #444444;
	cursor: pointer;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 1px;
	padding: 1px 3px;
	text-transform: uppercase;
}

.ipf-login-left {
	/* styling for the left column in the main table */
	color: #767676;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 75px;
}

#ipf-login-remember-span {
	/* styling for remember username */
	color: #EEEEEE;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 14px;
}

.ipf-login-failed-span {
  /* style for login failed message */
	color: #FF0000;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

table#ipf-login-forgotpassword-head {
	/* header table styling */
	background: #555555;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 100%;
}

table#ipf-login-forgotpassword-head td {
	/* header table cell styling */
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px;
}

table#ipf-login-forgotpassword-main {
	/* table styling for forgot password */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table#ipf-login-forgotpassword-main td {
	/* cell styling for forgot password */
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

a.ipf-login-link:link, a.ipf-login-link:visited, a.ipf-login-link:active  {
	/* styling for links used in login */
	color: #CC0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/* /////////////////////////////// end of login styles*/

/* QItems - Survey Page Type*/
#ipbf-tblStdResponseControl {
	border: 1px solid #FFFFFF;
	width: 100%;
}
.ipbf-qitem-preview-table {
	border: 0;
	width: 100%;
	padding: 0px;
	border-top: 1px solid #999999;
}
.ipbf-qitem-rowa, .ipbf-qitem-rowb {
	background: #ffffff;
	border-top: solid 1px #999999;
	}

.ipbf-qitem-rowa td, .ipbf-qitem-rowb td{
	border-bottom: 1px solid #999999;
	padding: 5px 0 5px 0;
}

.ipbf-qitem-rowa td td, .ipbf-qitem-rowb td td{
	border-bottom: none;
}

.ipbf-qitem-category {
	background: #F1F1F1;
	border-top: solid 1px #FFFFFF;
	font: bold 14px;
	height: 30px;
	font-weight:bold;
	padding-bottom: 2px;
	text-transform: uppercase;
	vertical-align: middle;
  	text-align: center;}

.ipbf-qitem-column-left {
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 200px;
	font-weight: bold;}

ipbf-qitem-column-left img {margin: 0 0 0 20px;}

.ipbf-qitem-prev-PageNo {}

.ipbf-qitem-button { 
	background-color: transparent; 
	border: none; 
	width: 87px; 
	height: 22px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-image: url("../images/modalbutton.gif"); 
	margin: 3px 0 3px 0;
}

.ipbf-field {
	padding: 2px;
	width: 300px;
}

.ipbf-errormsg {
	color: #CC0000;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
}

.ipbf-qitem-prompt {
}

.ipbf-qitem-prompt td {
	border: 0;
	vertical-align: top;
	padding: 0px;
}
/* Used for input responses. Style table, row and cell */
.ipbf-input {}
/* Used for select responses. */
.ipbf-select {width: 400px;}

.ipbf-TextInput-email {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 200px;
}
.ipbf-TextInput-Telephone {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 200px;
}
.ipbf-TextInput-SingleLine {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 400px;
}
.ipbf-TextInput-Attachment {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 150px;
}
.ipbf-TextInput-Area {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 280px;
	height: 100px;
}

/* styles for student success pages */
.successColumn {float:left;
			    color:#000;
				width:33%;
				height: 380px;}
				
.successColumn h2 {color:#000;}	

#success_top {width:670px;
height:220px;
background: url(http://douglas.bc.ca/ip-images/background_images/success_top_bg) repeat-y;
display:block}	
/* end of student success styles */
/* CSS Document - landing.css*/

#left {
	width:270px;
	float:left;
	background: url(../images/main/bg_landing.gif) repeat-y;
}

#container_landing #left ul  {margin:0px;}

#right {width: 630px;
		/*height: 400px;*/
		float:left;
		}
			
#content_left_landing {float:left;}		

#title_bar_bg_landing {background:url(../images/main/titlebar_bg.jpg) no-repeat;
width: 270px;
height:26px;
margin:0px;
padding:0px;
text-align:left;
float:left;
clear:both;
}

#content_right {
	margin: 0px;
	width: 315px;
	float: left;
	background-color: red;
}

#content_right ul li {
	line-height:20px;
	background-image: none;;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:0px;
	/*list-style-position: inside;*/
	list-style-type:circle;
	list-style: disc;
	/*margin-left: 20px;*/}
	
#content_bottom_container_dept{
	width:716px;
	float:right;
	background:url(http://www.douglas.bc.ca/test-site/images/full_page_1col-bg.gif);
	margin: 0px;
	padding: 0px;
}


/* table row classes for auto bgcolor */

.even
	{
		background-color:#dddddd;
	}
.odd
	{
		background-color:#eeeeee;
	}	
/* success youtube bgs on services page*/	
#row1{background:url(http://www.douglas.bc.ca/ip-images/background_images/student_success/success-001.jpg)}	
#row2{background:url(http://www.douglas.bc.ca/ip-images/background_images/student_success/success-002.jpg)}	
#row3{background:url(http://www.douglas.bc.ca/ip-images/background_images/student_success/success-003.jpg)}	


/* infosession page7701.aspx */
.letters {
	font-weight:bold;
	font-size: 105%;
	padding:5px
}
.a-zMenu {
	font-weight:bold;
	font-size:110%;
	letter-spacing:.06em;
	padding:4px;
	border:solid 1px #dddddd;
}
.a-zMenu a{
	text-decoration:none;	
}
.a-zMenu a:hover{
	text-decoration:underline;
}
