* {
	margin:0px;
	padding:0px;
}

body {
	font:13px Arial, sans-serif;
	color:#444;
	text-align:center;
	background-color:#D9E1E4;
}

a {
	color:#0067B0;
	text-decoration:none;
}
a:hover  {
	text-decoration:underline;
}

img {
	border:0px;
}

#wrapper {
	width:930px;
	margin:0px auto;
	text-align:left;
}

#header {
	width:100%;
}

#navigation ul {
	float:left;
	list-style:none;
	border-top:1px solid #FFF;
}

#navigation ul li.skip {
	position:absolute;	
	left:-200px;
}

#navigation ul li {
	float:left;
	width:115px;
	text-align:center;
	border-right:1px solid #FFF;
	position:relative;
}
#navigation ul li.last {
	border-right:0px;
	width:115px;
}
#navigation ul li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:6px 0px;
	background-color:#0067B0;
	width:100%;
	font-size:15px;
}
#navigation ul li a:hover {
	background-color:#5D9FCD;
}
#navigation ul li.selected a {
	background-color:#FF6500;
}

#navigation ul li ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	padding:0;
}

#navigation ul li ul li {
}

#navigation ul li ul li a,#navigation ul li.selected ul li a {
	font-size:13px;
	padding:6px 4px;
	border-bottom: 1px solid #FFF;
	background-color:#0067B0;
}
#navigation ul li ul li a:hover,#navigation ul li.selected ul li a:hover {
	background-color:#5D9FCD;
}
#navigation ul li.selected ul li.selected a {
	background-color:#FF6500;
}

#navigation ul li:hover ul,#navigation ul li.over ul {
	display:block;
}

#banner {
	width:100%;
	height:100px;
	background-image:url(../images/header_bg.jpg);
	float:left;
}

#content-wrap {
	float:left;
	margin-top:5px;
}

#home-banner {
	float:left;
	width:928px;
	height:224px;
	margin-bottom:5px;
}

#content {
	float:left;
	background-color:#FFF;
	background-image:url(../images/content_top.gif);
	background-repeat:no-repeat;
	width:657px;
}

#content .column_left {
	width:400px;
	float:left;
}

#content .column_left table{
	margin-left:30px;
	width:350px;
}

#content .column_left table td{
	border:1px solid #EEE;
	padding:5px;
}

#content .column_right {
	width:257px;
	float:right;
}

#content.full {
	width:930px;
	background-image:url(../images/content_top_wide.gif);
}

#content-bottom {
	height:30px;
	width:100%;
	background-image:url(../images/content_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float: left;
}

#content.full #content-bottom {
	float:left;
	clear:both;
	width:930px;
	background-image:url(../images/content_bottom_wide.gif);
}

h1 {
	font-size:21px;
	margin:30px 30px 10px 30px;
	color:#0067B0;
	border-bottom:1px solid #CCC;
	padding-bottom:2px;
}

h2 {
	float:left;
	
	margin:10px;
}

#header h2{
margin:0;
padding:0;
}

#search {
	float:right;
	margin:50px 15px 0px 0px;
}
#search input.text {
	font:13px Arial;
	width:237px;
	padding:4px;
	color:#0067B0;
	border:1px solid #0067B0;
}
#search input.button {
	vertical-align:bottom;
}

#content p {
	margin:0px 30px 10px 30px;
}

#content .column_right p,#content .column_right h3 {
	margin:0px 30px 10px 10px;
}

.side-panel {
	width:264px;
	float:left;
	margin:0px 0px 5px 7px;
	padding-bottom:10px;
	background-color:#FFF;
	background-image:url(../images/sidebar-bottom-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	
}
.side-panel h3 {
	background-image:url(../images/sidebar-heading-bg.gif);
	background-repeat:no-repeat;
	padding:5px 10px;
	color:#FFF;
	font-size:15px;
}

.side-panel p {
	padding:0px 10px;
}
.side-panel h4 {
	font-size:13px;
	padding:7px 10px 0px 10px;
}

.side-panel ul {
	list-style:square;
	padding:7px 0px 0px 30px;
}

#footer {
	width:100%;
	height:106px;
	float:left;
	margin-top:5px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
}

.college {
	float:left;
	font-size:11px;
	width:24%;
}
.college p {
	margin:20px 0px 10px 10px;
	border-right:1px solid #666;
}
.college p.last {
	border-right:0px;
}
.college img {
	float:left;
	margin-bottom:30px;
	margin-top:-5px;
}

#spacer {
	width:100%;
	height:30px;
	float:left;
}

#spacer p {
	padding:15px 0px 10px 10px;
	font-size:11px;
	color:#666;
}

.course {
	width:453px;
	float:left;
}
.course h2 {
	float:none;
	color:#0067B0;
	font-size:21px;
}
.course h2,.course h3 {
	margin:0px 30px 0px 30px;
	
}
#content h3 {
	margin:0px 30px 7px 30px;
	font-weight:normal;
	font-size:17px;
	color:#0067B0;
}
#content ul,#content ol {
	margin:0px 30px 7px 50px;
	
}
.course h3 {
	border-bottom:1px dotted #CCC;
	padding-bottom:2px;
	margin-bottom:7px;
	font-size:15px;
}

.course_col {
	float:left;
	width:430px;
}

.course_col h4 {
	color:#0067B0;
	font-size:18px;
	font-weight:normal;
	clear:both;
	padding:0px 0px 0px 0px;
}

.course_col div.levelsection {
	float:left;
	clear:both;
	width:430px;
	padding:7px;
	border-bottom:1px solid #FFF;
}
.course_col div.level-2 { background-color:#edeaf5; }
.course_col div.level-4 { background-color:#ebf0f9; }
.course_col div.level-6 { background-color:#eeeff8; }
.course_col div.level-5 { background-color:#fef2ee; }
.course_col div.level-7 { background-color:#ecf8fe; }
.course_col div.level-8 { background-color:#fcf0e7; }
.course_col div.level-9 { background-color:#f2ebf5; }
.course_col div.level-10 { background-color:#eaf6f6; }
.course_col div.level-12 { background-color:#ebf0f9; }

.course_col div.level-2 h4 a,.course_col div.level-2 ul li a {
	color:#7456a4;
}
.course_col div.level-6 h4 a,.course_col div.level-6 ul li a {
	color:#949fd0;
}
.course_col div.level-5 h4 a,.course_col div.level-5 ul li a {
	color:#f1928a;
}
.course_col div.level-7 h4 a,.course_col div.level-7 ul li a {
	color:#46c8f5;
}
.course_col div.level-8 h4 a,.course_col div.level-8 ul li a {
	color:#e79961;
}
.course_col div.level-9 h4 a,.course_col div.level-9 ul li a {
	color:#a0509f;
}
.course_col div.level-10 h4 a,.course_col div.level-10 ul li a {
	color:#00b1ba;
}


.course_col div.selected h4 {
	padding:0px 0px 5px 0px;
}
.course_col div.selected h4 a {
	font-weight:bold;
}

#content .course_col ul {
	list-style:none;
	float:left;
	margin:0px;
}

#content .course_col p {
	margin-left:0px;
}

.course_col ul li {
	padding:2px 0px;
	border-top:1px solid #FFF;
	float:left;
	width:205px;
	margin-right:10px;
}

.course_col ul.level3 li a,.course_col h4.level3 {
	color:#FF6500;
}

.course_col ul li.selected {
	font-weight:bold;
}

.news_item {
	margin:0px 30px;
	padding:5px 0px;
	border-top:1px solid #EEE;
}

#content ul.pagination {
	margin:0px 30px 10px 30px;
	list-style:none;
	border-top:1px solid #EEE;
	padding-top:5px;
}
#content ul.pagination li {
	float:left;
	padding:3px 5px;
	border-right:1px solid #EEE;
}

#content .news_item p,#content .news_item h3 {
	margin:0px 0px 5px 0px;
}
#content .news_item p.item_info {
	font-size:11px;
}

table.dates {
	margin:0px 30px 10px 30px;
}
table.dates th {
	padding:10px 0px 3px 0px;
}
table.dates th,table.dates td {
	vertical-align:top;
}

#content table.dates td p {
	margin:0px;
	padding:0px;
}

 /* Progressions tanble */
 
 table.progression {
 	margin:0px 30px 10px 30px;
 }
 table.progression td {
 	padding:10px;;
 	vertical-align:top;
 }
 
 .course table.progression td {
 	padding:5px;
 }
 
 table.progression tr.blue {
 	background-color:#e7f0fa;
 }
 table.progression td.arrow {
 	vertical-align:middle;
 	text-align: center;
 }
  table.progression tr.lined td {
  	border-bottom:1px solid #008fd4;
  }
 
 #content .course table.progression td h3 {
 	margin:7px 0px 0px 0px;
 	border:0px;
 }
  table.progression td.spacer, table.progression td.spacer_width {
  font-size:1px;
  }

.newspic {
	float: left;
	width: 322px;
	height: 330px;
	margin: 0px 10px 10px 30px;
	/*border: dotted 1px #333333;*/
}

.newspic .imgfl {
	float: left;
	margin: 10px;
}

.newspic .newsgal {
	margin: 10px;
}

.newspic .larrow {
	float: left;
	width: 10px;
	height: 60px;
	margin-right: 8px;
	display: block;
	background-image: url(/images/tall_arrow_blue_l.jpg);
	background-repeat: no-repeat;
}

.newspic .rarrow {
	float: left;
	width: 10px;
	height: 60px;
	display: block;
	background-image: url(/images/tall_arrow_blue_r.jpg);
	background-repeat: no-repeat;
}

.newspic .nimg {
	float: left;
	width: 80px;
	height: 60px;
	padding-right: 8px;
}

.newspic .gal_o_flow {
	float: left;
	width: 256px;
	height: 60px;
	margin-right: 8px;
	overflow: hidden;
	position: relative;
}

.newspic .canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: 60px;
}

.newspic a span {
	display: none;
}

.heightr {
	min-height: 250px;
}

.test {
width: 100px;
height: 100px;
background-color:#006600;
}

.news_thumb{
float:left;
margin:0 10px 10px 0;
border:1px solid #CCC;
}

.side-panel .news_thumb{
margin:9px 10px 10px 10px;
}

a:hover .news_thumb{
border:1px solid #999;
}

.float_fix{
clear:both;
float:none;
line-height:0;
height:0;
padding:0;
margin:0;
}