/**
 * Cleary frontpage
 * Styles in order as they appear in html doc. Version 1.1
 *  #header
 *  #mainNavbar
 *  #sidebar
 *  #mainContent
 *    .contentColumnLeft
 *    .contentColumnRight
 *    .bottomLinks
 *
 * ClearyU.
 * Clearly the best.
 */

body
{
	background-color:#ccc;
	font-family:Arial, sans-serif;
	font-size:100%;  /* 16px */
	line-height:1.125em;  /* 16x1.125=18px */
	margin:0;
	padding:0;
}

ul,li,h1,h2,h3,h4,h5,h6
{
	border:0;
	margin:0;
	padding:0;
}

a
{
	color: #0033CC;
	text-decoration:underline;
}

p
{
	font-size:0.8125em;  /* 16x0.8125=13px */
	line-height:1.23em;  /* 13x1.23=16px */
	margin:0 0 1em;
	padding:0;
}

.clearly /* Clearly Cleary : ) */
{
	clear:both;
}

.strong
{
	font-weight:bold;
}

.container
{
	margin:1.875em auto;
	width:980px;
}


/*----------header styles----------*/
#header
{
	height:317px;
	width:100%;
	margin:0;
	padding:0;
}

.headerLeft
{
	background:url(../_images_/header_bg_01.gif) no-repeat left top;
	float:left;
	height:317px;
	width:266px;
}

.headerCenter
{
	background:url(../_images_/header_bg_02.gif) no-repeat left top;
	float:left;
	height:317px;
	text-align:center;
	width:355px;
}

.headerRight
{
	background:url(../_images_/header_bg_03.gif) no-repeat left top;
	float:left;
	height:317px;
	width:359px;
}

#header h1
{
	text-indent: -100em;
}

#header h2
{

	text-indent: -100em;
}

#header .questions img
{
	margin:170px 0 10px;
	padding:0;
}

/*----------main navbar styles----------*/
#mainNavbar
{
	background-color:#0f375b;
	height:46px;
	text-align:left;
	width:980px;
	margin:-4px 0 0 0; /* top margin negitive to fix IE6 */
	padding:0;
}

#mainNavbar h2
{
	color:#FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.625em; /* 16x1.625=26px */
	font-weight:bold;
	line-height:1.23em;  /* 26x1.23=32px */
	padding:6px 15px 0 40px;
}

#mainNavbar img
{
	float:left;
	padding:14px 50px 0 0;
	text-align:left;
}



#mainNavbar ul li
{
	color:#FFF;
	float:left;
	font-size:1.125em;  /* 16x1.125=18px */
	font-weight:normal;
	list-style:none;
	padding:12px 3px 0;
}

#mainNavbar ul li a
{
	color:#FFF;
	padding:0 3px;
	text-decoration:none;
}


/*----------content wrapper----------*/
.contentWrapper
{
  background:#FFF url(../_images_/contentWrapper_bg.jpg) repeat-y top left;
  text-align:left;
  width:100%;
}


/*----------sidebar styles----------*/
#sidebar
{
	float:left;
	padding:0;
	margin:0;
	width:230px;
}

#sidebar input
{
	border:#4a4a4a 1px solid;
	font-size:.80em;
	font-weight:bold;
	height:20px;
	margin:15px 0px 0px 30px;
	padding:0;
	width:168px;
}

/**
 * Sidebar navigation
 */
#sidebar .nav
{
	color:#bf311a;
	font-size:20px;
	font-weight:700;
}

#sidebar .nav ul
{
	display:block;
	margin:12px 0 0 30px;
}

#sidebar .nav ul li
{
	display:inline;
	padding-right:9px;
}

#sidebar .nav ul li a
{
	color:#bf311a;
	text-decoration:none;
}


/*----------click here or call----------*/
.clickOrCall
{
	margin:12px 0 8px 56px;
	padding:0;
}

.clickOrCall h4
{
	color:#000;
	font-size:15px;
	font-weight:bold;
}

.clickOrCall h4 a
{
	color:#000;
	font-size:18px;
}

.clickOrCall .phoneNumber
{
	color:#000;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	margin:10px 0 0 5px;
	padding:0;
}

/*----------future students click here----------*/
.futureStudents
{
	margin:0;
	padding:0 0 0 46px;
}

.futureStudents img
{
	margin:0;
	padding:0;
}

/*----------main content styles----------*/
#mainContent
{
	background:#fff;
	float:left;
	margin:0;
	padding:0 10px;
	width:730px;
}

#mainContent ul
{
	margin:10px 0;
	padding:0 0 0 20px;
}

/**
 * .contentColumnLeft
 */
.contentColumnLeft
{
	background-color:#FFF;
	float:left;
	margin:16px 0 0;
	padding:0;
	text-align:left;
	width:340px;
}

.contentColumnLeft h2
{
	color:#072139;
	font-size:25px;
	font-weight:700;
	margin:0 0 10px 0;
}

.contentColumnLeft div
{
	color:#000;
	font-size:13px;
	font-weight:400;
}

.contentColumnLeft div a
{
	color:#50c3e0;
	text-decoration:underline;
}

.contentColumnLeft div span
{
	color:#072139;
	font-size:14px;
	font-weight:700;
}

/**
 * .contentColumnRight
 */
.contentColumnRight
{
	background-color:#fff;
	float:right;
	margin:16px 0 0;
	padding:0;
	text-align:left;
	width:365px;
}

.contentColumnRight h2
{
	color:#bf311a;
	font-size:25px;
	font-weight:700;
}

.contentColumnRight h2 span
{
	color:#000;
	font-size:13px;
	font-weight:normal;
}

.contentColumnRight h2 span a
{
	color:#000;
	text-decoration:none;
}

.contentColumnRight div
{
	color:#000;
	font-size:13px;
	font-weight:400;
	margin-top:10px;
}

.contentColumnRight div a
{
	color:#000;
	font-size:14px;
	font-weight:700;
	text-decoration:underline;
}


/*----------bottom links styles----------*/
.bottomLinks
{
	color:#000;
	font-family:sans-serif;
	font-size:0.814em;
	font-weight:400;
	margin:42px 0 0;
	padding:0pt 20px 10px 10px;
	text-align:left;
}

.bottomLinks a
{
	color:#000;
	text-decoration:underline;
}
.more
{
	font-size:13px;
	margin:0 0 1em;
	padding:0;
}