/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	background-color: #c9c9c9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4f7db7;
	margin-left: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover {
	color: #999;
}
a:active {
	color: #666;
}

#container {
	width:930px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background:#FFF;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px#000;
	box-shadow: 0 0 10px #000;
}
#top {
	height:80px;
	background:url(images/logo.jpg) no-repeat;
}
#head {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	height:350px;
	z-index: 1;
}
#head1 {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	margin-top:33px;
	z-index: 1;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px#000;
	box-shadow: 0 0 10px #000;
}
#main {
	padding: 10px 15px 10px 15px;
	text-align:justify;
}
#footer {
	height:10px;
}
.h1,h2,h3 {
	color:#4f7db7;
}


/*	tiles box styles	*/
.tiles{
	width:600px;
	overflow:hidden;
	margin:40px 0 0;
	margin-left:auto;
	margin-right:auto;
}

.column{
	width:200px;
	overflow:hidden;
	float:left;
	background-image:url(images/gradbg1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.column h3{
	margin:0 0 10px;
	padding:0;
	text-align:center;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	padding: 0 0 10px 0;
	margin:0;
	background:none !important;
	text-decoration:none;
}
.column ul{
	margin:0;
	padding:0;
	list-style:none;
}
.column ul li{
	margin:10px 0 10px;
}
.column a{
	display:block;
	width:125px;
	height:36px;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#fff;
	padding:0px;
	padding-top: 13px;
	margin-left:auto;
	margin-right:auto;
}

.column h4{ margin: 0; padding: 0px;}

.column a:hover{
	background-position:0 -49px !important;	
	color:#000;
}
.column.grey a{
	background:url(images/tile-grey.jpg);
}
.column.orange a{
	background:url(images/tile-orange.jpg);
}
.column.blue a{
	background:url(images/tile-blue.jpg);
}
/*	end tiles box styles	*/

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

#content {
	padding:10px;	
}

#menu-container {position:relative;z-index:99;}

#nav, #nav ul {
	font-size:1em;
	float: left;
	width: 77.5em;
	list-style: none;
	line-height: 1;
background: #4c7eb8; /* Old browsers */
background: -moz-linear-gradient(top,  #4c7eb8 0%, #a5c3e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c7eb8), color-stop(100%,#a5c3e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c7eb8 0%,#a5c3e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c7eb8 0%,#a5c3e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c7eb8 0%,#a5c3e9 100%); /* IE10+ */
background: linear-gradient(top,  #4c7eb8 0%,#a5c3e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7eb8', endColorstr='#a5c3e9',GradientType=0 ); /* IE6-9 */	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 12.917em;
	color: #fff;
	text-align:center;
	padding: 1em 0em; 
}

#nav li {
	float: left;
	padding: 0;
	width: 12.917em;}

#nav li ul {
	position: absolute;
	left: -999em;
	width:12.917em;
	height: auto;
	background:#c9c9c9;
	margin: 0;
	line-height: .8;

}

#nav li li {
}

#nav li ul a {
	text-align:left;
	margin-left:5px;
	font-weight:bold;	
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #c9c9c9; /* Old browsers */

background: -moz-linear-gradient(top,  #666666 0%, #c9c9c9 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #666666 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #666666 0%,#c9c9c9 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #666666 0%,#c9c9c9 100%); /* IE10+ */

background: linear-gradient(top,  #666666 0%,#c9c9c9 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
#nav li ul li:hover, #nav li ul li.sfhover {
	background:#4c7db8;
}

#coursetable {
	border-bottom:1px solid #ccc;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#tabletitle {
	border-top:1px solid #ccc;
	color:#FFF;
	background: #aeafb3;
	font-weight:bold;
    padding:5px;
}
#coursetitle {
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-style:italic;
}
#courseitem {
	border-bottom:1px solid #ccc;
}
#col1 {
    width:300px;
    padding:5px;
	float:left;
	}
#col2 {
    width:110px;
    padding:5px;
	float:left;
	text-align:center;
    }
#col3 {
    width:110px;
    padding:5px;
	float:left;
	text-align:center;
}
#col4 {
    width:190px;
    padding:5px;
	float:left;
	text-align:center;
}
#col5 {
    width:140px;
    padding:5px;
	float:left;
	text-align:center;
}
#col6 {
    width:130px;
    padding:5px;
	float:left;
	text-align:center;
}

#col7 {
    width:350px;
    padding:5px;
	float:left;
	}
	
.field1 {
	width: 150px;
	}
.field2 {
	width: 180px;
	}
.field3 {
	width: 400px;
	}	
.footer {
	color:#FFF;
}
.footer a {
	color:#FFF;
	text-decoration:none;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}