/*
Rosemead School of Psychology
Level 2 Global CSS Document
------------------------------
Site-Level:		Global Level 2
Media:			Screen
Updated:		September 03 2004
Author:			Tim Beardshear
*/



/*	Imported Styles
-------------------------------------- */
@import url(/css/global_classes.css);



/* Font styles
-------------------------------------- */
.main-nav,
#side_col {
	font-family:Arial, Helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6, 
.sub-info-1,
.content-maintitle-3,
.content-maintitle-4 {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	}

/* Primary page title */
#center_container .content-maintitle-1 { 
	font-size:24px;
	margin:2px 0 2px 0;
	color:#6699CC;
	font-weight:normal;
	}

/* Secondary page title */
#center_container .content-maintitle-2 { 
	font-size:16px;
	margin:0 0 15px 0;
	color:#6699CC;
	font-weight:normal;
	}
	
#center_container .content-maintitle-3 {
	font-size:16px;
	margin:0 0 0 0;
	padding:3px 0 0 0;
	color:#333333;
	font-weight:bold;
	}
	
#center_container .content-maintitle-4 {
	font-size:14px;
	margin:0 0 0 0;
	padding:3px 0 0 0;
	color:#333333;
	font-weight:bold;
	}
	
#center_container .content-maintitle-5 {
	font-size:16px;
	margin:0 0 10px 0;
	padding:3px 0 0 0;
	color:#666;
	font-weight:normal;
	}
	
#center_container .content-maintitle-6 {
		font-size:20px;
		margin:0 0 2px 0;
		padding:3px 0 0 0;
		color:#6699CC;
		font-weight:normal;
		}  
	
#center_container .content-subtitle {
	font-size:13px;
	font-weight:normal;
	color:#666666;
	margin:1px 0 15px 0;
	padding:0;
	}

#center_container .content-subtitle-2 {
	font-size:12px;
	font-weight:bold;
	color:#454545;
	margin:0;
	padding:10px 0 0 0;
	}
	
#center_container .content-subtitle-3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#454545;
	margin:0;
	padding:5px 0 0 0;
	}
	
#center_container .content-subtitle-4,
#center_container .content-subtitle-5,
#center_container .content-subtitle-6,
#center_container .content-subtitle-7 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:5px 0 2px 0;
	}
	
#center_container .content-subtitle-4 {	color:#AC5B33;	}
#center_container .content-subtitle-5 {	color:#ED6808;	}
#center_container .content-subtitle-6 {	color:#6AA382;	}
#center_container .content-subtitle-7 {	color:#DDAF20;	}


#center_container .sub-info-1 {
	font-weight:bold;
	font-size:13px;
	margin:3px 0 2px 0;
	padding:0;
	color:#888888;
	}
	
#center_container .sub-info-2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	margin:2px 0 1px 0;
	padding:0;
	color:#888888;
	}

/* Titles in content area */
#center_container h3,
#center_container h4,
#center_container h5,
#center_container h6,
#side_col h3,
#side_col h4,
#side_col h5,
#side_col h6 {
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:2px 0 0 0;
	color:#454545;
	}
	
#side_col h3,
#side_col h4,
#side_col h5,
#side_col h6 {
	padding-top:4px;
	}

/* Titles in side column */
#side_col h1,
#side_col h2 { 
	font-size:16px;
	font-weight:normal;
	margin:20px 0 5px 0;
	padding:0 0 0 0;
	color:#666666;
	}
	
#center_container h2 {
	font-size:16px;
	font-weight:normal;
	margin:8px 0 5px 0;
	padding:0 0 0 0;
	color:#666666;
/*	background-color:#FFFF00; */
	}

.main-nav,
.sub-nav {
	font-family:Arial, Helvetica, sans-serif;
	}

.main-nav {
	font-weight:bold;
	font-size:11px;
	line-height:1.1em;
	}
	
.sub-nav {
	font-size:11px;
	line-height:14px;
	}
	
/* Sets default body font */
#center_container p, 
#center_container table,
#center_container dl,
#center_container li,
#side_col p,
#side_col li,
#side_col dl,
#left_col p,
#left_col li,
.stem-leaf {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#454545;
	font-weight:normal;
	}


/* Link styles
-------------------------------------- */
a.main-nav:link,
a.main-nav:visited,
a.sub-nav:link,
a.sub-nav:visited {
	color:#7B4D24;
	text-decoration:none;
	}

a.main-nav:hover,
a.main-nav:visited:hover,
a.sub-nav:hover,
a.sub-nav:visited:hover {
	color:#CB2B1A;
	text-decoration:none;
	}

a.main-nav:link,
a.main-nav:visited {
	background:url("images/icon_halfcircle-brown.gif") 0 2px no-repeat;
	padding-left:8px;
	}

a.main-nav:hover,
a.main-nav:visited:hover {
	background:url("images/icon_halfcircle-orange.gif") 0 2px no-repeat;
	}
	
a.sub-nav:link,
a.sub-nav:visited {
	background:url("images/icon_arrow-brown.gif") 0 4px no-repeat;
	padding-left:7px;
	margin-right:5px;
	}

a.sub-nav:hover,
a.sub-nav:visited:hover {
	background:url("images/icon_arrow-orange.gif") 0 4px no-repeat;
	}

#center_container a:link,
#side_col a:link {
	color:#1C549D;
	}

#center_container a:visited,
#side_col a:visited {
	color:#663333;
	}

#center_container a:hover,
#center_container a:visited:hover,
#side_col a:hover,
#side_col a:visited:hover {
	color:#CB2B1A;
	}


/* Layout
-------------------------------------- */
/* Entire page including margins */
#page_container { 
	margin:0;
	padding:0;
	background:#FFFFFF url("images/bar_double-blue.gif") 0 0 repeat-x;
	}

/* Centered page area including header and footer */
#content_container { 
	margin:0 auto;
	padding:0;
	width:770px;
	}

/* Area between header and footer */
#main_content { 
	margin:0;
	padding:20px 0 0 0;
	background:url("images/bar_single-blue.gif") 0 0 repeat-x;
	}


/* Header (Rosemead Logo, Search Field)
-------------------------------------- */
#header_container {
	margin:0 auto;
	padding:0px;
	width:770px;
	height:70px;
	background:#6699CC url("images/abstract_curves-s.gif") 340px 0px no-repeat;
	}
	
#logo {
	margin:11px 0 0 12px;
	padding:0;
	float:left;
	border:none;
	background:url("images/logo_rosemead.gif") 0 0 no-repeat;
	width:250px;
	display:inline; /* IE 6 doubled-margin fix */
	}
	
#logo a {
	text-align:left;
	display:block;
	width:250px;
	height:51px;
	margin:0;
	padding:0 0 0 0;
	}
	
#logo img {
	display:none;
	border:none;
	}

#search-form {
	float:right;
	width:200px;
	margin:0 0 0 0;
	padding:35px 0 0 0;
	}
	
	
/* Primary Navigation
-------------------------------------- */
#main-nav_container {
	margin:0;
	padding:0;
	background:#FF0000;
	}

#main-nav_list {
	margin:0 0px 15px 0;
	padding:0 0 0 20px;
	list-style-type:none;
	float:left;
	width:165px;
	}

#main-nav_list li {
	margin:0 0 8px 0;
	padding:0;
	}
	
#main-nav_list li ul li {
	margin:8px 0 8px 0;
	padding:0;
	}

.ssub-nav_list {
	margin:0 0 20px 5px;
	padding:0 0 0 10px;
	list-style-type:none;
	}

/* uniformly applies padding to multi-lined list items */
.sub-nav { 
	display:block;
	}


	
	
/* Content styles
-------------------------------------- */
.main-image {
	margin:0 0 20px 0;
	padding:0;
	}
	
.split-image_container {
	margin:0;
	padding:0;
	height:220px;
	width:535px;
	}
	
.split-image {
	margin:0 0 1px 0; /* Fixes IE Win */
	padding:0;
	float:left;
	}

/* Images that allow text to flow around */
.floating_image-big { 
	margin:3px 15px 15px 0;
	padding:0;
	float:left;
	}
	
.floating_image-small {
	margin:3px 10px 10px 0;
	padding:0;
	float:left;
	}
	
.floating_image-right {
	margin:0 0 20px 30px;
	padding:0;
	float:right;
	clear:right;
	}

.image_margin-1 {	margin:0 0 0 122px; }
.image_margin-2 {	margin:0 0 15px 70px; }
.image_margin-3 {	margin:0 0 15px 55px; }
.image_margin-4 {	margin:0 0 15px 90px; }

.side-col-margin-1 {	margin:235px 0 0 0;	}


/* Creates right side margin for side images */
.side-image_container {
	width:345px;
	}

/* Side column images */
.side_image-hi { 
	margin:75px 0 4px 0;
	padding:0;
	}

.side_image-lo { 
	margin:253px 0 4px 0;
	padding:0;
	}

/* Forces paragraphs below floated images */
.paragraph-break { 
	clear:left;
	}

#center_container .no-bullet_list {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
	}
	
#center_container .no-bullet_list li {
	background:transparent;
	padding:0;
	}

#center_container ul,
#center_container ul.bullet_list,
#side_col ul,
#side_col ul.bullet_list {
	margin:5px 0 15px 5px;
	padding:0;
	list-style-type:none;
	}
	
#center_container ul li,
#center_container ul.bullet_list li,
#side_col ul.bullet_list li,
#side_col ul li {
	padding:0 0 0 10px;
	background:url("images/icon_bullet-gray.gif") 0 6px no-repeat;
	}
	
#center_container ol,
#side_col ol {
	margin:5px 0 15px 5px;
	padding:0 0 0 19px;
	}
	
#center_container ul li,
#center_container .no-bullet_list li,
#center_container ol li,
#side_col ul li,
#side_col .no-bullet_list li,
#side_col ol li {
	margin:0 0 6px 0;
	}
	
.cleaner {
	clear:left;
	height:1px;
	}
	
.cleaner-b {
	clear:both;
	height:1px;
	}
	
.hidden {
	display:none;
	}
	
#main_content hr {
	margin:3px 0 5px 0;
	padding:0;
	color:#CCCCCC;
	background:#CCCCCC;
	height:1px;
	border:none;
	}

/* Groups content sections */
.content_group {
	margin:0 0 20px 0;
	padding:0;
	display:block; /* ? causes problems for IE mac */
	}
	

/* Footer
-------------------------------------- */
#footer {
	border-top:solid 10px #E1ECF5;
	clear:left;
	padding-top:5px;
	padding-bottom:15px;
	}


/* IE Win hacks (www.positioniseverything.net)
---------------------------------------------- */
/* Begin hide IE-mac \*/
* html .ssub-nav_list li {line-height:.1em;}
* html #footer {padding-top:0px;}
* html #search-form {margin:0 0 0 285px;}
/* End hide IE-mac */


/* Import IE 5.01 Hacks */
@media tty {
   i{content:"\";/*" "*/}}; @import 'ie/ie501_global2.css'; {;}/*";}
   }/* */
   
   
/* IE Mac hacks
---------------------------------------------- */
* html #address {
	margin-top:-15px;
	/* Begin hide IE-mac \*/
	margin-top:0;
	/* End hide IE-mac */
	}
	
* html #main_content hr {
	margin:-5px 0 -2px 0;
	/* Begin hide IE-mac \*/
	margin:-5px 0 0 0;
	/* End hide IE-mac */
	}
	
* html #center_container ol,
* html #side_col ol {
	padding:0 0 0 23px;
	}
	
	
	
	
/* Menu Highlighting (Jul 13 2005 - David Baxter)
------------------------------------------------- */
	.ssub-nav_list {display: none;}
	.hl-1 ul {display: block;
	}
	#main-nav_container .hl-1 a.hl-2 {color:#CB2B1A;background:url("/css/images/icon_arrow-orange.gif") 0 4px no-repeat;}
	#main-nav_container .hl-1 a.hl-1 {color:#CB2B1A; background:url("/css/images/icon_halfcircle-orange.gif") 0 2px no-repeat;}