/*----------------------------------------------------------------------------
Created for Our Lady of the Lake School
All code and content are the property of

	Our Lady of the Lake School
	716 A Avenue
	Lake Oswego, OR  97034
	www.ollschool-lakeoswego.org

Author:			Adam Szwarc
Last Updated:	10/31/2006

This code may be viewed for learning purposes only.
------------------------------------------------------------------------------*/
body
{
 	font-family: verdana, arial, helvetica, sans-serif;
    font-size:11px;
    color:#191970;
}

hr
{
    color:#191970;
}

h4
{
    color:#5b90af;
 	font-family: verdana, arial, helvetica, sans-serif;
  	font-size:12px;
}

h5
{
    color:#6a99b9;
 	font-family: verdana, arial, helvetica, sans-serif;
  	font-size:11px;
}

div.head1
{
    margin-left: .25in;
    font-weight: bold;
}

div.head2
{
    margin-left: .5in;
    font-weight: bold;
}

div.indent1
{
    margin-left: .25in;
}

div.indent2
{
    margin-left: .5in;
}

div.indent3
{
    margin-left: .75in;
}

img.float
{
	float		: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

img.float_right
{
	float		: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

a#map img
{
	border-style: none;
}

p.clear
{
	clear		: left;
}

th.header
{
    background-color: #b0c4de;
}

td.even
{
    background-color: #d4e0ee;
}
tr.header
{
    background-color: #b0c4de;
}

tr.even
{
    background-color: #e9f0f8; 
}


#title_main
{
    position:absolute;
    top:42px;
    left:99px;
    letter-spacing: .1em;
    font-family:Times New Roman;
	font-size: 14pt;
	color:#b4cadf;
    background-color:Transparent;
}

#section_all
{
    float:left;
    margin-top: 15px;
    margin-left:10px;
    width:700px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

#section_all a:link, #section_all a:visited, #section_all a:active
{
    font-size:11px;
	color: #999966;
	text-decoration:underline;
	font-weight:normal;
}

#section_all a:hover
{
    font-size:11px;
	color: #000066;
	text-decoration:underline;
	font-weight:normal;
}

#section_all h5 a:visited #section_all h5 a:active
{
    font-size:11px;
	color: #5b90af;
	text-decoration:underline;
	font-weight:bold;
}

#section_all h5 a:link
{
    font-size:11px;
	color: #5b90af;
	text-decoration:underline;
	font-weight:bold;
}

#section_all h5 a:hover
{
    font-size:11px;
	color: #000066;
	text-decoration:underline;
	font-weight:bold;
}

#section_left
{
    float:left;
    margin-top: 20px;
    margin-left:10px;
    width:300px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

#section_left a:link, #section_left a:visited, #section_left a:active
{
    font-size:11px;
	color: #999966;
	text-decoration:underline;
	font-weight:normal;
}

#section_left a:hover
{
    font-size:11px;
	color: #000066;
	text-decoration:underline;
	font-weight:normal;
}

#section_right
{
    width:400px;
    float:right;
}

#section_right_dept
{
    width:380px;
    float:right;
    padding-right: 20px;
}

#section_right a:link, #section_right a:visited, #section_right a:active
{
    font-size:11px;
	color: #999966;
	text-decoration:underline;
	font-weight:normal;
}

#section_right a:hover
{
    font-size:11px;
	color: #000066;
	text-decoration:underline;
	font-weight:normal;
}

.clearer {
clear:both; 
}

p.right
{
	margin-right:15px;
}

/*********************************************
           Bottom Menu and Copyright 
 *********************************************/

.menu_top
{
    font-family:Verdana,Arial;
    font-size:11px;
    color:#000066;
}
 
#menu_bottom
{
    font-family:Verdana,Arial;
    font-size:11px;
    text-align:right;
    vertical-align:text-top;
}

#menu_bottom a:link, #menu_bottom a:visited, #menu_bottom a:hover, #menu_bottom a:active
{
    font-size:11px;
	color: #000066;
	text-decoration:underline;
	font-weight:normal;
}

#menu_bottom a:hover
{
    font-size:11px;
	color: #999966;
	text-decoration:underline;
	font-weight:normal;
}

#copyright
{
    font-family:Verdana,Arial;
    font-size:10px;
    text-align:center;
}

#credits
{
    font-family:Verdana,Arial;
    font-size:10px;
    text-align:center;
}

/*********************************************
                 Faculty Page 
 *********************************************/
.faculty
{
    float:left;
    margin-left:5px;
    margin-right:5px;
}

.bio
{
    color:#000066;
    font-size: 8pt;
    margin-left:15px;
    text-align:justify;
    width:578px;
}

.staffName
{
    font-size:10pt;
    font-weight:bold;
    color:#5b90af;
}

.staffTitle
{
    font-size:8pt;
}

/*********************************************
                 Contact Us Page 
 *********************************************/
#contacts
{
    margin-left:25px;     
    padding-left:10px;
    width:600px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

#contacts a:link, #contacts a:visited, #contacts a:active
{
    font-size:11px;
	color: #999966;
	text-decoration:underline;
	font-weight:normal;
}

#contacts a:hover
{
    font-size:11px;
	color: #000066;
	text-decoration:underline;
	font-weight:normal;
}

#contactform
{
    margin-left:25px;     
    width:600px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

/*********************************************
               PA BYLAWS PAGE
 *********************************************/

ol.bylaws
{
    list-style-position: outside;
    list-style-type: upper-alpha;
    margin-left: .75in;
}

ul.bylawsoff
{
    list-style-type:none;
    margin-left: .75in;
}

p.bylawssect
{
    margin-left: .25in;
}

table.updates
{
	width: 100%;
}

table.updates th
{
	background-color: #b0c4de;
}

#section_login
{
    float:left;
    margin-top: 15px;
    margin-left:10px;
    width:300px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	background-color: #F7F6F3;
	border: solid 1px #e6e2d8;
	padding: 4px 4px 4px 4px;
}

#section_login h4
{
	background-color: #5D7B9D;
	color: White;
	text-align:center;
}

.login
{
	text-align: left;
}

/*********************************************
               MODAL POPUPS
 *********************************************/

.modalBackground
{
	background-color: Gray;
	filter:			  alpha(opacity=70);
	opacity:		  0.7;
}

.modalPopup
{
	background-color:	 #eeeeee;
	border-width:		 1px;
	border-style:		 solid;
	border-color:		 Black;
	padding:			 3px;
	width:				 350px;
}

/*********************************************
        EXPANDABLE/COLLAPSIBLE HEADER
 *********************************************/
 
.expand_section
{
	color: #5b90af;
	background-color: #e9f0f8;
	width: 365px;
	height: 14px;
	float: left;
    font-weight:bold;
  	font-size:12px;
}