/***********************************************/
/* 3column.css                                 */
/* devicemedia.ca                              */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{ font-family: Arial,sans-serif; color: #000033; line-height: 1.166; margin: 0px; padding: 0px; text-align:center;}
a{ color: #009900; font-weight:bold; text-decoration: underline;}
a:link{ color: #009900; font-weight:bold; text-decoration: underline;}
a:visited{ color: #009900; font-weight:bold; text-decoration: underline;}
a:hover{ color: #3366cc; font-weight:bold; text-decoration: underline;}
h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #0e034e; margin: 10px 0px -20px 0px; padding: 0px;}
h2{ font-family: Arial,sans-serif; font-size: 114%; color: #009900; margin: 0px; padding: 0px;}
h3{ font-family: Arial,sans-serif; font-size: 100%; color: #009900; margin: 0px; padding: 0px;}
h4{ font-family: Arial,sans-serif; font-size: 100%; color: #0e034e; margin: 0px; padding: 0px;}
h5{ font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
hr{width: 90%; color:#33CC33; height:1px;}
ul{ list-style-type: disc; font-size: 80%; padding: 0px; margin: 0px;}
ul li{ list-style-position:inside; display:block; padding: 0px; margin:0px;}
ul ul{ list-style-type: square;}
ul ul ul{ list-style-type: none;}
label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}
strong{color:#ffcc00;}
p.small{font-size: 70%;}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper{text-align: left; width: 718px; margin: 0 auto; padding: 0; background-color:#FFFFFF; color:000033;}
#masthead{ padding: 0px 0px 0px 0px; width: 718px; text-align:center; background-color:#000000;}
#colLeft{ float: left; width: 25%; margin: 0px; padding: 0px 10px 0px 0px; background-color: #FFFFFF; color:#009900;}
/*#colRight{  float:right; width: 179px; margin: 0px; padding: 0px 0px 0px 10px; background-color: #ffffff;}*/
#content{ float: left;  width: 65%; margin: 20px 10px 0px 20px;}
#content ul {margin: 0px 0px 0px 30px;}
#content ul li {font-size: .75 em; text-align: left; padding:0px 0px 0px 0px; list-style-position:outside;}

/*#content ul{ list-style-type: disc; font-size: 80%; padding: 10px; margin: 0px;}
#content ul li{ list-style-position:inside; display:block; padding: 0px; margin:0px;}*/
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{ margin: 0; padding: 0 0 0 10px;}

/************* #globalNav styles **************/

#globalNav{padding: 0px 0px 15px 10px; color: #cccccc; background-color:#000000;}
#globalNav img{ display: block;}
#globalNav a { font-size: 90%; padding: 0 4px 0px 0;  color:#FFFFFF;}
/*************** #pageName styles **************/

#pageName{ margin: 0px; padding: 0px 0px 0px 10px;}
/************* #breadCrumb styles *************/

#breadCrumb{ font-size: 80%; padding: 2px 0px 0 10px; text-align:center;}

/************** .feature styles ***************/

.feature{ padding: 0px 0px 10px 10px; font-size: 80%;}
.feature h3{ padding: 30px 0px 5px 0px;}
.feature img{ float: left; padding: 0px 10px 0px 0px;}

/************** .story styles *****************/

.story { clear: both; padding: 10px 0px 0px 10px; font-size: 80%;}
.story p{ padding: 0px 0px 10px 0px;}
.story img{ float: left; padding: 0px 10px 0px 0px;}

/************* #siteInfo styles ***************/

#siteInfo{ clear: both; text-align:center; border-top: 1px solid #cccccc; font-size: 75%; color: #cccccc; padding: 10px 10px 10px 10px;}

/************* #search styles ***************/

#sideSec1{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%;}
#employers{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%;}
#search form{ margin: 0px; padding: 0px;}
#search label{ display: block; margin: 0px; padding: 0px;}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sideSec2{ padding: 5px 0px 15px 10px; border-bottom: 1px solid #cccccc; font-size: 90%;}
#studentBio{ padding: 5px 0px 15px 10px; border-bottom: 1px solid #cccccc; font-size: 90%;}
/*position: relative; margin: 0px; padding: 0px 0px 15px 10px; border-bottom: 1px solid #cccccc; font-size: 90%;
#sideSec2 a { display: block; padding: 2px 0px 2px 10px;}
#sideSec2 a:hover{ background-color: #f6f6f6;}*/

/*********** .relatedLinks styles ***********/

.relatedLinks{ position: relative; margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%;}
.relatedLinks h3{ padding: 10px 0px 2px 0px;}
.relatedLinks a:link,
.relatedLinks a:visited { display: block; 
}
/************** #advert styles **************/

#advert{ padding: 30px 0px 10px;}
#advert img{ display: block;}

/************** #headlines styles **************/

#headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%;}
#headlines p{ padding: 5px 0px 5px 0px;}