/*  
Blackboard Landing Page Styles
*/

/*-----------------------------------------------

/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */
body  {
	font: 14px Helvetica, Arial, Sans-serif;
	line-height: 1.5;  /*unitless for proper inheritance*/
	color: #3f312e;
	background: #E7E7DE;
}

h1, h2, h3, h4  {
	margin: 0;
	font-family: Arial,Helvetica,Sans-serif;
	color: #3f312e;
}

h5, h6  {
	margin-top: 2px;
	font-family: Arial,Helvetica,Sans-serif;
	color: #09F;
}


h1  {font-size: 30px} h2  {font-size: 24px} h3  {font-size: 20px}
h4  {font-size: 18px} h5  {font-size: 14px} h6  {font-size: 12px}

p  {margin: 14px 0;}


/* 1.2 Hyperlinks */

a:link, a:visited  { color: #7c7c7c; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	color: #3f312e;
}


/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}


/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

#container  {
	width: 960px;
	margin: 0 auto;
}

#main  {
	width: 940px;
	padding: 10px;
}

#main #inside  {
	padding: 20px;
	background-color: #fff;
}

#main .menu {
	margin: 20px 0px 0px;
}

#main .alert {
color:red; font-size: 12px;
}

.itemA, .itemB, .itemC {
	width: 265px;
	float: left;
}
.itemAB{
	width:530px;
	float: left;
}
.div {
	width: 50px;
	height: 240px;
	background: url(f_div.gif) no-repeat center center;
	float: left;
}
.cf {
	clear: both;
	margin: 0px;
	padding: 0px;
}

p.secondary{
	font-size:12px;
}
p.secondary a{
	font-size:12px;
	color:#09F;
}
/* 2.2 Header */

#header  {
	width: 940px;
	margin: 0 auto -10px auto;
}

#header h1, #header h2  {display: none}

#header img { margin: 20px 0; }

#header #logo  {
	float: left;
	width: 470px;
}

#header #top-ad  {
	float: right;
	width: 333px;
}

/* 2.7 Footer */

#footer  {
	padding: 20px 0 20px 0;
	text-align: center;
}

#footer p  {
	margin: 7px 0;
	font-weight: bold;
	color: #4d4d4d;
}

#footer ul li  {
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 6px;
}

#footer ul li a  {
	color: #4f4f4f;
}

#footer ul li.current_page_item a, #footer ul li a:hover  {
	color: #3f312e;
}

#footer p.designedby {
	font-size: 12px;
	font-weight:normal;
	font-style:italic;
}

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Navigation */

/* 2.3 Navigation */

#navigation  {
	position: relative;
	z-index: 1;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav li {
	float: left;
	margin: 0 5px 0 0;
	z-index: 100;
}

#nav a:link, #nav a:visited {
	display: block;
	z-index: 100;
	padding: 10px 8px 6px 8px;
	text-transform: uppercase;
}

#nav li.current_page_item a, #nav li a:hover  {
	text-decoration: none;
}

/* Style drop down list */

#nav li ul { position: absolute; width: 172px; left: -999em;}
#nav li ul li {	margin: 0!important; }
#nav li ul li a { font-size: 12px; width: 156px; }
#nav li ul li a:hover {}
#nav li ul ul {	margin: -26px 0 0 170px;}
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

#nav a:link, #nav a:visited {
	color: #4f4f4f;
	border-left: 1px solid #9e9e9e;
	border-top: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	background-color: #d9d9d9;
}

#nav li.current_page_item a, #nav li a:hover  {
	color: #3f312e;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(minimal/nav.jpg) repeat-x left top;
}

/* Style drop down list */

#nav li ul { border: 1px solid #9e9e9e;}
#nav li ul li {	border-bottom: 1px solid #9e9e9e; background: #FFF; }
#nav li ul li a { background-color: #d9d9d9!important; background-image: none!important; border: none!important;}
#nav li ul li a:hover { background: #fff url(minimal/nav.jpg) repeat-x left top!important; border: none!important;}

/* FORM design */

dl {clear:both;}
dt {line-height:25px; margin:0 10px 10px 0;}
dd {line-height:25px; margin:0 0 10px 0;}

#vistaInsEntryForm {
	text-align: left; 
	width: 225px;
}
#vistaInsEntryForm input {
border: 3px solid rgb(208, 217, 224); padding: 4px; width: 204px; background-color: rgb(247, 249, 251);
}
#vistaInsEntryForm input:focus,#vistaInsEntryForm input:hover {
border:3px solid #009bd6;
}