@charset "utf-8";
/* CSS Document */

/* This is all the stuff needed for the horizontal nav on all pages */

body{ behavior:url("csshover2.htc"); }
.pd_menu_01 {float:left; padding:0; margin:0;color: #646464;background: #C0C0C0;width:100%; border:solid 1px #FFFFFF;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-size:12px;
color: #646464;
background-color: #C0C0C0;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF;}
.pd_menu_01 ul li a {color: #646464;background: #C0C0C0;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #646464;background: #C0C0C0; width:1px}
.pd_menu_01 ul li:hover a {background-color:#C0C0C0; text-decoration:none; color:#0D0D0D;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:90px; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; background-color:#383838;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#4D4D4D; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/
.pd_menu_01 ul li a:hover {background-color:#C0C0C0; text-decoration:none;color:#0D0D0D;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:90px; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#383838;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a {display:block; width:90px; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; background-color:#383838;  color:#FFFFFF;} 
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#4D4D4D; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/

/* end horizontal nav stuff */

.black-10px {font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;}

.black-12px {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;}

.gray-12px {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;}

.red-10px {font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
color: #0099cc;}

.red-12px {font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color: #0099cc;}

.black-14px {font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#000;}

.grey-14px {font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#666;}

.gray-10px {font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666}


h1, h2, h3, h4, h5, h6, h7 {
	font-family: Arial Black, sans-serif;
	color: #000;
}

a { text-decoration:none;
}

a.red:link {
	color: #cc9966;
}

a.white:link {
	color: #ffffff;
}

a.black:link {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

img {  
	border-style: none;
}

/* This is where all the spacial rules for most of the DIV tags are */
/* This content is for all pages */
#wraper { /* This makes everything nice and centered in the browser */
	position:relative; 
	top:0px;
	left:0px;
	width:1120px;
	height:900px;
	margin:auto;
	
}

#headder { /* This is where the vsw text logo, nav and google site search live */
	position:absolute;
	top:10px;
	left:10px;
	width:1100px;
	height:auto;
}

#horznav { /* This contains only the horzontal navigation bar */
	position:absolute;
	top:60px;
	left:335px;
	width:775px;
	height:15px;
	z-index:3;
}

#footer { /* VSW contact info and copyright stuff lives here */
	position:absolute;
	top:804px;
	left:373px;
	width:700px;
	height:55px;
	z-index:0;
}

#more_button { /*this tag is on all content pages to allow linking to additional pages    If it is not needed it should be commented out NOT DELETED */
	position:absolute;
	top:775px;
	left:1025px;
	width:100px;
	height:35px;
	z-index:4;
}

#back_button { /*this tag is on all content pages to allow link back from additional pages    If it is not needed it should be commented out NOT DELETED */
	position:absolute;
	top:775px;
	left:25px;
	width:100px;
	height:35px;
	z-index:4;
}



/* This content is only for the "home" page */
#home-body { /* This holds the interactive family portrait on the index page */
	position:absolute;
	top:115px; 
	left:200px;
	width:926px;
	height:700px;
}

#news { /* this is a left hand text column */
	position:absolute;
	top:120px;
	left:60px;
	width:150px;
	height:620px;
	z-index:5;
}

#info { /* this is a text field on the left hand side */
	position:absolute;
	top:130px;
	left:100px;
	width:350px;
	height:600px;
	z-index:2;
}

#info_w { /* this is a text field on the left hand side */
	position:absolute;
	top:130px;
	left:50px;
	width:630px;
	height:600px;
	z-index:2;
}

#slides { /* this is the container for the simple viewer script */
	position:absolute;
	top:400px;
	left:415px;
	height:413px;
	width:606px;
	padding:0;
	margin:0;
	z-index:5;
}

/* This content is for all of the specific sub sections */

#media_field { /* this has the three pictures per page in it, it cal hold virtually anything we like that fits to the dimentions below */
	position:absolute;
	top:120px;
	left:730px;
	width:300px;
	height:660px;
	z-index:0;
}

#media_field_w { /* this is an alternative media field that is 550pc wide use ONE OR THE OTHER not both note this space is above the vsw_head space and therefor may have an undesirealbe overlap depending on the content */
	position:absolute;
	top:120px;
	left:500px;
	width:500px;
	height:660px;
	z-index:1;
}
	
#media_field_all { /* this is another alternative media field that is 1100pc wide use ONE OR THE OTHER not both note this space is above the vsw_head space and therefor may have an undesirealbe overlap depending on the content */
	position:absolute;
	top:120px;
	left:10px;
	width:1100px;
	height:660px;
	z-index:1;
}

#press_store { /* this is another alternative media field that is 1100pc wide use ONE OR THE OTHER not both note this space is above the vsw_head space and therefor may have an undesirealbe overlap depending on the content */
	position:absolute;
	top:120px;
	left:10px;
	width:1100px;
	height:auto;
	z-index:1;
}



#vsw_head {
	position:absolute;
	top:412px;
	left:51px;
	width:450px;
	height:383px;
	z-index:0;
}