@charset "UTF-8";
/* CSS Document */

body  {
	background-image: url(http://www.berkeleycollege.edu/images/WEB_BG.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: 100% Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-attachment: fixed;
	background-color: #009ad0;
}

h1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.8em; color:#182e81;}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.3em; color:#182e81;}

h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em; color:#182e81;}

h4 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em; color: #139CDE;font-style: italic;}

p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.9em}

a:link {color:#182e81; font-weight:bold; text-decoration:none}      /* unvisited link */
a:visited {color:#182e81; font-weight:bold; text-decoration:none}  /* visited link */
a:hover {color:#182e81; font-weight:bold; text-decoration:underline}  /* mouse over link */
a:active {color:#182e81; font-weight:bold; text-decoration:underline}  /* selected link */


.thrColFixHdr #container { 
	width: 810px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(http://www.berkeleycollege.edu/images/home_background_2010.jpg);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #header { 
	width: 810px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:83px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #02ade5;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #182e81; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.thrColFixHdr #header img {display:inline;margin-right:340px;}

.thrColFixHdr #header_buttons {width:200px; height:80px; display:inline; font-family: Arial, Verdana; font-size:em; font-weight:bold; color:#ffffff; text-align:right;}

.thrColFixHdr #header_buttons a {color:#ffffff;}
.thrColFixHdr #request {margin-right:10px;}
.thrColFixHdr #chat_apply {margin-top:2px; margin-right:10px;}


.thrColFixHdr #navigation_menu {width:810px; height:26px; margin-left:0px;  z-index:900;}

#header_nav, #header_nav ul {font-family: Arial, Verdana; font-size:11px; font-weight:normal; padding:0; margin: 0; list-style: none; z-index:900;}

#header_nav a {display:block; width:75px; height:20px; text-decoration:none; text-align:center; font-weight:normal; color:#03055f; background:#A8B6FF; border:1px solid #000066; padding:2px; z-index:900;}

#header_nav a:hover {color:#ffffff; background:#7486e1;}

#header_nav li {float:left; z-index:900;}

#header_nav li:hover, #header_nav li.hover, {position: static;}

#header_nav li ul a {display:block; width:125px; height:25px; z-index:900;}

#header_nav li ul {position: absolute; width:125px; left:-999em; z-index:-100;}

#header_nav li:hover ul, #header_nav li.sfhover ul {left: auto; z-index:900;}

#header_nav li:hover ul a, #header_nav li.sfhover ul a {left: auto; background: #d2d9ff; color:#03055f; z-index:900;}

#header_nav li:hover ul a:hover, #header_nav li.sfhover ul a:hover {left: auto; background: #c2cbfc; z-index:900;}


#header_nav li ul li ul a {display:block; height:25px; z-index:900;}

#header_nav li ul li ul {position: absolute; left:-900em; z-index:-100;}

#header_nav li ul li :hover ul, #header_nav li ul li.sfhover ul {padding-left:125px; z-index:900;}

#header_nav li ul li:hover ul a, #header_nav li ul li.sfhover ul a {padding-left:125px;  background: #d2d9ff; color:#000000; z-index:900;}

#header_nav li  ul li:hover ul a:hover, #header_nav li  ul li.sfhover ul a:hover {padding-left:125px;  background: #ffffff; z-index:900;}



.thrColFixHdr #left_sidebar {float:left; width:150px; padding-left:10px; padding-top:10px;} 
.thrColFixHdr #left_sidebar p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em;color:#182e81; }

.thrColFixHdr #left_sidebar a:link {color:#FFFFFF; font-weight:bold; font-size:.9em; text-decoration:none}      /* unvisited link */
.thrColFixHdr #left_sidebar a:visited {color:#FFFFFF; font-weight:bold; font-size:.9em; text-decoration:none}  /* visited link */}

.thrColFixHdr #mainContent { 
	float:right;
	width:625px;
	height:470px;
	margin-right:0px; margin-left:auto;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
	



.thrColFixHdr #footer { 

	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #182e81;
	height:30px;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Verdana; font-size:11px; color:#ffffff;
}

.thrColFixHdr #footer .copyright {float:right; text-align:right; margin-right:8px}
.thrColFixHdr #footer .phone {float:left; text-align:left; margin-left:8px}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}