* {margin:0;padding:0}

body {color:#333;font:12px/16px arial,tahoma,verdana,sans-serif; background-color: #f2f2f2;color:#666;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#336699} 
a:visited {color:#336699} 
a:hover,a:active {color:#069} 
a.active {color:#336699; font-weight:bold; text-decoration: none; font-size: 1.5em}

/* TYPOGRAPHY */
p, ul, ol {margin: 10px 0}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 0 0 5px;}
h1 {font-size: 22px; line-height: 22px; padding: 5px 0; border-bottom: 1px solid #ccc;}
h2 {font-size: 18px; line-height: 18px; padding: 5px 0;}
h3 {font-size: 16px; line-height: 16px; padding: 5px 0;}
h4 {font-size: 12px; line-height: 12px; padding: 5px 0;}
h5 {font-size: 10px; line-height: 10px; padding: 5px 0;}
h6 {font-size: 8px; line-height: 8px; padding: 5px 0;}

/* LISTS */
ul {margin: 3px 0 15px 25px}
ol {margin: 3px 0 15px 25px}
li {padding-left: 25px;}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}

#pageWrapper { margin: 0px auto; background-color: #fff; width: 790px; }

#header {background-image: url(../images/header_bg.jpg); background-repeat: repeat-x; height: 81px}

#siteLogo { float: left; width: 89px;}

#utilityBox {position: absolute; right: 40px; width: 150px; border: 1px solid #ccc; background-color: #f2f2f2; padding: 5px;}

#utilityBox ul {}
#utilityBox ul li{margin-left: 10px;}

.itemOptionsBox {position: absolute; right: 40px;}
.itemOptionsBox a {margin-left: 10px;}

/****************************************************Nav************************************************************/
#nav {
z-index: 50;
float:left;
width:100%;
line-height:normal;
border-bottom:1px solid #BCD2E6;
}
#nav ul {
margin:0;
padding:10px 10px 0 20px;
list-style:none;
}
#nav li {
float: left;
margin:0;
padding:0;
}
#nav a {
display: block; 
background:url(../images/tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#nav a span {
float:left;
display:block;
background:url(../images/tabright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#627EB7;
}
#nav a:hover {
background-position:0% -42px;
}
#nav a:hover span {
background-position:100% -42px;
}

#nav #current a {
background-position:0% -42px;
}
#nav #current a span {
background-position:100% -42px;
}
/***************************************Suckerfish Menu****************************************************************/
#sddm {
	margin: 0;
	padding: 0;
	z-index: 60;
}

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: transparent;
}

#sddm div a {
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
margin-right: 6px;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

#sddm div a span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
color: black;
}

#sddm div a:hover {
background-position: bottom left;
}
#sddm div a span:hover {
background-position: bottom right;
color: black;
}

/************************************************Nav and Menu End******************************************************/

#pageContent {
margin: 10px 20px;
}

#footer {text-align: center; margin: 10px 0;}

.clear {clear: both; line-height: 1px; height: 0;}

/* Styles */
select option {padding: 0 5px;}

form.simpleForm {
	margin: 0;
	padding: 0;
}

form.simpleForm fieldset {
	padding: 5px;
	border: none;
}

form.simpleForm fieldset legend {
	font-size: 16px;
	font-weight: bold;
}

form.simpleForm div 
{
	padding: 5px 0;	
}

form.simpleForm div label {
	float: left;
	width: 150px;
	text-align: left;
	margin: 0 5px 0 0;
}

form.simpleForm div select option {
	padding: 0 5px;
}

form.simpleForm div input.text {
	width: 300px;
}

form.simpleForm fieldset div em
{
	color: #ff0000;
}

.formSectionHeader {background-color: #ccc;}
.formSectionHeader p {margin:0 10px; padding: 0;}

.formSectionContent {background-color: #f2f2f2;}

.formSectionInnerContent {margin: 0 10px;}

.competencyCore {background-color: #ccc; padding-left: 3px; color: #ff0000}

.competencyElective {background-color: #ccc; padding-left: 3px; color: #ff6600}

.competencyOptional {background-color: #ccc; padding-left: 3px; color: #0099ff}

.formSectionHeader .competencyOther, .competencyOther {background-color: #ccc; padding-left: 3px; color: #009900}

div.filterBox {background-color:#f2f2f2; padding: 5px;}

#loggedInText {position:absolute; right: 40px; margin-top: 10px}

p.paging {text-align: center;}

.errors {color:#ff0000;}

/* table style */

table.stdTable {width: 100%; border: 1px solid #c2c2c2;}

table.stdTable th {text-align: center; padding: 10px; background-color:#f2f2f2;}
table.stdTable td {padding: 3px 10px;}

table.formTable {margin: 0 0 5px 0;}
table.formTable td {padding: 3px 5px; vertical-align: top;}

tr.row0 {background-color: #f2f2f2;}
tr.row0:hover {background-color: #ddd;}
tr.row1 {background-color: #fff;}
tr.row1:hover {background-color: #ddd;}

.error {color: #ff0000;}