/* 
# TRINITY SCHOOL WEB SITE STYLE SHEET 				
# CREATED 3-6-09 BY TODD HAMM, WHITMAN CO. WEB DEVELOPER 
*/

body{
margin: 0px;
background-color: white;
font-family: verdana;
font-size: 14px;
color: #4b493b;
/* use faux column for 100% height */
background: url(img/bodybg.gif) repeat-y 50% 0 white;
text-align: center;
}

/* main wrapper div */
#wrapper{
width: 950px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

/* wrapper div holds divs: logo, */
#top{
float: left;
width: 950px;
background-image: url(img/topbg.gif);
background-repeat: repeat-x;
height: 152px;
margin-bottom: 0px;
}

/* container to hold logo */
#logo{
height: 152px;
width: 250px;
float: left;
background-image: url(img/logo.gif);
background-repeat: no-repeat;
}

/* container to hold: links and search box divs at top of page */
#toptools{
width: 500px;
float: right;
}

/* 
container stacked inside searchbox 
to position links and search
box on top of each other
*/
#search{
margin-top: 5px;
margin-right: 5px;
float: right;
}

/* container holds top links */
#toplinks{
margin-top: 5px;
margin-right: 10px;
float: right;
}

/* container holds menu, and all 
major text content/divs in center of page */
#centerwrap{
margin-top: 0px;
width: 950px;
float: left;
}

#splashimg{
margin-top: 0px;
width: 950px;
height: 284px;
float: left;
background-image: url(img/maingraphic.jpg);
background-repeat: no-repeat;
}

#welcometext{
float: left;
margin-left: 10px;
margin-top: 10px;
width: 220px;
height: 270px;
}

/* navigation div for home page only */
#indexmenu{
padding-top: 5px;
float: left;
width: 248px;
height: 350px;
background-color: #b3af82;
font-size: 14px;
}

/* specific styles to create rollover link effects */
#navcontainer { 
margin-left: 5px;
width: 230px; 
font-size: 14px;
}

#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana;
font-size: 14px;
}

#navcontainer a{
display: block;
padding: 3px;
width: 230px;
background-color: #b3af82;
border-bottom: 1px solid #eee;
font-size: 14px;
}

#navcontainer a:link, #navlist a:visited{
color: #EEE;
text-decoration: none;
font-size: 14px;
}

#navcontainer a:hover{
background-color: #4b493b;
color: #fff;
font-size: 14px;
}
/* END OF ROLLOVER LINK EFFECTS */

/* DIV HOLDS NEWS CONTENT ON HOME PAGE */
#news{
float: left;
width: 325px;
margin-top: 5px;
margin-left: 10px;
border-right: 1px dotted gray;
padding-right: 10px;
font-size: 14px;
}

#news a{
font-size: 14px;
}

/* DIV HOLDS PROGRAM SPOTLIGHT ON HOME PAGE */
#programspotlight{
float: left;
width: 300px;
height: 325px;
margin-top: 5px;
margin-left: 10px;
}

#programspotlight a{
font-size: 14px;
}

/* standard div for page content */
#section{
float: left;
margin-left: 10px;
margin-top: 10px;
padding-right: 10px;
width: 650px;
}

#section a{
font-size: 14px;
}

/* div on about us page holds anchored-links */
#sectiontools{
float: right;
width: 200px;
border: 1px dotted gray;
padding: 3px;
margin-right: 10px;
margin-top: 10px;
}

#sectiontools a{
font-size: 14px;
}

/* wider div */
#testsection{
float: left;
margin-left: 10px;
margin-top: 10px;
padding-right: 10px;
width: 900px;
}

#testsection a{
font-size: 14px;
}

#enrollbox{
float: left;
padding: 5px;
border: 1px solid gray;
width: 850px;
}

/* CONTAINER FOR FOOTER CONTENT */
#footer{
width: 100%;
border-top: 1px dotted gray;
float: left;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
padding-top: 10px;
}

/* FONT AND LINK STYLES */
h2{
font-size: 18px;
color: gray;
}

/* link styles */
a:link{
color: #4b493b;
font-size: 14px;
text-decoration: none;
}

a:active{
font-size: 14px;
}

a:visited{
font-size: 14px;
color: #4b493b;
text-decoration: none;
}

a:hover{
font-size: 14px;
text-decoration: underline;
color: #522016;
}
/* END OF FONT STYLES */