/*
-----------------------------------------------
Master Screen Style
-----------------------------------------------
Home Solutions Network 
for Dawn Lambert
Northern Virginia
file:		default.css
author:		Jason Denison
date:		11 APR 2007
----------------------------------------------- */




/* body
----------------------------------------------- */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	background: url(../images/Temp2007-_03.jpg);
	background-repeat: repeat-x;
	color: #efdeb4;
	margin:0;
	padding:0;
    }
a { 
	color: #637F07;
	text-decoration: none;
	}
a:link, a:visited  { 
	color: #637F07;
	text-decoration: none;
	}
a:hover, a:active {
	color: #900;
	text-decoration: none;
	}
h3, h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.2em;
	color: #600;
	}
img, img a {
	border:0;
	}



.bottomPic {
	background-image:url(../images/Temp2007-_41.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #f6eed7;
	}
	
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height:1.1em;
	color:#010146;
	text-transform: none;
	letter-spacing:.05em;
 	}
	
.contentNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
	font-size: 14px;
	color:#010146;
	text-transform: none;
	letter-spacing: normal;
 	}

.contentSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
	font-size: 12px;
	color:#010146;
	text-transform: none;
	letter-spacing: normal;
 	}		
	
.contentBold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height:1.1em;
	color:#010146;
	text-transform: none;
	letter-spacing:.05em;
 	}	
	
.content13 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height:1.3em;
	color:#010146;
	text-transform: none;
 	}
	
.contentB13 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height:1.3em;
	color:#010146;
	text-transform: none;
 	}
	
.contentHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height:1.3em;
	color:#b58539;
	text-transform: none;
	letter-spacing:.05em;
 	}			
	
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height:1.3em;
	color:#010146;
	text-transform: none;
	letter-spacing:.05em;
 	}	
	
.SubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height:1.3em;
	color:#b58539;
	text-transform: none;
	letter-spacing:.05em;
 	}					
	
a.links, .links {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height:1.1em;
	color:#30309b;
	text-transform: none;
	letter-spacing:.05em;
 	}
	
a.links:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height:1.1em;
	color:#b58539;
	text-transform: none;
 	}	
	
a.linksB, .linksB {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height:1.7em;
	color:#30309b;
	text-transform: none;
	letter-spacing:.05em;
 	}
	
a.linksB:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height:1.7em;
	color:#b58539;
	text-transform: none;
 	}
	
a.buttonPhoto, .buttonPhoto {
	display: block;
	background-color:#30309b;
	color:#f6eed7;
	width: 120px;
	height: 25px;
	font-weight:bold;
	border:#000000;
	}			
		
	
/* Div IDs
---------------------------------------*/	
#BizName h1 {
	background-image: url(../images/Title04_34.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 172px;
	height: 105px;
	}	
#BizName span {
	display: none;
	}		




/* header css
----------------------------------------------- */
#headertext {
	background: url(images/template2007_04.jpg);
	background-repeat:no-repeat;
	text-align: left;
	margin-left: 338px;
	margin-top:  0px;
	height:98px;
	width: 652px;
	}
#headertext span {
	display: none;
	}	
#headertext h1 {
	margin: 0;
	padding: 0;
	}	
#headertext a {
    position:absolute;
	text-align:left;
	background: url(images/template2007_04.jpg);
	background-repeat:no-repeat;
	width: 652px;
	height: 98px;
	}	
	
#headercontact {	
	position: relative;
	}
#headercontact span {
	display: none;
	}
#headercontact a {
    position:absolute;	
	top: 0px;
	left: 652px;
	background: url(images/nav-top-contact-off.jpg);
	background-repeat:no-repeat;
	width: 31px;
	height: 98px;
	}	
#headercontact a:hover {
    background: url(images/nav-top-contact-on.jpg);
	}		

#headerdown {	
	position: relative;
	}
#headerdown span {
	display: none;
	}
#headerdown a {
    position:absolute;	
	top: 0px;
	left: 683px;
	background: url(images/nav-top-down-off.jpg);
	background-repeat:no-repeat;
	width: 32px;
	height: 98px;
	}
#headerdown a:hover {
    background: url(images/nav-top-down-on.jpg);
	}	


#headerquestion {	
	position: relative;
	}
#headerquestion span {
	display: none;
	}
#headerquestion a {
    position:absolute;	
	top: 0px;
	left: 715px;
	background: url(images/nav-top-quesiton-off.jpg);
	background-repeat:no-repeat;
	width: 35px;
	height: 98px;
	}
#headerquestion a:hover {
    background: url(images/nav-top-question-on.jpg);
	}	


/* Navigation Main Horz
-----------------------------------------------*/
#home {
    position: relative;
	}
#home span {
	display: none;
	}
#home a {
    position:absolute;	
	top: 0px;
	left: 528px;
	background-image:url(images/template2007_10.jpg);
	background-repeat:no-repeat;
	width: 53px;
	height: 33px;
	}
#home a:hover {
	background-image: url(images/template2007-on_10.jpg);
	}
	
#about {
    position: relative;
	}
#about span {
	display: none;
	}
#about a {
    position:absolute;	
	top: 0px;
	left: 581px;
	background-image: url(images/template2007_11.jpg);
	background-repeat:no-repeat;
	width: 70px;
	height: 33px;
	}
#about a:hover {
	background-image: url(images/template2007-on_11.jpg);
	}	
	
#news {
    position: relative;
	}
#news span {
	display: none;
	}
#news a {
    position:absolute;	
	top: 0px;
	left: 651px;
	background-image: url(images/template2007_12.jpg);
	background-repeat:no-repeat;
	width: 43px;
	height: 33px;
	}
#news a:hover {
	background-image: url(images/template2007-on_12.jpg);
	}	

	
#calendar {
    position: relative;
	}
#calendar span {
	display: none;
	}
#calendar a {
    position:absolute;	
	top: 0px;
	left: 694px;
	background-image: url(images/template2007_13.jpg);
	background-repeat:no-repeat;
	width: 71px;
	height: 33px;
	}
#calendar a:hover {
	background-image: url(images/template2007-on_13.jpg);
	}	
	
	
#admissions {
    position: relative;
	}
#admissions span {
	display: none;
	}
#admissions a {
    position:absolute;	
	top: 0px;
	left: 765px;
	background-image: url(images/template2007_14.jpg);
	background-repeat:no-repeat;
	width: 81px;
	height: 33px;
	}
#admissions a:hover {
	background-image: url(images/template2007-on_14.jpg);
	}	
	
#academics {
    position: relative;
	}
#academics span {
	display: none;
	}
#academics a {
    position:absolute;	
	top: 0px;
	left: 846px;
	background-image: url(images/template2007_15.jpg);
	background-repeat:no-repeat;
	width: 77px;
	height: 33px;
	}
#academics a:hover {
	background-image: url(images/template2007-on_15.jpg);
	}	
	
#athletics {
    position: relative;
	}
#athletics span {
	display: none;
	}
#athletics a {
    position:absolute;	
	top: 0px;
	left: 923px;
	background-image: url(images/template2007_16.jpg);
	background-repeat:no-repeat;
	width: 73px;
	height: 33px;
	}
#athletics a:hover {
	background-image: url(images/template2007-on_16.jpg);
	}
	
#chalkboard {
    position: relative;
	}
#chalkboard span {
	display: none;
	}
#chalkboard a {
    position:absolute;	
	top: 0px;
	left: 996px;
	background-image: url(images/template2007_17.jpg);
	background-repeat:no-repeat;
	width: 92px;
	height: 33px;
	}
#chalkboard a:hover {
	background-image: url(images/template2007-on_17.jpg);
	}		
	
	
/* NAVIGATION MIDDLE VERTICAL
----------------------------------------------*/
#navverthead {
    position:relative;
    float: left;
	top: -3px;
	left: 338px;
	background-image: url(images/template2007_26.jpg);
	background-repeat:no-repeat;
	width: 190px;
	height: 25px;
	}
	
#navvertnews {
    position: relative;
	}
#navvertnews a {
    position: relative;
	float:left;	
	top: 22px;
	left: 148px;
	width: 190px;
	height: 25px;
	}

	
#navvertcontact {
    position: relative;
	}
#navvertcontact a {
    position: relative;
	float:left;
	top: 42px;
	left: -42px;
	width: 190px;
	height: 18px;
	}

	
#navvertevents {
    position: relative;
	}
#navvertevents a {
    position: relative;
	float:left;
	top: 42px;
	left: -42px;
	width: 190px;
	height: 19px;
	}
	
#navverttuition {
    position: relative;
	}
#navverttuition a {
    position: relative;
	float:left;
	top: 42px;
	left: 338px;
	width: 190px;
	height: 25px;
	}
	
	
#navvertfoot {
    position:relative;
    float: left;
	top: 67px;
	left: 148px;
	background-image: url(images/template2007_33.jpg);
	background-repeat:no-repeat;
	width: 190px;
	height: 3px;
	}											


/* logo-shield
----------------------------------------------- */
#shield {
    position: absolute;
	float: left;
	top: -5px;
	left: 138px;
	background: url(images/shield2007.jpg);
	background-repeat:no-repeat;
	width: 190px;
	height: 193px;
	}

	

/* Slogan on left side Wisdom, Truth
------------------------------------------------*/
#slogan {
	margin-top: 32px;
	margin-left: 338px;
    background-image: url(images/template2007_22.jpg); 
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width: 190px;
	height: 173px;
	}	
	
#sloganbottom {
	margin-top: 0px;
	margin-left: 338px;
	float:left;
    background-color: #4e7cab;
	background-repeat: repeat;
	width: 190px;
	height: 78px;
	}	


/* Main Picture Area
------------------------------------------------*/
#mainpicture1 {
/* background-image:url(images/template2007_23.jpg);*/
   width: 305px;
   height: 255px;
   margin-top: -253px;
   margin-left: 528px;
   float: left;
   }

#mainpicture2 {
/* background-image: url(images/template2007_21.jpg);*/
   width: 255px;
   height: 255px;
   margin-top: -257px;
   margin-left: 833px;
   float: left;
   }    
   
#mainpicture3 {
/* background-image: url(images/template2007_27.jpg);*/
   width: 305px;
   height: 110px;
   margin-top: -65px;
   margin-left: 528px;
   position:relative;
   float:left;   
   }       

#mainpicture4 a {
/* background-image: url(images/template2007_28.jpg);*/
   width: 255px;
   height: 110px;
   margin-top: -110px;
   margin-left: 833px;
   position:relative;
   float: left;
   }      
   
      



/* content_wrap
----------------------------------------------- */
#content_wrap {
	float: left;
	width: 601px;
	margin-bottom:18px;
	}


/* content
----------------------------------------------- */
#content {
	float: left;
	width: 378px;
	padding: 0 20px 12px 24px;
	}
#content h3, #content h3 a {
	margin-top:0;
	color: #600;
	}
#content h3 a:hover {
	color: #900;
	}
#content ul li a:hover  { 
	color:#900;
	}
#content h4 {
	font-size:1.2em;
	color:#900;
	margin-bottom:0;
	padding-bottom:.3em;
	}
#content h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.7em;
	color:#000;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin-top:0;
	}
#content p {
	margin-top:0;
	}
#content p.photo img {
	background:url(images/photoframe.jpg) top left no-repeat;
	padding:18px;
	width:270px;
	height:180px;
	margin-left:14px;
	margin-top:18px;
	}
#content p.portrait img {
	background:url(images/photoframe_portrait.jpg) top left no-repeat;
	padding:18px;
	width:270px;
	height:405px;
	margin-left:14px;
	margin-top:18px;
	}
#content a:hover, #content a:active {
	color: #900;
	}




/* footer
----------------------------------------------- */
#footer1 {
	background-image: url(images/template2007_35.jpg);
	height: 101px;
	width: 313px;
	position: relative;
	background-repeat: no-repeat;
	margin-left: 338px;
	margin-top:0px;
	float:left;
}
#footer2 {
	background-image: url(images/template2007_36.jpg);
	background-repeat: no-repeat;
	height:101px;
	width:437px;
	margin-left:651px;
	margin-top:-101px;
	float:left;
}


/* copyright
----------------------------------------------- */
#copyright {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 1400px;
	font-weight: bold;
	margin: 0px auto 10px auto;
	padding-top: 20px;
}
#copyright p {
	margin: 0 24px 0 12px;
	width: 720px;
	}
#copyright a:hover {
	color: #FF9900;
	}
	
#designer {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	clear:both;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 1400px;
}	
#designer a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	clear:both;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 1400px;
	color:#0066CC;
}
#designer a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	clear:both;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 1400px;
	color: #CC9900;
}		
