body{
	background-image: url("img/vgrad_logo.png");
	background-repeat: repeat-x;
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;
	/*text-align: center;*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}

a{
	color: #000;
}

img{
	border: none;
}

.alignright{
	float: right;
}


img.framed{
	border: 1px dotted black;
	padding: 5px;
	background-color:white;
}

img#logo{
	/*margin: 10px 10px 0px 10px;*/
	padding-bottom: 10px;
}

div#center{
	/*margin:0 auto;*/
	/*text-align: left;*/
	/*width: 800px;*/
}

div#page{
	background-color: white;
 	/*border: 1px solid #999999;*/
	background-image: url('img/bg_browse_grad_left.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	color: black;
}

div#pageborder{
	border-bottom: 2px solid #999999;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: white;
}

	

div#headerimage{
	height: 220px;
	background-image: url("img/headings/child_computer.png");
	background-repeat: no-repeat;
 	background-color: #f1f1f1;
	border-bottom: 5px solid #f1f1f1;
	border-top: 5px solid #f1f1f1;
}

div.title{
	padding: 20px;
	font-size: 40px;
	color: white;
	text-transform: uppercase;
	width: 800px;
}

/*div#menu{
	color: white;
	font-family: Arial,  Verdana,  sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: url("img/vgrad_menu.png");
	padding: 4px;
	padding-left: 10px;
	height: 20px;
}

div#menu a{
	color: #CCCCCC;
	text-decoration: none;
	margin-right: 10px;
}
div#menu a:hover{
	color: white;
	border-bottom: 3px solid #ee2222;
}*/
 div#menu{ 
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	border-bottom: 5px solid orange;
	margin-bottom: 1px;
}

ul#menu{	
	list-style-type: none;

	margin: 0px;
	
	padding: 0px;
	border-bottom: 1px solid white;
	font-size: 1em;
	font-weight: bold;
}


ul#menu li{
	display: inline;
	
}

ul#menu li:first-child{
	margin-left: 13px;
	
}

ul#menu a{
	text-decoration: none;
	margin: 3px;
	
	padding: 0.3em 0.3em 0px 0.3em;
	color: white;
	padding-left:10px;
	padding-right:10px;
}


ul#menu a.current{
	background-color: orange;
	border: 1px solid white;
	border-bottom:1px solid orange; 
	margin: 2px;
}

ul#menu a:hover{
	/*background-color: gray;*/
	/*border: 1px solid white;*/
	border-bottom:3px solid white; 
	/*margin: 2px;*/
}

ul#menu li > ul {
	display: none;
	z-index: 1000;
}

ul#menu li:hover > ul {
	display: block;
    position: absolute;          /* make child blocks hover without leaving space for them */
	
}


/* */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
  
  list-style-type: none;

  margin: 0px;
	
  padding: 0px;
  border-bottom: 1px solid white;
  font-size: 1em;
  font-weight: bold;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu- li:first-child{
	margin-left: 13px;	
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  padding-bottom: 4px;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  --width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  width: 100%;
}

/* Root Menu */
ul#navmenu-h a {
 /* -border: 1px solid #FFF;
  -border-right-color: #CCC;
  -border-bottom-color: #CCC;*/
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
 /* -background: #EEE;
  -color: #666;
  -font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
  text-decoration: none;
	margin: 3px;
	
	padding: 0.3em 0.3em 0px 0.3em;
	color: white;
	padding-left:10px;
	padding-right:10px;
	
}

ul#navmenu-h li.languageIcon a{
	padding-left:2px;
	padding-right:2px;
}
	
ul#menu a.current{
	background-color: orange;
	border: 1px solid white;
	border-bottom:1px solid orange; 
	margin: 2px;
}

ul#menu a:hover{
	/*background-color: gray;*/
	/*border: 1px solid white;*/
	
	/*margin: 2px;*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
 /*border-bottom:3px solid white;*/ 
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
 /* --background: #EEE;
  --color: #666;*/
  border-bottom: none; 
  padding-bottom: 4px;
}

/* 2nd Menu */
ul#navmenu-h li:hover ul,
ul#navmenu-h li.iehover ul {
	background: #a6a6a6;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: -1px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #CCC;
/*  -color: #FFF;*/
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
 /* --background: #EEE;
  --color: #666;*/
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
/*  --background: #CCC;
  --color: #FFF;*/
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
 /* --background: #EEE;
  --color: #666;*/
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 /* --background: #CCC;
  --color: #FFF;*/
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


/* */

div#content{
	/*margin: 10px;*/
	padding: 13px;
	width: 800px;
}

div.endofpage{
	clear:right;
}

div#disclamer{
	color: #666666;
	font-size: smaller;
}

div#news{
	width: 220px;
	padding-top: 30px;
	padding-left: 30px;
}

div.news{
	//border: 1px dotted black;
	padding: 1px;
	padding-top: 3px;
	border:1px solid #f1f1f1;
	margin-bottom: 10px;
}

div.newsHeader{
	padding: 4px;
	background-image: url("img/news_header_bg.png");
	background-position: bottom;
	padding-bottom:10px;
	margin: 0px;
}
div.newsContent{
	/*bfackground-color: #f1f1f1;*/
	padding: 5px;
	margin: 0px;
	//border:1px solid #f1f1f1;
	/*border-top:1px solid #a2a2a2;*/
	background-image: url("img/news_content_bg.png");
	background-position: bottom;
}

div.newsContent h3{
	text-align: center;
	margin-top: 0px;
}

table#contentHolder td{
	vertical-align: top;
}

	
/* content formating */
div.quote{
	width: 400px;
	font-style: italic;
	border: 1px dotted #333;
/* 	border-right: none; */
	padding: 5px;
	float: right;
}

div.quote img.resizable{
	width: 100%;		
}

table.form tr td:first-child{
	text-align: right;
	font-weight: bold;
}

/* add shadows to content images*/
div#content img{
	border: 1px solid #a2a2a2;
	padding: 2px;
	background: url(shadow.gif) no-repeat bottom right;
	margin: -6px 6px 6px -6px;
}
	
div#content img.borderless{
	border: none;
	padding: 0px;
}
	

div.form {
	display:none;
	position:absolute;
	z-order:300;
	top:200px;
	left: 150px ;
	background-color:#eeeeee;
	border: 2px solid #555555;
	textAlign:center;
	width:500px;
	padding: 20px;	
}

div.form table.productList thead tr{
	border-bottom: 1px solid #dddddd;
}

table.rightAndLeft td:first-child {
	text-align: right;
	vertical-align: top;
}

/* search engine styling*/
.gsc-branding, .gsc-tabsArea{
	display:none;
}