html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


/* My own Styles */

body {
	background-color:#eeeeee; max-width:960px; margin:auto;
}

#wrapper {

	background-color:#e7e7e7; 
	position: relative; 
	width:100%;
	margin:0px auto;
	z-index:90;
	text-align:left; /* reset align=center */	
}

#top {
	background-color:#000000; width:100%; height:auto; overflow:hidden; padding:10px 2px; position:relative;
}


#logo { margin:0 0 0 0; float:left; height:100%;
	
}

#logo img {
	max-height:150px; padding-left:0.8em; }
	
}

#mytitle { height:100%; }

#mytitle h1 {
	color:#ffffff; font-size:380%; text-align:center; padding:0,8em; 
}

#social-media { float:right; 
	
}

#social-media p {
	color:#ffffff; font-size:100%; text-align:right; 
}

#social-media img {
	height:45px; padding-right:5%
}

#banner {
	min-height:60px;
	background:#000000;
	padding:5px 0px;
	border-bottom:thick aqua;
	width:100%;
	overflow:hidden;
}

#banner p {
	color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:25px; text-align:center;
}


#contentwrapper {
	width:100%;
	position:relative;
}

#navbar {
	background-color: #e7e7e7;
	float: left;
}

#navbar a:hover {background-color:#770000; color:#FFFFFF;
}

#navbar ol {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width:120px;
}

#navbar ol ol {
	float: left;
	position: absolute;
	top: 0;
	left: 121px;
	display: none;
}

#navbar ol li {
	position: relative; 
	}


#navbar ol li a {
	display:block;
	padding: 5px;
	border: 1px solid #808080;
	background-color: #e7e7e7;
	height:15px;
	width:110px;
	text-decoration: none;
	color: #777;

}

#navbar ol ol li a {
	display:block;
	padding: 5px;
	border: 1px solid #808080;
	background-color: #e7e7e7;
	height:15px;
	width:150px;
	text-decoration: none;
	color: #777;
	

}

#navbar li:hover ol, li.over ol  { display: block; z-index:91; }

#footer {
	background:#669999; width:100%;text-align:center;
}

#cases {
	background-color:#e7e7e7; 
	margin-left:122px;
	width:62%;
	min-height:25px;
	border-bottom:1px solid #808080;
}

#cases ul {
	display:inline-table;
	list-style-type:none;
	width:100%;
}

#cases ul li {
	float:left;
	width:33%;
	background:#e7e7e7 none;
	min-height:25px;
	text-decoration:none;
	line-height:25px;
	text-align:center;
}

#cases ul li:first-child {
	border-right: 1px #000 solid;
}

#cases ul li:last-child {
	border-left: 1px #000000 solid;
}

#cases ul li a {
	display:block;
	text-decoration:none;
	color:#FF0000;
}

#cases a:hover {background-color:#770000; color:#FFFFFF; 
}


#cases2 {
	background-color:#e7e7e7; 
	margin-left:122px;
	width:62%;
	min-height:25px;
	border-bottom:1px solid #808080;
}

#cases2 ul {
	display:inline-table;
	list-style-type:none;
	width:100%;
}

#cases2 ul li {
	float:left;
	width:22%;
	background:#e7e7e7 none;
	min-height:25px;
	text-decoration:none;
	line-height:25px;
	text-align:center;
}

#cases2 ul li:first-child {
	border-right: 1px #000 solid;
}


#cases2 ul li:last-child {
	border-left: 1px #000000 solid;
}

#cases2 ul li a {
	display:block;
	text-decoration:none;
	color:#FF0000;
}

#cases2 a:hover {background-color:#770000; color:#FFFFFF; 
}


#content {
	width:60%; 
	margin-left:122px; 
	padding:20px 10px 20px 10px; 
	background-color:#FFFFEE; 
	height:100%; 
	line-height:130%;	
	overflow:hidden;
}

#content h1 {
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif; font-weight:bold; font-size:24px; font-variant:small-caps; color:#0066CC
}

#content h2 {
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif; font-weight:bold; font-size:18px; color:#0066CC	
}

#content h3 {
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif; font-weight:bold; font-size:12px; color:#0066CC	
}

#content p {
	line-height:inherit;
}

#content a {
	text-decoration:none;
}

#content a:link {
	color:#CC6600; text-decoration:underline;
}

#content a.external {
	color:#0000FF; text-decoration:none;
}

#content a.external:after {
	content:"\21D7"; color:#0000FF; font-size:25px;
}

#content a.external:visited {
	color:#0000FF;
}

#content a:visited {
	color:#CC6600; text-decoration:underline;
}

#content a:hover {
	color:#FF0000;
}

#content ul {
	margin-left:0em; 
	padding-left:0.2em; 
	margin-bottom:0.5em;
}

#content ul li {
	margin-left:0.2em;
	padding-left:1.2em;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	background-image:url('../Images/bullet.GIF');
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:0em 0.1em;

}

#content ul ul {
	padding-top:1em;
}

#content ul ul li {
	margin-left:1.2em;
}

#content ul ul {
	padding-top:1em;
}

#content ul ul ul li {
	margin-left:3em;	
}

.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}


@media only screen and (max-width: 481px) {

#topbar p { background-color:#3C9; }

#topbar {
	width:100%;
	background-color:#e7e7e7;
	margin-left:122px;
	height:20px;
	-webkit-transition: all 3s ease-in 1s;
	-moz-transition: all 3s ease-in 1s;
	-ms-transition: all 3s ease-in 1s;
	-o-transition: all 3s ease-in 1s;
	transition: all 3s ease-in 1s;

}


#topbar:hover {
	height: 600px;
}


#topbar embed {
	width:100%; height:100%;
}

#content {
	width:1000%;

}

#content video {
	height:240px  ; width:320px; 
}

#sidebar {
	display:none;
}

}

@media only screen and (min-width: 481px) {

#topbar {
	display: none;
}



#content video {
	height:480px; width:640px; 
}

#sidebar {
	float:right; width:25%; height:100%; margin-left:80%; position:absolute; top:0; right:0; background-color:#e7e7e7;

}

#sidebar embed {
	width:100%; height:100%;
}

}

#Chronology a:hover {background-color:#770000; color:#FFFFFF;
}

#Chronology ol {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width:100%;
}

#Chronology ol li {
	position: relative; 
	}


#Chronology ol li a {
	display:block;
	padding: 5px;
	border: 1px solid #808080;
	background-color: #e7e7e7;
	height:50px;
	width:100%;
	text-decoration: none;
	color: #777;

}

#Chronology ol li a h1 {
	margin:0px; font-size:16px; font-weight:bold;
}

#Chronology ol li a h2 {
	margin:0px; font-size:12px; font-weight:bold;
}

#Chronology ol li a h3 {
	margin:0px; font-size:12px;
}

#Chronology ol li a p {
	margin:0px; font-size:11px;
}

#Chronology {
	-webkit-transition: all 20s 1s;
	-moz-transition: all 20s 1s;
	-ms-transition: all 20s 1s;
	-o-transition: all 20s 1s;
	transition: all 20s 1s;
}
#Chronology:hover {
	height: 580px;
}

form {
	text-align:left; margin:20px;
}

label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
}

label {
	float:inherit; width:150px;
	text-align:right; display:block;
	margin-top:5px;
}

input, textarea {
	border:1px #333 solid; margin-left:10px;
	padding:5px;
}

input {
	width:280px; margin-bottom:16px;
}

textarea {
	width:280px; height:150px;
	margin-bottom:16px;
}

select {
	
}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
}

#contact-form ol {
	list-style-type:none;
}