/*----------CSS for VirtualScopics - Rochester, NY-----------------------------------------------------*/
/*----------Created by Brian Daggett - Innovative Solutions - Rochester, NY-----------------------------*/

* {padding:0px;	margin:0px;}
p { line-height:1.7em; padding-bottom:10px;}

body {
	background:#d3d9f7;
	margin:0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
#content-wrapper {
	width: 800px;
	position: relative;
	vertical-align:top;
	margin:0px auto;
	border: 1px solid #000000;
	background:#FFFFFF;
	}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.float-right-clear {float:right; clear:both;}
.image-left {float:left; padding:8px;}
.image-right {float:right; padding:8px;}
.website-link {font-size:10px;}
hr {width:50%; color:#CCCCCC; margin-bottom:8px;}
.highlight {font-family:'Times New Roman', Times, serif; font-style:italic; font-size:13px;}
.caption {font-family:'Times New Roman', Times, serif; font-size:11px; float:right; clear:both; padding:4px;}
.line-break { width:310px; padding:5px 0px 10px 5px;}

/*------------HEADER STUFF--------*/
#header { width:800px; height:121px;}
		
/*-----------LEFT STUFF --*/
#left-content { width:196px; background:url(images/sidebar-bg.jpg) repeat-y #c9cacc; float:left;}
#left-content p {padding:10px; line-height:2em; color:#333333;}
.quote-name {font-style:italic; font-size:10px;}
.list {list-style:none; padding:2px 0px 2px 15px;}
.list li{ padding:4px 0px;}
.bullet-list { padding:5px 0px;}
.bullet-list li{ list-style:none; padding: 0px 0px 5px 10px; background:url(images/bullet.gif) no-repeat 0px/*left and right*/ 4px /*up and down*/;}
.link-list{list-style:none;}
.link-list li{ padding:4px 0px;}
/*-----------RIGHT STUFF --*/
#home-banner { z-index: 1;}
#right-content { width:574px; clear:both; padding:15px;}

/*-----------INSIDE STUFF --*/
#inside-content { width:770px; clear:both; padding:15px;}

/* ----------GLOBAL HEADERS-------*/
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#253e89; text-transform:uppercase; padding-bottom:10px;}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#00b2c1;}
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#999999; padding-bottom:7px;}
	
/* ----------GLOBAL LINKS---------*/
a:link {color:#253e89; text-decoration:underline;}
a:visited {color:#253e89; text-decoration:underline;}
a:hover {color:#253e89; text-decoration:none;}
a:active {color:#253e89; text-decoration:underline;}

/* ----------DROP DOWN NAVIGATION------------*/
.suckertreemenu {
margin: 0;
padding: 0;
background-color: #253e89; /*overall menu background color*/
width:800px;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #253e89; /*overall menu background color*/
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #253e89; /*overall menu background color*/
width: 100px; /*Width of top level menu link items*/
color: #ffffff;
text-align:center;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
/*width: 90px; Width of top level menu link items*/
padding: 7px 6px;
/*border: 1px solid black;
border-left-width: 0;*/
text-decoration: none;
color: #ffffff;
}
.suckertreemenu ul li a:visited{color: #ffffff; background-color: #253e89; text-decoration: none;}
.suckertreemenu ul li a:hover{color: #ffffff; background-color: #253e89; text-decoration: none;}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color: #253e89;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
text-align:left;
background-color: #253e89;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color: #ffffff;
text-decoration: none;
padding: 5px;
/*padding: 1px 5px;*/
/*border: 1px solid #ccc;*/
background-color: #253e89;
}
.suckertreemenu ul li a:visited{background-color: #253e89; color: white;text-decoration: none;
}
.suckertreemenu ul li a:hover{background-color: #7d86cf; color: white; text-decoration: none;
}

/*Background image for top level menu list links*/
.suckertreemenu .mainfoldericon{
background: #253e89 url(media/arrow-down.gif) no-repeat center right;
} 

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #253e89 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}
/* End */

/*-----------FOOTER----------------*/
#footer { width:800px; text-align:center; margin:0px auto; padding:10px 0px; font-size:10px; clear:both; color:#253e89;}
#footer a:link {color:#253e89; text-decoration:underline;}
#footer a:visited {color:#253e89; text-decoration:underline;}
#footer a:hover {color:#253e89; text-decoration:none;}
#footer a:active {color:#253e89; text-decoration:underline;}

.seminarList {padding-left: 30px;}
.seminarList li {padding-bottom: 10px; }