@media screen,print
{
	#skiptocontent
	{
		display: none;
	}
	
	#w3c img
	{
		margin: 0;
		padding: 0;
		border: none;
	}
}

@media screen
{
	body
	{
		margin: 0;
		padding: 0;
		border: none;
		/*background: #c1c5b7 url(images/body_bg.gif) repeat-y top center;*/
		/*background: #c1c5b7 url(images/wrap_bg.gif) repeat-y top center !important;*/
		background: #c1c5b7;
	}
	
   #content video.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}
	a
	{
		color: #369;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #69c;
		text-decoration: underline;
	}
	
	#wrap
	{
		margin: 0 auto;
		padding: 0;
		border: none;
		/*background: url(images/wrap_bg.gif) repeat-y top center;*/
		width: 760px;
	}
	
	/* ---------- Header ---------- */
	
	#header
	{
		float: left;
		margin: 0;
		/*margin-bottom: 10px;*/
		padding: 10px 25px;
		width: 710px;
		height: 100px;
		background: url(images/wrap_bg.gif) repeat-y top center;
	}
	
	#logo
	{
		float: left;
		margin: 0;
		padding: 0;
		width: 150px;
		height: 100px;
		background: #369 url(images/logo.gif) no-repeat top left;
	}
	
	#title
	{
		float: left;
		margin: 0;
		margin-left: 10px;
		padding: 0;
		width: 550px;
		height: 100px;
		background: #69c;
	}
	
	#title h1
	{
		float: left;
		margin: 0;
		padding: 0;
		width: 400px;
		height: 61px;
		background: #69c url(images/title.gif) no-repeat top left;
	}
	
	#title a
	{
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		width: 400px;
		height: 61px;
		/*background: #69c url(images/title.gif) no-repeat top left;*/
	}
	
	/* ---------- Container ---------- */
	
	#container
	{
		float: left;
		margin: 0;
		padding: 0 25px 10px;
		border: none;
		width: 710px;
		background: url(images/wrap_bg.gif) repeat-y top center;
	}
	
	/* ---------- Sidebar Menu ---------- */
	
	#sidebar
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		width: 150px;
		/*overflow: hidden;*/
	}
	
	#sidebar h2
	{
		margin: 0;
		padding: 2px;
		border: none;
		border-top: 5px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
		color: #333;
		font: normal bold 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#sidebar ul
	{
		list-style: none;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		border: none;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#sidebar li
	{
		margin: 0;
		padding: 2px;
		border: none;
		border-top: 1px solid #ccc;
	}
	
	#sidebar a
	{
		color: #369;
		text-decoration: none;
	}
	
	#sidebar a:hover
	{
		color: #69c;
		text-decoration: underline;
	}
	
	/* ---------- Content Area ---------- */
	
	#content
	{
		display: block;
		float: left;
		margin: 0;
		margin-left: 10px;
		padding: 0;
		border: none;
		width: 550px;
		/*overflow: hidden;*/
	}
	
	#content h2
	{
		clear: left;
		margin: 0;
		margin-top: 5px;
		padding: 2px;
		border: none;
		border-top: 5px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
		color: #333;
		font: normal bold 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content h3
	{
		margin: 0;
		padding: 0.7em 2px 0.3em;
		border: none;
		color: #333;
		font: normal bold 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content h3.eventstitle,
	#content h3.seminarstitle,
	#content h3.collaborationstitle,
	#content h3.memberstitle,
	#content h3.topicstitle,
	#content h3.downloadstitle
	{
		clear: left;
		margin: 0;
		padding: 2px;
		border: none;
		border-top: 5px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
		color: #333;
		font: normal bold 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content h3.downloadstitle
	{
		padding-left: 43px;
	}
	
	#content h3.memberstitle,
	#content h3.topicstitle
	{
		float: left;
		padding-right: 12px;
		border: none;
		width: 336px;
		background: none;
	}
	
	#content p
	{
		margin: 0;
		padding: 0.7em 2px 1.1em;
		border: none;
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
		text-align: justify;
	}
	
	#content p.teamlist
	{
		margin: 0;
		padding: 0 2px;
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}

	#content ul.ovalul ul
	{
		list-style: disc;
		margin: 0;
		margin-left: 40px;
		padding: 0.7em 2px 1.1em;
		border: none;
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content ul.ovalul li
	{
		margin: 0;
		padding: 0;
		border: none;
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content ul.ovalul li ul
	{
		margin: 0;
		margin-left: 20px;
		padding: 0;
		border: none;
		color: #333;
		font: normal normal 1.2em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content table.ovaltable
	{
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}	
	
	#content tt
	{
		color: #333;
		font-size: 1.1em;
	}
	
	#content dt.ovaldt,
	#content dd.ovaldd
	{
		margin: 0;
		padding: 0;
		border: none;
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	#content p.membersareasofinterest,
	#content p.researchdocuments
	{
		float: left;
		margin: 0;
		padding: 2px;
		border: none;
		width: 196px;
		background: #eee;
		color: #333;
		font: normal bold 0.8em/1.25em Arial, Helvetica, sans-serif;
		text-align: left;
	}
	
	#content p.researchdocuments
	{
		text-align: center;
	}
	
	/* ---------- Page specific styles: index ---------- */
	
	p#feature1
	{
		margin: 0;
		padding: 0;
		border: none;
		width: 550px;
		height: 200px;
		background: url(images/features/feature1.jpg) no-repeat top left;
	}
	
	#feature1 a
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		width: 550px;
		height: 200px;
	}
	
	ul#institutes
	{
		list-style: none;
		margin: 0;
		margin-top: 5px;
		padding: 5px 0 0;
		border: none;
		border-top: 5px solid #ccc;
		width: 550px;
		height: 37px;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;	
	}
	
	#institutes li
	{
		float: left;
		margin: 0;
		margin-left: 10px;
		padding: 0;
		border: 1px solid #ccc;
		width: 100px;
		height: 35px;
		background: #ccc url(images/features/institute_logos/cmp.gif) no-repeat center center;
	}
	
	/* does not work in IE!  Save for later when IE7 is released.
	#institutes li:first-child
	{
		margin-left: 0;
	}
	*/
	
	#institutes a
	{
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 100px;
		height: 35px;
	}
	
	li#institute-cmp
	{
		margin-left: 0;
		background: url(images/features/institute_logos/cmp.gif) no-repeat center center;
	}
	
	li#institute-jic
	{
		background: url(images/features/institute_logos/jic.gif) no-repeat center center;
	}
	
	li#institute-ifr
	{
		background: url(images/features/institute_logos/ifr.gif) no-repeat center center;
	}
	
	li#institute-nnuh
	{
		background: url(images/features/institute_logos/nnuh.gif) no-repeat center center;
	}
	
	li#institute-nrp
	{
		background: url(images/features/institute_logos/nrp.gif) no-repeat center center;
	}
	
	/* ---------- List styles ---------- */
	
	.collaborationslist,
	.downloadslist
	{
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 5px;
		border: none;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	.collaborationslist span
	{
		float: left;
		margin: 0;
		padding: 2px;
		width: 546px;
		font-weight: bold;
	}
	
	.collaborationslist li,
	.downloadslist li
	{
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		border-top: 1px solid #ccc;
	}
	
	.eventslist,
	.seminarslist,
	.memberslist,
	.topicslist
	{
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 5px;
		border: none;
		color: #333;
		font: normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	
	.eventslist span,
	.seminarslist span,
	.memberslist span,
	.topicslist span
	{
		float: left;
		margin: 0;
		padding: 2px;
		padding-right: 12px;
		/*border: 1px dashed #333;*/
		width: 336px;
		font-weight: bold;
	}
	
	.memberslist a,
	.topicslist a
	{
		vertical-align: top;
	}
	
	.memberslist img
	{
		margin: 0 5px 0 0;
		padding: 1px;
		border: 1px solid #999;
		background: #fff;
	}
	
	.eventslist li,
	.seminarslist li,
	.memberslist li,
	.topicslist li
	{
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		border-top: 1px solid #ccc;
	}
	
	.eventslist ul,
	.seminarslist ul,
	.memberslist ul,
	.topicslist ul
	{
		/*display: inline;*/
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		width: 200px;
		/*border: 1px dashed #00f;*/
	}
	
	.eventslist ul li,
	.seminarslist ul li,
	.memberslist ul li,
	.topicslist ul li
	{
		/*clear: none;*/
		margin: 0;
		padding: 2px;
		border-top: none;
		width: 196px;
	}
	
	.topicslist ul li span
	{
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		width: 196px;
		height: 16px;
		text-align: center;
	}
	
	.topicslist ul li a
	{
		float: left;
		margin: 0 90px;
		padding: 0;
		border: none;
		width: 16px;
		height: 16px;
		background: url(images/icons/pdfdoc.gif) no-repeat center center;
	}
	
	/* ---------- Footer ---------- */
	
	#footercontainer
	{
		clear: left;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		width: 760px;
		background: url(images/wrap_bg.gif) repeat-y top center;
	}
	
	#footer
	{
		clear: left;
		float: left;
		margin: 0;
		padding: 0 25px 30px;
		border: none;
		width: 710px;
		background: url(images/footer_bg.gif) no-repeat bottom center;
	}
	
	#footer p,
	#copyrightnotice p,
	#minorlinks p
	{
		margin: 0;
		padding: 0;
		border: none;
		color: #999;
		font: normal normal 0.7em/1.25em Arial, Helvetica, sans-serif;
		vertical-align: top;
	}
	
	#copyrightnotice
	{
		/*display: block;*/
		float: left;
		margin: 0;
		padding: 2px 0 0;
		border: none;
		border-top: 5px solid #ccc;
		width: 150px;
		overflow: hidden;
	}
	
	#copyrightnotice em
	{
		font-style: normal;
	}
	
	#minorlinks
	{
		display: block;
		float: left;
		margin: 0;
		margin-left: 10px;
		padding: 2px 0 0;
		border: none;
		border-top: 5px solid #ccc;
		width: 550px;
		overflow: hidden;
	}
	
	#minorlinks a
	{
		color: #369;
		text-decoration: none;
	}
	
	#minorlinks a:hover
	{
		color: #69c;
		text-decoration: underline;
	}
	
	/* ---------- W3C Recommendations ---------- */
	
	p#w3c
	{
		float: right;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#w3c a
	{
		margin: 0;
		padding: 0;
		border: none;
	}
	
	/* ---------- Defacto styles ---------- */
	
	.clearboth
	{
		clear: both;
	}
	
	.clearleft
	{
		clear: left;
	}
	
	.clearright
	{
		clear: right;
	}
	
	.hidden
	{
		display: none;
	}
	
	.toupper
	{
		text-transform: uppercase;
	}
	
	.tolower
	{
		text-transform: lowercase;
	}

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