@charset "utf-8";

/* 	
	// Trinity Lutheran SCHOOL StyleSheet
	// copperDesign
	// copper29design.com
	// One Shop Communications
	// oneshopcommunications.com
*/	

*       {margin: 0; padding: 0;}

body    {
        font-family: helvetica, verdana, sans-serif;
        font-size: .75em;
        background: url(../assets/images/gutters.gif) no-repeat 50% 0;
}

p       {
	line-height: 16px;
        color: rgb(60,61,62);
	text-align: justify;
        margin: 1em 0;
}

p.callout {
        background:#006699;
        color:#FFFFFF;
        line-height:3;
        margin:0;
        text-align:center;
        vertical-align:middle;
}


p.callout a, p.callout a:hover, p.callout a:active, p.callout a:visited	{
        text-decoration: none !important;
        background: none !important;
        color: #fff !important;
}

#content li {
        margin-left: 5px;
        padding-left: 10px;
        list-style: none;
        background: url(../assets/images/bullet.png) no-repeat 0 7px;
        color: rgb(60,61,62);
}

a	{
        color: rgb(0,102,153);
        text-decoration: underline;
}

a:hover {
        color: rgb(255,255,255);
        background-color: rgb(0,102,153);
        text-decoration: none;

}

a:visited   {
}

a:active, a img {
 	border: none;
}

h1      {
        font-size: 1.50em;
        margin: 10px 0 10px;
        color: rgb(108,32,32);
}

h2      {
        font-size: 1.20em;
        margin: 15px 0 15px;
        color: rgb(0,102,153);
        font-weight: bold;
}

h3      {
        font-size: 1em;
        margin: 10px 0 15px;
        color: rgb(0,102,153);
        font-weight: bold;
        text-align: right;
        text-decoration: underline;
}

blockquote	{
		padding: 15px 20px 0 20px;
	    color: rgb(0,102,153);
        text-align: justify;
        font-style: italic;
		font-weight: bold;
		font-size: 1.10em;
}

#about span blockquote, #about span h2	{
		text-align: center !important; 
}

.sig {
		text-align: right !important;
}

#page   {
        margin: auto;
        position: relative;
        width: 850px;
        /*height: 100%;*/
        overflow: auto;
        border: solid 0px;
        background-color: rgb(0,102,153);
}

#nav    {
        width: 100%;
        height: 38px;
        background-color: rgb(0,0,0);
	font-weight: bold;
}

#home .home a, #about .about a, #admissions .admissions a, #academics .academics a, #students .students a, #alumni .alumni a, #contact .contact a{
        color: rgb(0,102,153) !important;
}

#nav li {
	list-style: none;
	float: left;
}
	
#nav li a {
	display: block;
	padding-top: 10px;
	margin-left: 27px;
	background: none;
	color: #fff;
	text-decoration: none;
}

#nav li a:hover{
        border-bottom: 1px dotted;
}

#nav li.dropArrow a:hover{
                border: none !important;
}
	
#nav li ul {
	display: none; 
	width: 197px; /* Width to help Opera out */
	overflow: hidden;
	background: url(../assets/images/menuPixel.png) repeat;
}
	
#nav li:hover ul, #nav li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
	
#nav li:hover li, #nav li.hover li {
	float: none;
}

#dropDown li{
	margin-left: 0px;
        padding-left: 5px;
        list-style: none;
        
}
	
#nav li:hover li a, #nav li.hover li a {
		margin:0;
		padding:10px 0 3px 20px;
}

#nav li li a:hover {
	background: url(../assets/images/dropBullet.png) no-repeat 5px 55%;
        border: none !important;
}

li.dropArrow {
	 width: 115px;
	 background: url(../assets/images/dropArrow.png) no-repeat 100% 77%;
}
        

#header {
        width: 100%;
        height: 147px;
        background: transparent url(../assets/images/header.jpg) no-repeat;
}

#logo   {
        position: absolute;
        top: 49px;
        margin-left: 21px;
}

#founded    {
        position: absolute;
        left: 638px;
        top: 166px;
        margin-right: 21px;
}

#photoNav img#believe  {
		margin-right:2px;
}

#photoNav img	{
	float: right;
}

#photoNav   {
        position: relative;
        /*top: 6px;*/
        margin: 5px 21px 0;
        min-height: 205px;
        height: 205px;
        background: transparent url(../assets/images/top-left.png) no-repeat;
        background-color: rgb(38,125,168);    
        border-bottom: rgb(255,255,255) solid 1px;
		margin-top: 1px;

	/*
	 	filter: alpha(opacity=15);
		-moz-opacity: .15;
		opacity: .15;
	*/
}

	/*      #photoNavFade	{
		      position: absolute;
		      float: right;
		      height: 100px;
		      width: 808px;
		      z-index: 10;
		      background: url(../assets/images/photoNavFade.png) no-repeat;
		      top: 105px;
	      }
	*/

#subNav	{
	position: absolute;
	width: 333px;
	height: 206px;
	z-index: 1;
	text-align: left;
	border-right: rgb(255,255,255) solid 2px;
}

li#lead	{
	background: rgb(255,255,255) url(../assets/images/top-leftNav.png) no-repeat;
	color: rgb(0,102,153);
    margin: 0;
	#margin-bottom: 4px;
	font-weight: bold;
	font-size: 1.45em;
	list-style: none;
	padding: 10px 0 5px 25px;
        
}

li.div {
        border-bottom: solid 1px white;
}


#subNavList li.active a {
        background-position:20px -9px;
        color:#000000;
        margin-left:-20px;
        text-indent:20px;
}


#subNavList a	{
	text-decoration: none;
	background: none;
	color: rgb(255,255,255);
	background: url(../assets/images/subNavBullet.png) no-repeat 2px 3px;
	display: block;
          margin-left: 0px;
	padding-left: 20px;
	height: 13px;
}

#subNavList a:hover {
       background-position: 0 -9px;
       color: rgb(0,0,0);
}

#subNavList li	{
        padding: 10px 0 9px 20px;
	#padding: 7px 0 11px 20px;
        list-style: none;
	font-size: 1.20em;
	font-weight: bold;
	z-index: 15;
	border-bottom:1px solid white;

}        
#subNavList li:last-child	{
        border: none;

}

#content    {
        position: relative;
        /*top: 194px;*/
        margin: 0px 21px 21px;
        min-height: 380px;
        padding: 20px 19px 20px 20px;
        background: rgb(255,255,255) url(../assets/images/contentFade.png) repeat-x;
        overflow: hidden;
}

#content img.sample	{
        border:2px solid #006699;
        margin:10px 20%;
        padding:1px;
}

#content img.wrap {
float:left;
margin:0 10px 10px 0;
}

#columnLeft {
        width: 48%;
        float: left;
        clear: both;
}

#contentDiv {
        width: 1%;
        height: 335px;
        float: left;
        margin: 0 10px 0 10px;
        background: transparent url(../assets/images/contentDiv.png) no-repeat 50% 0;
}

#columnRight    {
        width: 48%;
        float: left;
}

#home #columnRight ul.content  {
		font-weight: bold !important;
}


#faculty	{
        width: 650px;
        margin: 0 auto;
}

table	{
        border-collapse: collapse;
        width: 100%;
}

thead	{
        background: url(../assets/images/tableHead.png) no-repeat;
        width: 650px;
        height: 30px;
        border: 1px solid #ccc;
}

td	{
        border: 1px solid #ccc;
        padding: 5px;
        text-align: center;
}

.hover	{
      background-color: #ccc;  
}

#footerLinks	{
	height: 100%;
	background: white;
	}
	
#footerLinks ul	{
	list-style: none;
	padding: 10px 0px 20px 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
	}	
	
#footerLinks li	{
	display: inline;
	padding-left: 5px;
	}
	
#footerLinks a {
	text-decoration: underline;
	color: rgb(60,61,62);
	background: none;
	}	
	
#footerLinks a:hover {
	color: rgb(255,255,255);
	text-decoration: none;
	font-weight: normal;
	background-color: rgb(60,61,62);
	}

#credits		{height:30px;left:1162px;position:relative;top:-50px;width:91px;}
#students #credits		{height:30px;left:759px;position:relative;top:-50px;width:91px;}
#credits a 		{display: block; background: url(http://www.copper29design.com/assets/images/logos/bycopperbug.png) no-repeat; width: 91px; height: 27px;}
#credits a:hover	{background: url(http://www.copper29design.com/assets/images/logos/bycopperbug.png) 0px -27px no-repeat; width: 91px; height: 30px}