body{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color:#999;
    margin: 8px;
    padding: 0px;
    font-size:12px;
    font-weight:normal;
}
/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
#sitetitle{
	display:none }
#ticker{ display:none}
#sp3{display:none}
#adv{display:none}
#rpa{display:none}
#ticker-controls{ display:none}
#social_links{ display:none}
.mattblackmenu li a {
	width:100% !important;
	}
.mattblackmenu ul {
	padding-left:0px !important; 
	padding-top:48px !important }

#col1{ display:block !important; width:80% !important }
#col2{ display:block !important; width:90% !important; margin-left:2%  }
#col3{ display:block !important; width:80% !important; margin-left:2% }
.mattblackmenu ul { font-size:1.5em !important}
#main{float:left !important; }
.container{ margin:0 auto; width:100%; }
#content{ width:97% !important }
#fullcontent{ width:96% !important }
body{font-size:1em !important}
.rightcontainer{margin-left:5px; }
img{
  max-width:100%;
  height:auto;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 900px) {
#sitetitle{
	font-size:9px !important
	 }
#ticker{ display:none}
#sp3{display:none}
#adv{display:none}
#rpa{display:none}
#ticker-controls{ display:none}
#social_links{ display:none}
.mattblackmenu li a {
	width:100% !important;
	}
.mattblackmenu ul {
	padding-left:0px !important; 
	padding-top:48px !important }

#col1{ display:block !important; width:40% !important }
#col2{ display:block !important; width:50% !important }
#col3{ display:block !important; width:35% !important; margin-left:3%; vertical-align:top }
.mattblackmenu ul { font-size:1.5em !important}
.container{ margin:0 auto; width:100%; }
#content{ width:97% !important }
#fullcontent{ width:96% !important }
.rightcontainer{margin-left:5px; }
img{
  max-width:100%;
  height:auto;
}
}

#col1{float:left; width:232px; margin-left:15px; display:inline-block}
#col2{float:left; width:52%; min-width:250px; margin-top:10px; margin-right:10px; display:inline-block}
#col3{width:232px; float:left}
#social_links{float:right; padding-right:5px; padding-top:7px}
a{
    color: #00a;
    text-decoration: none;
}

a:link{
    color: #00a;
    text-decoration: none;
}

a:visited{
    color: #00a;
    text-decoration: none;
}

a:hover{
    color: #00a;
    /*text-decoration: underline;*/
}

img {border:none;}

h1{
 font-family: Arial,sans-serif;
 font-size: 14px;
 color: #000;
 margin: 18px 0 12px 2px !important;
 padding: 0px;
 font-weight:bold;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 140%;
 color: #0000cc;
 margin: 24px 0 12px 2px !important;
 padding: 0px;
 font-weight:bold;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #009;
 margin: 16px 0 12px 2px !important;
 padding: 0px;
 font-weight:bold;
}

h4 {
font-weight:bold;
color:#009;
font-size:12px;
margin:6px 0 6px 0;
    }

.rightcontainer {
width:190px; 
text-align:left !important; 
display:inline-table
}

#content {
	display:inline-block;
	text-align:justify; 
	padding:1em 1ex 1em 1.5ex;
	width:78%;
	vertical-align:top; float:left
}

.toc{
 color: #009;
 margin: 16px 0 12px 2px !important;
 padding: 0px;
}

p { line-height:1.4em; }

ul{
 list-style-type: disc; 
 margin:6px 0 6px 12px;
 padding:6px 0 0px 12px;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: disc;
}
li {margin:4px;}

ol {margin-top:8px;}

#topmenu {
    font-size:12px;
    font-weight:normal !important;
}
/*#header {
    background-image: url(images/2008home/Header-ver-19-Jan-2008-V1.gif);
    height:132px;
    background-repeat:no-repeat;
    border-top:0px solid #d2d2d2;
    border-left:0px solid #d2d2d2;
    border-right:0px solid #d2d2d2;
    }*/
#header {
    background-image: url(images/header/header-part.gif);
	background-repeat:repeat-x;
    height:132px;
    border-top:0px solid #d2d2d2;
    border-left:0px solid #d2d2d2;
    border-right:0px solid #d2d2d2;
	width:100%
    }
#search {
    color:#fff;
    font-family: Tahoma,Arial,sans-serif;
    font-size:11px;
    }

#search p {
    margin:4px 10px 4px 20px;
    }
#search form {margin:6px 4px 8px 0;}
.edit2 {margin-left:4px; width:130px;}
#search a, #search a:link,#search a:visited {
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    }
#search a:hover {
    text-decoration:underline;
    }
.hdr2 {
    font-size:90%;
    }
.hdr2 a, .hdr2 a:link,.hdr2 a:visited {
    font-weight:normal;
    color:#fff;
    text-decoration:none;
    }
.hdr2 a:hover {
    text-decoration:underline;
    }

#main {
    background-color:#fff;
	width:100%;
	overflow:auto
}

.graybox {
    background-color:#eaeaea;
    padding:4px;
}

.bluelink {
    color:#009;
    }
.bluelink a,.bluelink a:link,.bluelink a:visited {
    color:#009;
    font-weight:normal;
    text-decoration:none;
    }
.bluelink a:hover {
    color:#009;
    text-decoration:underline;
    }
.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; max-width:1024px;
}


#content a,#content a:link,#content a:visited {
    color:#009;
    font-weight:normal;
    text-decoration:none;
    }
#content a:hover {
    color:#009;
    text-decoration:underline;
    }
#fullcontent {
clear:left; text-align:justify; margin:0 0 0 0; padding:1em 1ex 1em 1.5ex; display:inline-block; width:98%
}
.edittext {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}
#rightnav {
    margin:6px 6px 6px 10px;
    background-color:#fff;
}
#urhere {
    background-image: url(/images/here.gif);
    background-repeat:no-repeat;
    margin:10px 6px 6px 0px;
    padding:36px 2px 8px 2px;
    color:#000;
    font-size:12px;
}

#urhere p {
    margin:6px 5px 8px 6px;
    line-height:1.2em;
}
#urhere a,#urhere a:link,#urhere a:visited {
    color:#000;
    font-weight:normal;
    text-decoration:none;
    }
#urhere a:hover {
    color:#000;
    text-decoration:underline;
    }

#rtnav2 {
  margin-top:16px !important;
    padding:2px 0 6px 0 !important;
    background-image: url(/images/greybox.gif);
    background-repeat:no-repeat;
    color:#000;
    font-size:12px;
}   

#rtnav2 a,#rtnav2 a:link,#rtnav2 a:visited {
    color:#000;
    font-weight:normal;
    text-decoration:none;
    }
    
#rtnav2 a:hover {
    color:#000;
    text-decoration:underline;
    }
    
#currentpage {font-weight:bold;}
#currentpage a,#currentpage a:link,#currentpage a:visited {
    color:#000;
    font-weight:bold;
    text-decoration:none;
    }
#currentpage a:hover {
    font-weight:bold;
    color:#000;
    text-decoration:underline;
    }
#herenow {
    font-weight:bold;
}

.redtext {color:red;}
.emtext {font-style:italic;}

#footer {
    background-color:#fff;
    border-bottom:1px solid #d2d2d2;
    font-size:11px;
    color:#333;
    text-align:center !important;
    line-height:1.1em;
	clear:both;
    }
#footer p {margin:4px 0 4px 0;}
#footer a, #footer a:link,#footer a:visited {
    font-weight:normal;
    color:#333;
    text-decoration:none;
    }
#footer a:hover {
    text-decoration:underline;
    }
.itemhidden {display:none;} 
.itemshown {display:block;}
.tblgrayhdr {
    color:white;
    text-align:center;
    background-color:#7e8892;
    line-height:1.4em;
    font-weight:bold;
    font-size:12px;
    font-family: Arial,sans-serif;
}
.tblltgrayhdr {
    color:#000;
    text-align:center;
    background-color:#d3d7da;
    line-height:1.4em;
    font-weight:normal;
    font-size:12px;
    font-family: Arial,sans-serif;
}
.tblnavyhdr {
    color:white;
    text-align:center;
    background-color:#009;
    line-height:1.4em;
    font-weight:bold;
    font-size:12px;
    font-family: Arial,sans-serif;
}
.tblltbluehdr {
    color:#000;
    background-color:#d5ecff;
    line-height:1.4em;
    font-weight:bold;
    font-size:12px;
    font-family: Arial,sans-serif;
}
.tbl1 {
    font-size:100%;
    text-align:left;
    line-height:1.2em;
    font-family: Arial,sans-serif;
    margin-top:8px !important;
    margin-bottom:8px !important;
    }
.tbl p {line-height:1.2em !important;}
.redbox {
    border:2px solid red;
    margin:12px !important;
    padding:6px !important;
    }
.dotsection {margin-top:16px !important;}
.pright {text-align:right !important;}
.pleft {text-align:left !important;}
.pcenter {text-align:center !important;}
.redline { border-bottom: 1px solid rgb(255, 0, 0); }
#content .pleftin {margin-left:20px !important;}
#content .pleftin2 {margin-left:40px !important;}
#content .ptopflush {margin-top:0 !important;padding-top:0 !important;}
.pindent {
    margin-left:12px !important;
    margin-right:12px !important;
    }

.pagenav {
        color:red;
        font-size:11px;
        text-align:right !important;
    }
.pagenav  a, .pagenav  a:link,.pagenav  a:visited {
    font-weight:normal;
    color:red !important;
    text-decoration:none;
    }
.pagenav  a:hover {
    text-decoration:underline;
    }
    .tablestyle { border:1px solid #D9D9D9; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; width:100%; line-height:1.4em; margin-bottom:1.5em; }
    .tablestyle th { border:1px solid #ccc; font:bold 110% Arial, Helvetica, sans-serif; color:#666; background-color:#E7E7E7; padding:4px; vertical-align:top; text-align:left; }
    .tablestyle td { border:1px solid #D9D9D9; padding:5px 5px 8px 4px; vertical-align:top; }
    .tablestyle caption { color:#666; font:bold 120% Arial, Helvetica, sans-serif; text-align:left; padding-top:3px; padding-bottom:8px; }
  
     .pme-main { border:1px solid #D9D9D9; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; width:100%; line-height:1.4em; margin-bottom:1.5em; }
    .pme-main th { border:1px solid #ccc; font:bold 110% Arial, Helvetica, sans-serif; color:#666; background-color:#E7E7E7; padding:4px; vertical-align:top; text-align:left; }
    .pme-main td { border:1px solid #D9D9D9; padding:5px 5px 8px 4px; vertical-align:top; }
    .pme-main caption { color:#666; font:bold 120% Arial, Helvetica, sans-serif; text-align:left; padding-top:3px; padding-bottom:8px; }   
.relatedlinks {
    font-weight:bold;
    font-size:12px;
    color:#009;
  border-bottom:1px solid #009;
    padding-bottom:2px;
}
.bcsep {color:red;font-weight:bold !important;}

.bluebox {
    background-color:#E6F5FF;
    margin:16px !important;
    padding:6px;
	border:1px solid #0066FF;
}

.ccbox {
 background-color:#e6f5ff;
 margin:16px !important;
 padding:4px;
 font-weight:bold;
 font-size:11px;
 }

.glosletter {
        font-weight:bold !important;
        color:red;
        font-size:20px;
        font-style:italic;
        margin-right:1em;
        }
.glosletter  a, .glosletter  a:link,.glosletter  a:visited {
    word-spacing:0.5em;
    font-weight:bold !important;
    color:red !important;
    text-decoration:none;
    }
.glosletter  a:hover {
    text-decoration:underline;
    }
    
.gloslink {
        font-weight:bold !important;
        color:red;
        font-size:12px;
        }
.gloslink  a, .gloslink  a:link,.gloslink  a:visited {
    font-weight:bold !important;
    color:red !important;
    text-decoration:none;
    }
.gloslink  a:hover {
    text-decoration:underline;
    }
    
.super {
    vertical-align:super;
    color:#f00;
    font-size:80%;
    }
.reditalic {
    font-style:italic;
    color:#f00;
}
.red {
    color:#f00;
}
.darkred {color:#990000;}

.tblbrdr {border-collapse:collapse;margin:12px 4px 12px 0 !important;}
.tblbrdr td {border:1px solid #000; padding:3px;}
.tblbrdr td td {border-style:none;}

#userform {
margin:4px 0px 4px 8px;
 }
 
#userform p {
    color:red;
    }
.events_menu {
float:left;
margin-left:5px;
margin-right:10px;
}
    
#artpub {
 color:black;
 font-size:11px;
}

.dashedline {border-bottom:1px dashed #333;width:900px;height:1px;margin:8px 0;}
.rtalign {text-align:right;}
.lecturetitle {
    font-size:18px;
    font-weight:normal;
    color:#fff;
    text-align:left;
		padding:3px 0 3px 8px;
		background-image:url(/images/redgradient.jpg);
		
}
.eventrow {border-bottom:dashed 1px #999;}

.bigtitle {
 color:#00f;
 font-size:20px;
 font-weight:bold;
 margin:16px 0 16px 0 !important;
}

.toptitle {
 color:#f00;
 font-size:18px;
 font-weight:bold;
 margin:16px 0 16px 0 !important;
}
.toplite1 {
	color:#f00;
	font-size:20px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:16px 0 !important;
}
.toplite2 {
	color:#f00;
	font-size:16px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:16px 0 !important;
}
#outlinelevel p {margin-top:4px !important; margin-bottom:4px !important;}
#outlinelevel blockquote {margin-top:6px; margin-bottom:6px;}

.secsp {margin:38px 0 16px 0 !important;}
#content p.secspsm {margin-top:18px !important;}
.warningbox {
    border:1px solid red;
 		background-color:#fdd;
    margin:20px 16px !important;
    padding:0 8px !important;
 }
 
 .greenbox {
	border:1px solid blue;
	background-color:#82FFB4;
	margin:20px 16px !important;
	padding: 10px !important;
 }
 
 #content a.extlink  {
	background: url(/images/extlink.gif) center right no-repeat;
	padding-right: 16px;
}
.redbullet {list-style-image:url(/images/2008home/Bullet-round.gif)}
.redbullet1 {list-style-image:url(/images/2008home/Bullet-round.gif)}
.toctop {margin-top:8px;}
.videos {background-color:#ccffcc;}
#content .videos p {margin-top:12px !important;margin-right:8px !important;}
.tbl2 {
    border-collapse: collapse;
		border: 1px solid #333;
}
.tbl2 td {
	border:1px solid #333;
	padding:0.5em;
}
.eventslist {
	margin-top:12px;
	background-image:url(/images/nbleft.jpg);
	background-repeat:repeat-y;
}
.newsletterhdr {color:red;font-size:14px;font-weight:bold;margin-top:28px !important}

.lisq {list-style: square; list-style-image:none}
.licirc {list-style: circle; list-style-image:none}
.whitetitle {color:white;background-color:#00F;padding:0px 0 8px 8px;font-size:24px;}

.blogs-title {
	color: #0071BC;
	font-size: 18px;
	font-weight: bold;
	margin-bottom:12px;
}

.heading_page {
	color: #8C8C8C;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 32px;
}

.submit_status {
	color:#FF0000;
	font-size:14px;
}

.horzdivider {
border-bottom-style:solid; border-width:1px; width:100%
}

.horzdividertoc {
border-bottom-style:solid; border-width:1px; width:100%; border-color:#FF0000;
}
#TableOfContentsContainer{
	border-top:1px red solid;
	border-bottom:1px red solid;
	margin:10px;
	}
#TableOfContentsContainer ul {
	list-style-type:none !important;
	margin-left:5px;
	padding:0px; }

.vertdivider {
border-left-style:solid; border-width:1px; height:330px
}

.errormsg {
color:#FF0000;
padding:20px 0 30px 70px; 
background-image:url(/userfiles/image/icons/error.gif); 
background-repeat:no-repeat; 
width:500px
}

.imgspace { padding:5px; }

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  
  margin-bottom: 3px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}

#overlay{
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 10px;
     width:100%;
     text-align:center;
     z-index: 1000;
     background-image:url(/userfiles/image/ssrf_assets/overlay-bg.png);
	 border:1px thick #F00;
	 color:#FFF;
	 font-size:120%;
	}
#overlay a, #overlay a:link,#overlay a:visited {
    color:#FFF;
    text-decoration:none;
    }
#overlay a:hover {
    text-decoration:underline;
    }
.backlinks{
	background: none repeat scroll 0 0 #EEEDEE;
    border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    margin: 20px 0 20px 0;
    padding: 5px;
}

#tabbed-content{
    border: 1px solid #CCCCCC;
    padding: 7px;
border-radius: 4px 4px 4px 4px;
overflow:auto
}
#tabbed-menu {
    list-style-type: none;
    margin-left: 13%;
    margin-bottom:-12px;
    overflow: auto;
    padding: 0;
}
#tabbed-menu li a {
    border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
    display: block;
    padding: 2px 15px;
    text-decoration: none;
margin:0px !important
}
#tabbed-menu li {
    display: inline;
    float: left;
    padding: 0;
margin:0px !important;
font-weight:bold;
}
#tabbed-menu li a.current {
    background-color: #E5F4FF !important;
     color: #212121;
    font-weight: normal;
font-weight:bold;
}
#tabbed-menu li a {
    display: block;
    margin-right: 5px;
    padding: 0.5em 1em;
    text-decoration: none;
background-color: #FFFFFF!important;
}