/* MyCampus Color Theme - Kathryn */
/* dark blue : #24234e */
/* liight green : #bcd172 */
/* Grey blue for the title: #accbe7 */

/* MyCampus Color Theme Current in use */
/* OIT blue : #003580 */
/* DC green : #006243 */
/* DC brown: #421C10 */
/* Dual Grey: #D9D9D1*/

/* MyCampus Durham College new branding 2009 June 22*/
/* Header background 421c10 to 593525 */
/* Green bar background 006243 to 0b8261 */
/* Tab-on background 421c10 to 593525 */
/* Tab-off background 006243 to e2e2e2 */
/* Tab-off text ffffff to 888888 */
/* Tab-off rolled over state text ffffff to 333333 */


body {
color : #000000; 
background : #ffffff; 
font-family : verdana, helvetica, arial, sans-serif; 
margin-left : 10px;
margin-right : 10px;
margin-top : 10px; 
} 

img {
border : none; 
margin : 0px 0px 0px 0px;
}

img.vertical-list
{
position:relative;
/* border:1px dotted black; */
margin:0px 0px 15px 20px;
}

img.screen {
color : #cccccc; 
border-style : dashed; 
border-width : 1px; 
padding : 2em; 
margin : 0; 
}

img.block {
display: block;
margin-left: auto;
margin-right: auto
}

/*   
ul {
list-style-type : none;
padding : 0; 
}
*/

ul.grey 
{
list-style-image:url('../images/square.jpg');
list-style-type:square;
line-height : 150%;
}

ul.red
{
list-style-image:url('../images/square_red.jpg');
list-style-type:square;
line-height : 150%;
}


li {
background-image : url('images/square_red.jpg'); 
background-repeat : no-repeat; 
background-position : 0.4em 50%; 
padding-left : 1.5em; 
padding-top : 0; 
}
 

.title-article {
background-color : #accbe7; 
font-weight : bold;
padding-top : 1em; 
padding-bottom : 1em; 
padding-left : 2em;
padding-right : 2em;  
} 

.title-article-grey {
background-color : #e2e2e2; 
font-weight : bold;
padding-top : 1em; 
padding-bottom : 1em; 
padding-left : 2em;
padding-right : 2em;  
} 


a:link {
color:Black;
text-decoration:underline;
}

a:visited {
color:Black;
text-decoration:underline;;
}

a:active {
color:#990000;
}

a:hover {
color:#990000;
text-decoration:underline;
}


a.red:link {
color:#990000;
text-decoration:none;
}

a.red:visited {
color:#990000;
text-decoration:none;
}

a.red:active {
color:#990000;
}

a.red:hover {
color:#990000;
text-decoration:underline;
}


a.text:link {
color : black; 
font-weight : normal; 
text-decoration : underline; 
}

a.text:visited {
color : black; 
font-weight : normal; 
text-decoration : underline; 
}

a.text:active {
color : #990000; 
font-weight : normal; 
}

a.text:hover {
color : #000000; 
font-weight : normal; 
text-decoration : underline; 
background : #accbe7; 
}
 
.top-hr {
margin-top : 0; 
padding-top : 0; 
margin-bottom : 1em; 
color : #24234e; 
border-top : solid; 
}

.top-hr-lightblue {
margin-top : 0; 
padding-top : 0; 
margin-bottom : 1em; 
color : #accbe7; 
border-top : solid; 
} 

.top-hr-dc {
margin-top : 1px; 
padding-top : 1px; 
margin-bottom : 1em; 
color : #0b8261;
border-top : solid; 
}

.top-hr-uoit {
margin-top : 0px; 
padding-top : 0; 
margin-bottom : 1em; 
color : #FFFFFF; 
border-top : solid; 
}

.top-hr-dual {
margin-top : 0px; 
padding-top : 0; 
margin-bottom : 1em; 
color : #000000; 
border-top : solid; 
}

.header-dc {
background-color : #593525;
}

.header-uoit {
background-color : #003580;
}


.column-left {
text-align : justify; 
margin : 0; 
padding-left : 1%; 
padding-right : 1%; 
border-style : none; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-right-color : inherit; 
border-left-color : inherit; 
width : 15%; 
float : left; 
} 

.column-right {
text-align : left; 
margin : 0; 
padding-top : 1em; 
padding-bottom : 1em; 
padding-left : 2em; 
padding-right : 2em; 
border-style : solid; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
width : 65%; 
float : left; 
}

.column-centre {
text-align : left; 
margin-left : 50px;
margin-bottom : 50px; 
padding-top : 1em; 
padding-bottom : 1em; 
padding-left : 2em; 
padding-right : 2em; 
border-style : solid; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
width : 65%; 
float : left; 
} 

.body-centre-700x {
text-align : left; 
margin-left : 50px;
margin-bottom : 50px; 
padding-top : 1em; 
padding-bottom : 1em; 
padding-left : 2em; 
padding-right : 2em; 
border-style : solid; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
width : 700px; 
float: left;
} 

.body-centre-800x {
text-align : left; 
margin-left : 50px;
margin-bottom : 50px; 
padding-top : 1em; 
padding-bottom : 1em; 
padding-left : 2em; 
padding-right : 2em; 
border-style : solid; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
width : 800px; 
float: left;
} 
.column-left-x {
text-align : left; 
margin : 0; 
border-style : none; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
width : 230px; 
float : left;
padding: 0 20px 0 10px; 
}

.column-right-y {
text-align : left; 
margin : 0; 
border-style : dash;
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
width : 470px; 
float : left; 
}

.column-list {
text-align : left; 
margin : 0; 
padding-left : 1%;
padding-right : 1%;
border-style : none; 
border-top-width : 1px;
border-right-width : 1px; 
border-bottom-width : 1px;
border-left-width : 1px; 
border-right-color : inherit; 
border-left-color : inherit; 
width : 270px; 
float : left; 
}
 
.uportal-text {
color : black; 
font-family : verdana, helvetica, arial, sans-serif; 
font-size : 12px; 
} 

p.normal{
{
line-height: 100%
}

p.percent-150{
{
line-height: 150%
}
p.percent-200{
{
line-height: 200%
}
div.smallimg
{
margin: 2px;
border: 1px solid #FFFFFF;
height: 150px;
width: 200px;
float: left;
text-align: center;
padding: 3px;
}
div.smallimg img
{
display: inline;
margin: 3px;
border: 1px solid #FFFFFF;
}
div.smallimg a:hover img {border: 1px solid #FFFFFF;}
div.smallimg.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
hr.dashed
{
align: center;
width: 100%;
color: #CCCCCC;
border:dashed;
border-width:1px 0 0 0;
height:0;
line-height:0px;
font-size:0;
margin:0;
padding:0;
}