html, body, div, span, applet, object, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start of my style sheet */
html {
    height:100%;
}
body {
    height:100%;
	margin:0;
	background-color:#fff;
	background-image:url('/cmvc/images/bg001.jpg');
	background-position:-50px 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: 'Work Sans', sans-serif;
	font-weight:200;
	font-size:18px;
	line-height:1.2;
	color:#2e3144;
}
#container {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
	background-image:url('/cmvc/images/lines07.png');
	background-position: left top; 
	background-repeat:repeat;
	background-attachment:fixed;
}
strong {
	font-weight:bold;
}
a, a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#21007f;
}
a:hover, a:active {
	color:#d33;
}
.box {
    clear:both;
    margin:0 0 16px 0;
}
h1 {
	font-size:48px;
	font-weight:300;
	line-height:1;
	margin:0;
	text-transform: uppercase;
	color:#613772;
}
h1 span {
    font-size:28px;
}
h2 {
	font-size:28px;
	font-weight:200;
	line-height:1;
	color:#00829b;
	margin:0;
}	
h3, h3 a, h3 a:visited {
	font-size:32px;
	font-weight:300;
	line-height:1;
	margin:0 0 16px 0;
}
h3 span {
    display:block;
    font-size:18px;
    font-weight:bold;
    margin:0 0 12px 0;
}
h4, h4 a, h4 a:visited {
    clear:both;
	font-size:20px;
	font-weight:bold;
	margin:0 0 8px 0;
}
h5, h5 a, h5 a:visited {
	font-size:18px;
	font-weight:bold;
	margin:0 0 12px 0;
}
p {
    margin:0 0 16px 0;
	font-weight:300;
}
p.clear {
    clear:both;
}
p.date {
    font-size:14px;
}
.box p a, .box p a:visited {
	font-weight:bold;
}
#header {
	width:998px;
	height:120px;
	background-image:url('/cmvc/images/lines05.png');
	background-position: left bottom; 
	background-repeat:repeat;
	background-attachment:fixed;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:20px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	margin:8px auto 24px auto;
	padding:8px 0 16px 0;
	text-align:center;
}
#content {
	width:1000px;
	margin:8px auto 0 auto;
	overflow:auto;
}
#main {
    float:left;
    width:740px;
    margin:0 40px 0 0;
}
table {
    width:97%;
    border: 1px solid #bbb;
    font-size:16px;
	color:#2e3144;
	margin-bottom:30px;
}
th {
    width:31%;
    font-weight:300;
    font-size:18px;
    background-color:#eee;
}
td {
    width:31%;
    font-weight:300;
    background-color:#fff;
    padding: 4px 16px;
    border: 1px solid #bbb;
    vertical-align:top;
}
.ref {
    clear:both;
    margin:16px 0 0 0;
	background-image:url('/cmvc/images/lines05.png');
	background-position: left bottom; 
	background-repeat:repeat;
	background-attachment:fixed;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:20px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	padding: 6px 12px 4px 12px;
	overflow-wrap: break-word;
}
.ref ul li {
    font-size:15px;
    font-weight:300;
    margin:0 0 8px 0;
}
.ref ul li a {
    font-weight:normal;
}
#nav {
    float:left;
    width:220px;
    padding:0;
}
#nav ul {
    margin:0 0 24px 0;
}
#nav ul li {
    margin:0 0 10px 0;
    font-size:20px;
    font-weight:bold;
    line-height:1.4;
}
#nav ul li ul {
    margin:0 0 0 16px;
    list-style-type:disc;
}
#home #nav ul li ul.contextual-studies, #home #nav ul li ul.professional-practice, #home #nav ul li ul.negotiated-specialist-project, #home #nav ul li ul.learning-log, 
#contextual-studies #nav ul li ul.professional-practice, #contextual-studies #nav ul li ul.negotiated-specialist-project, #contextual-studies #nav ul li ul.learning-log, 
#professional-practice #nav ul li ul.contextual-studies, #professional-practice #nav ul li ul.negotiated-specialist-project, #professional-practice #nav ul li ul.learning-log,
#negotiated-specialist-project #nav ul li ul.contextual-studies, #negotiated-specialist-project #nav ul li ul.professional-practice, #negotiated-specialist-project #nav ul li ul.learning-log,
#learning-log #nav ul li ul.contextual-studies, #learning-log #nav ul li ul.professional-practice, #learning-log #nav ul li ul.negotiated-specialist-project 
{
    display:none;
}
#nav ul li ul li {
    font-size:16px;
    margin: 0;
}
#nav ul li ul li ul {
    margin:0 0 0 16px;
    list-style-type:circle;
}
#nav ul li ul li ul li {
    font-size:14px;
    margin: 0;
}
#footer {
	width:998px;
	background-image:url('/cmvc/images/lines05.png');
	background-position: left bottom; 
	background-repeat:repeat;
	background-attachment:fixed;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:20px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	margin:0 auto 8px auto;
	padding:16px 0 0 0;
	text-align:center;
	font-size:16px;
	overflow:auto;
}
#footer a {
    margin:0 12px;
}
iframe {
    float:left;
    margin:4px 16px 6px 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
figure{
    float:left;
	margin:4px 16px 8px 0;
}
figure.full {
    float:left;
	margin:4px 16px 8px 0;
	width:97%;
}
figure img {
    vertical-align: top;
}
figure iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
figure figcaption {
    font-size:16px;
    font-weight:300;
}

@media only screen and (max-device-width:780px) {
    body {
	margin:0;
	background-image:url('/cmvc/images/bg001.jpg');
	background-position:-140px 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-weight:200;
	font-size:18px;
	line-height:1.2;
    }

    h1 {
    	font-size:24px;
    	font-weight:bold;
    	line-height:1.4;
    	margin:0;
    	text-transform: uppercase;
    	color:#613772;
    }
    h1 span {
        font-size:16px;
    }
    h2 {
    	font-size:16px;
    	font-weight:300;
    	line-height:1;
    	color:#00829b;
    	margin:0;
    }	
    h3, h3 a, h3 a:visited {
    	font-size:18px;
    	text-transform: uppercase;
    	font-weight:bold;
    	line-height:1.2;
        margin: 0 12px 12px 12px;
    }
    h4, h4 a, h4 a:visited {
    	font-size:16px;
    	font-weight:bold;
    	line-height:1.2;
        margin: 0 12px 16px 12px;
    }
    h5, h5 a, h5 a:visited {
    	font-size:16px;
    	font-weight:bold;
    	line-height:1.2;
        margin: 0 12px 16px 12px;
    }
    p {
        margin: 0 0 16px 12px;
    }
    iframe {
    	margin: 0 auto 4px auto;
    	float:none;
    }
    figure {
    	margin: 0 0 4px 0;
    	float:none;
    	width:100%;
    }
    figure img {
        vertical-align: top;
    	margin: 0 auto 4px auto;
    }
    figure figcaption {
        font-size:16px;
        margin: 0 12px 16px 12px;
    }
    #container {
    	width:100%;
    	height:100%;
    	margin:0;
    	padding:0;
    	overflow:auto;
    }
    #header {
    	width:95%;
    	height:96px;
    	margin:4px auto 16px auto;
    	padding:8px 0 0 0;
    	text-align:center;
    }
    #content {
    	width:95%;
    	margin:8px auto 16px auto;
    }
    #main, #nav {
    	width:95%;
    	margin:8px auto 16px auto;
    }
    table {
        width:100%;
        border: 1px solid #bbb;
        font-size:14px;
        margin: 16px auto;
    }
    td {
        width:50%;
        padding: 4px 8px;
        border: 1px solid #bbb;
    }
    td p, td h4 {
        margin:8px 0;
    }
    .ref {
        margin:16px auto;
    }
    #nav ul {
        margin: 0 12px 16px 12px;
    }
    #footer {
    	width:95%;
        margin:32px auto 8px auto;
    	text-align:center;
    	font-size:16px;
    }
}