/**** CSS for peripheral areas of Petris ****/
/**** @author: Hannah Hu ****/
/**** Updated as of July 2008 ****/
/***
	The CSS for the peripheral areas of the site:
	- Outer wrapper for the site (big_wrap)
	- Banner area
	- Sidebar
	-  Footer
***/
body {
font-size:10pt;
font-family:Tahoma, Arial, sans-serif;
background-color:#bbb;
}

/* big_wrap contains all content areas */
#big_wrap {
background:transparent url(/Images/main-bg.gif) repeat-y top left;
margin:5px auto;
width:740px;
padding:0;
}

/* Top portion of the page */
#banner {
background-image: url(/Images/banner.png);
width:740px;
padding:0;
margin:0;
height:80px;
}

#home {
float:left;
margin:0;
padding:0;
height:100%;
}

#main_nav {
font-size:10.5pt;
float:right;
padding:0;
margin:5px 0;
width:340px;
}

#main_nav ul {
float:left;
padding:0;
margin:0 10px;
list-style-type:none;
width:85px;
}

#main_nav li a {
display:block;
margin:2.5px 0;
padding:0;
width:100%;
color:#FFF;
border-bottom:1px solid #FFF;
text-decoration:none;
}

#main_nav li a:hover {
color:#fc3;
border-bottom-color:#fc3;
}

/* End top portion CSS */
/* in_wrap contains the main_content and sidebar divs */
#in_wrap {
background-color:#F0F0F0;
width:740px;
float:left;
border-top:3px ridge silver;
border-bottom:3px ridge silver;
height:100%;
}

/*** Sidebar ***/
#sidebar {
width:160px;
float:right;
margin:0;
padding:0 0 15px;
height:100%;
background-color:#D9D7FF;
}

#sidebar h1 {
background-image:url(/Images/sidebar_h1_bg.jpg);
font-family:"Century Gothic", "Trebuchet MS", sans-serif;
font-size:14pt;
font-variant:small-caps;
margin:0 0 5px;
padding:10px 0 0;
text-align:center;
width:100%;
}

#sidebar ul {
list-style-type:none;
margin:0;
padding:0;
}

#sidebar li a:link,#sidebar li a:visited {
display:block;
color:#000;
text-decoration:none;
margin:0 10px;
padding:5px 0 0 5px;
width:135px;
border-bottom:1px solid #bbb;
}

#sidebar li a.selected {
font-weight:700;
color:#339;
}

#sidebar li a:hover {
background-color:#339;
color:#FFF;
}

#sidebar ul ul {
background-color:#FFF;
padding-left:10px;
}

#sidebar ul ul li a{
width:125px !important;
}

#search {
margin:10px 10px 0;
padding:0;
border-top:2px ridge silver;
}

input.search_text {
width:135px;
margin:0;
padding:0;
color:#999;
font-size:9pt;
}

input.search_button {
padding:0;
margin:5px 0;
text-align:center;
font-size:9pt;
}

.logo_link {
display:block;
margin:10px 0;
text-align:center;
}

/*** End sidebar CSS ***/
/* End in_wrap CSS */
/* Footer */
#footer {
background:transparent url(/Images/footer2008.jpg) no-repeat bottom left;
clear:both;
text-align:right;
font-size:8pt;
height:80px;
color:#FFF;
padding:10px 15px 0;
margin:0;
line-height:130%;
letter-spacing:.5pt;
}

#footer p {
margin:0;
padding:0;
}

#footer p a {
color:#FFF;
text-decoration:underline;
}

#footer p a:hover {
color:#1B0C80;
background-color:#FFF;
}

#validation {
float:left;
}

/* End footer CSS */
/* Shared properties */
#main_nav ul,#sidebar ul,#main_header {
font-family:"Franklin Gothic Medium", "Arial Narrow", "Trebuchet MS", sans-serif;
}