/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~~-~-~-~-~~-~-~-~-~~-~-~-~-~~-~-~-~- */
		/* ~-~-~-~-~-~-~- Styles.css VUHS Visual Arts Styles Sheet ~-~-~-~-~-~-~ */
		/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~~-~-~-~-~~-~-~-~-~~-~-~-~-~~-~-~- */


/* ~-~-~-~-~-~-~- Default Tags ~-~-~-~-~-~-~ */
*
	{ 
		margin:0px;
		padding:0px;
		border:0px;
	}

/* ~-~-~-~-~-~-~- body Tags ~-~-~-~-~-~-~ */
body
	{
		background-color:black;
	}

div.background
	{
	
		width:100%;
		display:table;
		text-align:left;
		background-image:url(../IMAGES/LayoutComponents/backgroundVisualArts.jpg);
		background-position: 50% 0%; 
		background-repeat:no-repeat;
	}
div.page
	{
		width:900px;
		margin:0px auto;
	}
div.mainNav
	{
		width:900px;
		height:80px;
	}

div.header 
	{
		width:900px;
		height:270px;
	}

div.menu 
	{
		background-color:;
		margin-top:100px;
		width:200px;
		min-height:502px;
		_height:502px;
		float:left;
		text-align:left;
	}
	
div.contentHeader
	{
		margin-left:220px;
		width:688px;
		height:50px;
	}

div.content
	{
		width:688px;
		background-color:#ffffff;
		margin-top:75px;
		margin-left:211px;
		min-height:500px;
		_height:500px;
	}

div.contentCourses
	{
		width:650px;
		background-color:#ffffff;
		margin-top:75px;
		margin-left:211px;
		min-height:500px;
		_height:500px;
		padding-left:40px;
	}

div.footer 
	{
		background-color:;
		width:830px;
		height:30px;
		padding:10px;
	}
	
div.calendar
	{
		margin:10px auto;
	}

/* ~-~-~-~-~-~-~- link Tags ~-~-~-~-~-~-~ */

a.calendar
	{
		color:black;
	}
	
a.gallery
	{
		color:black;
	}

a.seniorArtist
	{
		color:black;
	}
	
/* ~-~-~-~-~-~-~- paragraph Tags ~-~-~-~-~-~-~ */

p.content
	{
		padding-left:40px;
		padding-right:150px;
		padding-top:0px;
		padding-bottom:20px;
		font-family:sans-serif;
		font-size:14px;
		text-align:left;
		text-indent:30px;
		line-height:20px;
		color:black;
	}

p.faculty
	{
		padding-left:40px;
		padding-right:50px;
		padding-top:0px;
		padding-bottom:20px;
		font-family:sans-serif;
		font-size:14px;
		text-align:left;
		text-indent:30px;
		line-height:20px;
		color:black;
	}

p.artist
{
	font-size:30px;
}

/* ~-~-~-~-~-~-~- header Tags ~-~-~-~-~-~-~ */

h2.content
	{
		padding-top:30px;
		padding-bottom:20px;
		color:black;
		letter-spacing:2px;
		text-align:center;
	}

h4.content
	{
		padding-bottom:5px;
		padding-top:0px;
		padding-left:40px;
		color:black;
		letter-spacing:2px;
		text-align:left;
		text-decoration:underline;
	}
	
h5.subtxt
	{
		padding-bottom:5px;
		padding-top:0px;
		padding-left:50px;
		color:black;
		letter-spacing:2px;
		text-align:left;
		text-decoration:none;
	}
	
h4.courses
	{
		padding-left:30px;
		padding-bottom:5px;
		color:black;
		letter-spacing:2px;
		text-align:left;
		text-decoration:none;
	}

/* ~-~-~-~-~-~-~- image Tags ~-~-~-~-~-~-~ */

img.picVertRight
	{
		width:175px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		float:right;
		margin-right:50px;
		margin-left:10px;
		margin-bottom:10px;
		margin-top:5px;
	}
	
img.picHoriRight
	{
		height:175px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		float:right;
		margin-right:50px;
		margin-left:10px;
		margin-bottom:10px;
		margin-top:5px;
	}
	
img.picVertLeft
	{
		width:175px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		float:left;
		margin-right:25px;
		margin-left:40px;
		margin-bottom:10px;
		margin-top:5px;
	}
	
img.picHoriLeft
	{
		height:175px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		float:left;
		margin-right:25px;
		margin-left:40px;
		margin-bottom:10px;
		margin-top:5px;
	}
	
img.picCourses
	{
		height:150px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		float:left;
		margin-right:10px;
		margin-left:30px;
	}

img.picGallery
	{
		height:300px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		margin-top:30px;
		margin-left:80px;
	}
img.announcements
	{
		height:200px;
		margin-top:20px;
		margin-left:5px;		
	}
	
img.seniorVertRight
	{
		width:175px;
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		float:right;
		margin-right:5px;
		margin-left:10px;
		margin-bottom:10px;
		margin-top:5px;
	}

img.portfolio
	{
		border-color:#002573;
		border-style:solid;
		border-width:4px;
		margin:20px auto;
	}
	
/* ~-~-~-~-~-~-~- table Tags ~-~-~-~-~-~-~ */

table.courses
	{
		width:600px;
		border-style:none;
	}
	
tr.courses
	{
		height:200px;
	}

td.courses
	{
		width:300px
	}
	
table.seniorArtist
	{
		width:600px;
		margin:10px auto;
	}
	
tr.seniorArtist
	{
	}

td.yearSenior
	{
		width:100px;
		border-right-style:solid;
		border-width:2px;
		border-color:white;

	}

td.seniorArtist
	{
		width:500px;

	}

/* ~-~-~-~-~-~-~- list Tags ~-~-~-~-~-~-~ */

ul.navSide li a
	{
		background-image:url(../IMAGES/LayoutComponents/Tabs.jpg);
		display:block;
		height:50px;
		width:200;
		font-size:12px;
		color:black;
		font-family:sans-serif;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
	}
ul.navSide li.home						a {background-position:0px    0px;}
ul.navSide li.aboutTheFaculty 			a {background-position:0px  -50px;}
ul.navSide li.visualArtsCourses 		a {background-position:0px -100px;}
ul.navSide li.artClub 					a {background-position:0px -150px;}
ul.navSide li.artGallery 				a {background-position:0px -200px;}
ul.navSide li.artEventsAnnouncements 	a {background-position:0px -250px;}
ul.navSide li.seniorArtist 				a {background-position:0px -300px;}
ul.navSide li.mainPage 					a {background-position:0px -350px;}

ul.navSide li.home						a:hover {background-position:-400px    0px;}
ul.navSide li.aboutTheFaculty 			a:hover {background-position:-400px  -50px;}
ul.navSide li.visualArtsCourses 		a:hover {background-position:-400px -100px;}
ul.navSide li.artClub 					a:hover {background-position:-400px -150px;}
ul.navSide li.artGallery 				a:hover {background-position:-400px -200px;}
ul.navSide li.artEventsAnnouncements 	a:hover {background-position:-400px -250px;}
ul.navSide li.seniorArtist 				a:hover {background-position:-400px -300px;}
ul.navSide li.mainPage 					a:hover {background-position:-400px -350px;}

ul.navSideSub li a
	{
		background-image:url(../IMAGES/LayoutComponents/Tabs.jpg);
		display:block;
		height:30px;
		width:200px;
		font-size:12px;
		color:black;
		font-family:sans-serif;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
	}
ul.navSideSub li.artEssentials				a {background-position:0px -400px;}
ul.navSideSub li.advancedArt				a {background-position:0px -430px;}
ul.navSideSub li.specialTopics				a {background-position:0px -460px;}
ul.navSideSub li.creatingPortfolios 		a {background-position:0px -490px;}
ul.navSideSub li.digitalPhotography			a {background-position:0px -520px;}
ul.navSideSub li.middleSchool				a {background-position:0px -550px;}

ul.navSideSub li.artEssentials			a:hover {background-position:-400px -400px;}
ul.navSideSub li.advancedArt 			a:hover {background-position:-400px -430px;}
ul.navSideSub li.specialTopics			a:hover {background-position:-400px -460px;}
ul.navSideSub li.creatingPortfolios 	a:hover {background-position:-400px -490px;}
ul.navSideSub li.digitalPhotography 	a:hover {background-position:-400px -520px;}
ul.navSideSub li.middleSchool			a:hover {background-position:-400px -550px;}

#mainNav li
	{
		list-style:none;
		float:left;
	}
#mainNav li a
	{
		background-image:url(../IMAGES/LayoutComponents/TopNav.jpg);
		display:block;
		height:50px;
		font-size:12px;
		color:black;
		font-family:sans-serif;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		margin-top:30px;
		margin-left:10px;
		margin-right:10px;
	}
#mainNav li ul
	{
		display: none;
		width:10px;
	}
#mainNav ul li a/*Individule positions*/
	{
		background-image:url(../IMAGES/LayoutComponents/TopNav.jpg);
		height:50px;
		width:190px;
		margin:0px;
		margin-left:10px;
	}

#mainNav li:hover ul, #mainNav li.hover ul
	{
		display: block;
	}
#mainNav li:hover li, #mainNav li.hover li
	{
		float:none;
	}
/*div nav*/
#mainNav li div.twoColumn
	{
		position:absolute;
	}
#mainNav li div.twoColumn ul
	{
		display: none;
		width:180px;
	}
#mainNav li:hover div.twoColumn ul, #mainNav li.hover div.twoColumn ul
	{
		display: block;
		float: left;
	}
/**/
#mainNav li a.home
							{
								background-position: -10px -50px;
								width:80px;
							}
#mainNav li:hover a.home
							{
								background-position: -10px 0px;
								width:80px;
							}
#mainNav li a.calendars
							{
								background-position:-110px -50px;
								width:100px;
							}
#mainNav li:hover a.calendars
							{
								background-position:-20px -150px;
								width:100px;
							}
#mainNav li a.email
							{
								background-position:-230px -50px;
								width:70px;
							}
#mainNav li:hover a.email
							{
								background-position:-440px -150px;
								width:70px;
							}
#mainNav li a.middleSchool
							{
								background-position:-320px -50px;
								width:130px;
							}
#mainNav li:hover a.middleSchool
							{
								background-position:-20px -760px;
								width:130px;
							}
#mainNav li a.highSchool
							{
								background-position:-470px -50px;
								width:120px;
							}
#mainNav li:hover a.highSchool
							{
								background-position:-20px -460px;
								width:120px;
							}
#mainNav li a.guidance
							{
								background-position:-610px -50px;
								width:100px;
							}
#mainNav li:hover a.guidance
							{
								background-position:-110px 0px;
								width:100px;
							}
#mainNav li a.sports 
							{
								background-position:-730px -50px;
								width:80px;
							}
#mainNav li:hover a.sports
							{
								background-position:-230px 0px;
								width:80px;
							}

#mainNav ul li a.VUHSCalendar
							{
								background-position:-20px -200px;
							}
#mainNav ul li:hover a.VUHSCalendar
							{
								background-position:-230px -200px;
							}
#mainNav ul li a.DailySchedules
							{
								background-position:-20px -250px;
							}
#mainNav ul li:hover a.DailySchedules
							{
								background-position:-230px -250px;
							}
#mainNav ul li a.ANWSU
							{
								background-position:-20px -300px;
							}
#mainNav ul li:hover a.ANWSU
							{
								background-position:-230px -300px;
							}
#mainNav ul li a.GoogleLogin
							{
								background-position:-440px -200px;
							}
#mainNav ul li:hover a.GoogleLogin
							{
								background-position:-680px -200px;
							}
#mainNav ul li a.GmailTips
							{
								background-position:-440px -250px;
							}
#mainNav ul li:hover a.GmailTips
							{
								background-position:-680px -250px;
							}
#mainNav ul li a.GoogleResources
							{
								background-position:-440px -300px;
							}
#mainNav ul li:hover a.GoogleResources
							{
								background-position:-680px -300px;
							}
#mainNav ul li a.MSNews
							{
								background-position:-20px -810px;
							}
#mainNav ul li:hover a.MSNews
							{
								background-position:-310px -810px;
							}
#mainNav ul li a.Endeavor
							{
								background-position:-20px -860px;
							}
#mainNav ul li:hover a.Endeavor
							{
								background-position:-310px -860px;
							}
#mainNav ul li a.Phoenix
							{
								background-position:-20px -910px;
							}
#mainNav ul li:hover a.Phoenix
							{
								background-position:-310px -910px;
							}
#mainNav ul li a.HSMath
							{
								background-position:-20px -510px;
								width:180px;
							}
#mainNav ul li:hover a.HSMath
							{
								background-position:-470px -510px;
								width:180px;
							}
#mainNav ul li a.HSScience
							{
								background-position:-20px -560px;
								width:180px;
							}
#mainNav ul li:hover a.HSScience
							{
								background-position:-470px -560px;
								width:180px;
							}
#mainNav ul li a.HSSocialStudies
							{
								background-position:-20px -610px;
								width:180px;
							}
#mainNav ul li:hover a.HSSocialStudies
							{
								background-position:-470px -610px;
								width:180px;
							}
#mainNav ul li a.WorldLanguages
							{
								background-position:-20px -660px;
								width:180px;
							}
#mainNav ul li:hover a.WorldLanguages
							{
								background-position:-470px -660px;
								width:180px;
							}
#mainNav ul li a.LanguageArts
							{
								background-position:-200px -510px;
							}
#mainNav ul li:hover a.LanguageArts
							{
								background-position:-650px -510px;
							}
#mainNav ul li a.VisualArts
							{
								background-position:-200px -560px;
							}
#mainNav ul li:hover a.VisualArts
							{
								background-position:-650px -560px;
							}
#mainNav ul li a.DriverEducation
							{
								background-position:-200px -610px;
							}
#mainNav ul li:hover a.DriverEducation
							{
								background-position:-650px -610px;
							}
#mainNav ul li a.spacer
							{
								background-position:-200px -660px;
							}

ul.ArtClub
	{
		padding-left:40px;
		padding-right:40px;
		padding-top:0px;
		padding-bottom:60px;
		font-family:sans-serif;
		font-size:14px;
		text-align:left;
		text-indent:0px;
		line-height:20px;
		color:black;
		list-style-position:inside;
	}
	
ul.content
	{
		font-family:sans-serif;
		font-size:14px;
		text-align:left;
		text-indent:0px;
		line-height:20px;
		color:black;
		list-style-position:inside;
		list-style-type:disc;
	}
	
ul.content ul
	{
		
		font-family:sans-serif;
		font-size:14px;
		text-align:left;
		text-indent:15px;
		line-height:20px;
		color:black;
		list-style-position:inside;
		list-style-type:square;
	}

ul.seniorArtist
	{
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-family:sans-serif;
		font-size:14px;
		text-align:left;
		text-indent:0px;
		line-height:20px;
		color:black;
		list-style-position:inside;
		list-style-type:disc;
	}