body {
	font-family: Arial;
	font-size: 12px;
	margin:0px;
}

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

.leftcol {
width: 156px;
}

.rulecol {
width: 3px;
}

.maincol {
width: 124px;
}

.rightcol {
width: 472px;
}

/*a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
	color:#666666;
}*/
a,
#para_margin a,
.rightpane a {
	text-decoration:none; 
	color:#81AEB5; 
	font-weight:bold;
}

a:hover,
#para_margin a:hover,
.rightpane a:hover {
	text-decoration:underline;
}


.header {
background: url(../img/header_bakg.gif) top left repeat-x;
height: 51px;
}

#menu {
width: 156px;
background-image: url(../img/menuBar.gif);
vertical-align: top;
}

#menu .item {
padding-left: 15px;
font-weight: bold;
font-size: 11px;
color: #9AB1C4;
height: 25px;
vertical-align: middle;
background:  url(../img/leftnav_off.gif);
}

#menu .activeitem {
padding-left: 15px;
font-weight: bold;
color: #FFFFFF;
height: 25px;
vertical-align: middle;
}

#submenu {
width: 100%;
border: 0px;
background-image: url(../img/submenuBar.jpg);
font-size: 11px;
color: #9AB1C4;
vertical-align: top;
}

#submenu .subitem {
padding-left: 5px;
}

#submenu .subactive {
background-image: url(../img/submenuBar.jpg);
color: #9AB1C4;
font-weight: bold;
}

#menu td {
border-top: 1px solid #FFFFFF;
}

#menu .active {
background-color: #9DB2C3;
color: #FFFFFF;
background:  url(../img/leftnav_on.gif);
}

.arrow {
background: url(../img/arrow.gif) no-repeat;
height: 19px;
width: 10px;
}

.arrowdown {
background: url(../img/arrow_down.gif) no-repeat;
height: 19px;
width: 10px;
}

.menu_line {
background-image: url(../img/searchjobs_backg.gif);
background-repeat: repeat-x;
height: 9px;
width: 100%;
}
	
#content {
color: #333333;
padding: 15px;
width: 405px;
vertical-align: top;
}

iframe {
width: 566px;
}

#footer {
padding: 10px;
padding-left: 141px;
vertical-align: middle;
background-image: url(../img/leftcol_backg.gif);
background-repeat: repeat-y;
color: #ffffff;
font-size: 10px;
}

#footer .active {
color: #666666;
text-decoration: none;
}

#oppanalyzer {
width: 380px;
margin-left: auto;
margin-right: auto;
background-color: #CCCCCC;
border: 1px solid #000;
}

#oppanalyzer td {
background-color: #CCCCCC;
color: #000000;
border-bottom: 1px solid #000;
}

#functionalareas li {
margin-top: 7px;
}

/* LINKS */
/*
#content a:link {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

#content a:visited {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

#content a:hover {
color: #333333;
text-decoration: none;
font-weight: bold;
}*/

#menu a:link {
color: #7E93A5;
text-decoration: none;
}

#menu a:visited {
color: #7E93A5;
text-decoration: none;
}

#menu a:hover {
color: #FFFFFF;
text-decoration: none;
}

#submenu a:link {
color: #7E93A5;
text-decoration: none;
}

#submenu a:visited {
color: #7E93A5;
text-decoration: none;
}

#submenu a:hover {
color: #7E93A5;
text-decoration: underline;
}

#footer a:link {
color: #666666;
text-decoration: none;
margin-left: 5px;
}

#footer a:visited {
color: #666666;
text-decoration: none;
margin-left: 5px;
}

#footer a:hover {
color: #666666;
text-decoration: underline;
margin-left: 5px;
}

#functionalareas a:link {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

#functionalareas a:visited {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

#functionalareas a:hover {
color: #333333;
text-decoration: none;
font-weight: bold;
}

/*FORMS*/

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

select {
font-size: 11px;
width: 100px;
}

.button {
color: #FFFFFF;
background-color: #cccccc;
border: 1px solid #666666;
height: 20px;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family: Arial;
cursor: pointer;
}

/*LIST*/

#submenu li {
list-style-image: url(../img/arrow.gif);
padding-left: 5px;
height: 19px;
vertical-align: middle;
}

#submenu li.subactive {
list-style-image: url(../img/arrow_down.gif);
padding-left: 5px;
height: 19px;
vertical-align: middle;
}

#content li {
list-style-type: square;
padding-top: 6px;
}

/* GENERAL STYLES */

.white {
font-family: Arial;
font-size:  12px;
color:  #000000;
padding: 2px;
margin: 0px;
padding-left: 8px;
}

.subWhite {
color: #ffffff;
}

.bgWhite {
background-color: #ffffff;
}

.bgGrey {
background-color: #CCCCCC;
height: 1px;
}

.bgBlack {
background-color: #000000;
}

.bgGreen {
background-color: #457970;
}

.backgBlue {
background-color: #091B5E;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.top {
vertical-align: top;
}

.bottom {
vertical-align: bottom;
}

.hmargin {
margin-left: 5px;
margin-right: 5px;
}

.vmargin {
margin-bottom: 10px;
margin-top: 10px;
}

.noborder {
border: 0px;
}

.underline {
text-decoration: underline;
}

.small {
font-size: 10px;
}

.smallpadding {
padding: 5px;
}

.bigpadding {
padding: 10px;
}

.expand {
width: 100%;
}

/*a:link {
color: black;
text-decoration: none;
}

a:visited {
color: black;
text-decoration: none;
}

a:hover {
color: #black;
text-decoration: none;
}*/


/* LEFT NAV */

.navitem a, .navitembreak a {
display: block;
background: url(../img/leftnav_off.gif) repeat-y;
color: #9AB1C4;
padding-left: 15px;
font-weight: bold;
font-size: 11px;
vertical-align: middle;
line-height: 24px;
}

.navitembreak a {
line-height: 16px;
}

.navitem a:hover, .navitembreak a:hover {
background:  url(../img/leftnav_on.gif);
color:  #FFFFFF;
}

/* SPELL'S STUFF - DON'T TOUCH */

body#events #content {
width: auto;
}

body#events #content h2 {
color: #2A8EB8;
font-size: 1.3em;
margin: 0;
padding: 0;
}

.datagrid {
width: 100%;
border-collapse: collapse;
background: #445AA3;
border: 1px black solid;
margin-bottom: 15px;
font-size: 0.95em;
}
	
.datagrid caption {
padding-bottom: 15px;
text-align: left;
}

.datagridhead
{
	color: #fff;
	background: #6F6C5D;
}
	
.datagridhead tr {
color: #fff;
background: #6F6C5D;
}
	
.datagridhead tr th {
padding: 0.4em 0.6em 0.4em 0.6em;
border-right: 1px black solid;
border-bottom: 1px black solid;
}


.gridheader td a
{
display: block;
color: #FFF;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
}

.gridheader td a:visited
{
display: block;
color: #FFF;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
}

.gridheader td a:hover
{
display: block;
color: #FFF;
text-decoration: underline;
padding-right: 20px;
font-weight: bold;
}

.datagridhead a:link, .datagridhead a:visited {
display: block;
color: #FFF;
text-decoration: none;
padding-right: 20px;
}

.datagridhead a:link, .datagridhead a:visited {
display: block;
color: #FFF;
text-decoration: none;
padding-right: 200px;
}

.datagridhead a.arrow-down:link, .datagridhead a.arrow-down:visited {
background: url(../images/arrow_botm.gif) right no-repeat;
}

.datagridhead a.arrow-up:link, .datagridhead a.arrow-up:visited {
background: url(../images/arrow_up.gif) right no-repeat;
}
	
.griditem tr {
border: 1px black solid;
}
	
.griditem th, .griditem td {
padding: 0.6em;
border-bottom: 1px black solid;
border-right: 1px black solid;
}
	
.griditem td {
background: #fff;
}
	
.griditem tr.cell-style-a, .griditem tr.cell-style-a td{
background: #fff;
}
tr.cell-style-a a {
text-decoration:underline;
color: #000000;
}

.griditem tr.cell-style-b, .griditem tr.cell-style-b td{
background: #fff;
}

.alerttext, .formerr {
color: #C00;
}

body#events .inputfield, body#events select {
width: 200px;
font-size: 12px;
}

#reminder td {
text-align: right;
}

#event-details {
border: #999 1px solid;
background: #FFF;
padding: 15px;
}

body#events #content span {
display: block;
margin-bottom: 5px;
}

#formtable, .formbutton {
background: #fff;
border-collapse: collapse;
/*border-top: 1px #FFF solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-left: 1px #FFF solid;*/
}

#_editor_toolbar {
border-top: 1px #FFF solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-left: 1px #FFF solid;
}

.formlabel {
text-align: right;
font-weight: bold;
white-space : nowrap;
padding-right:14px;
}

.formdata {
width: 220px;
}

.formarea {
width: 300px;
height: 300px;
overflow: auto;
}

.formselect {
width: 224px;
}

.datetimedata {
width: 60px;
margin-right: 10px;
}

.formbutton {
color: #FFF;
font-weight : bold;
background : #8C8876;
}

body#popup {
text-align: left;
padding: 15px;
}

pre, code {
font: 1.05em Courier, monospace;
color: #C00;
}

code ul {
margin: 30px;
}

code ol li {
list-style-type: decimal;
}

#topnav {
	position:relative;
	width:500px;
	z-index:1;
	top: 40px;
}