* { margin: 0; padding: 0; }
/* General Settings */
body { font-size: .9em; font-family: Arial, Helvetica, sans-serif;}
img { border: none; }
p { margin-top: 10px; }
form {margin-top: 1em;}
a:link, a:visited {color: #325B77; padding: 1px; text-decoration:none; }
a:hover {color: #bb6600; padding: 1px; }
/* Headings */
h1 { font-size: 1.5em; padding-top: 10px;}
h2 { font-size: 1.2em; padding-top: 10px; }
h3 { font-size: 1em; padding-top: 10px; }
/* Tables */
table {width:90%; border-collapse:collapse;}
table caption {text-align:left; padding-bottom:0.3em; font-weight:bold;}
th {text-align:left; padding:2px 8px;}
td {padding:5px 5px;}
/* lists */
ul {margin:.8em 0px 1em .5em;}
li {margin:.2em 0px 0px 2em;}
dl {padding-top:.5em; margin-left:1em;}
dd {text-indent:2em; margin:.2em 0px .2em 0px;}


/* Custom Classes */
.row { width: 100%; float: left; display: inline; }
.brd { border: 1px solid #000; }
.breadcrumb {margin-top:-10px; margin-left:-20px; font-size:85%;}
.alignleft {text-align: left;}
.alignright  {text-align: right; }
.clear {clear: both;}
.warn {color:red; font-weight:bold;}
.small {font-size: .9em;}
.accentheading {font-weight: bold; color: #3F8A00;}
.main {width:950px; margin:0px auto;}
.accentbackground {background-color:#E3EAF0;}
.imagealignright{float:right;margin: 0 0 15px 15px;}
.imagealignleft{float:left;margin: 0 15px 15px 0;}

/* Top Header -Logo, Skip Nav, Accessibility- */
#header { width: 100%; height: 88px; float: left; display: block; }
.logo {width: 308px; float: left; display: inline; }
.menu { float: right; display: inline; }
.menu h2 { position: absolute;  top: -30em;  left: -300em; }
.menu ul { float: right; padding-top: 10px; margin:0px;}
.menu ul li { float: left; display: inline; line-height: 11px; height: 11px; list-style: none; font-size: 12px; font-weight: bold; border-right: 1px solid #000; padding-left: 10px; padding-right: 10px; margin:0px;}
.menu ul li a { text-decoration: none; color: #182e45; }
.menu ul li a:hover { text-decoration: underline; }

/* Top Navigation */
#nav { width: 100%; float: left; display: block; background: url(images/menu.gif) repeat-x; height: 48px;  }
#nav h2 { position: absolute;  top: -30em;  left: -300em; }
/* Left Dynamic Nav*/
.navleft { width: 730px; float: left; display: inline; }
.navleft ul { width: 100%; float: left; display: inline; margin:0px;}
.navleft ul li { list-style: none; float: left; display: inline; height: 16px; line-height: 16px; margin:0px; margin-top: 16px; padding-left: 16px; padding-right: 16px; border-right: 1px solid #fff; }
.navleft ul li a { color: #FFF; text-decoration: none; }
.navleft ul li a:hover { text-decoration: underline; }
/* Right Static Nav*/
.navright {float: right; display: inline;}
.navright ul { float: right; margin:0px;}
.navright ul li { list-style: none; float: left; display: inline; height: 16px; line-height: 16px;margin:0px; margin-top: 16px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #fff; font-size: 12px;}
.navright ul li a { color: #FFF; text-decoration: none; }
.navright ul li a:hover { text-decoration: underline; }

/* Home Page Divs */
#banner { width: 100%; float: left; display: inline; height: 246px; margin-top: 1px; }
#content { width: 100%; float: left; display: block; clear:both; }
#content .leftcol { width: 710px; float: left; display: inline; }
#content .rightcol { width: 240px; float: right; display: inline; background: url(images/base.gif) no-repeat;  height: 325px;}
.rightcol .txt { width: 200px; float: left; display: inline; margin: 20px; }
.rightcol a {margin:0;padding:0;color:black;}
/*h2 {  font-size: 24px; font-weight: normal; }*/

.leftcol .cell { width: 230px; float: left; display: inline; height: 325px; margin-left: 6px; }
.leftcol a {margin:0;padding:0;color:black;}
.cell h2 { font-size: 24px; font-weight: normal; }
.cell p { padding-right: 40px; }

/* Interior Page Divs */
#contents {	margin: 8px 5px 50px 20px; padding: 3px;position:relative; min-height:500px;} 
#contents2 {margin: 0px; padding: 0px; padding-bottom: 50px;  float:left; width:80%;
			background: url(images/squares-L-50.png) no-repeat bottom right;min-height:500px;} 
			
#contents2 .breadcrumb {margin-top:2px; margin-left:-10px; font-size:85%;}
/*** IE6 needs this to display the div ***/

/* Left Nave SideBar */
.sidebar { width: 184px; float: left; display: inline; padding-right: 5px;}
.sidebar .pro { width: 172px; background: #e5edf1; border-bottom: 8px solid #325b77; padding-bottom: 20px; padding-top: 20px;  }
.sidebar .pro ul {margin:0px; margin-left: .5em; }
.sidebar .pro li {list-style: disc;font-size:.8em;}
.sidebar .news { width: 150px; float: left; display: inline; margin: .3em .5em 5px .5em; font-size:.8em;}
.news p { color: #2c586e; text-align: justify; }

/* Footer */
#footer { background-color: #325b77; width:100%; min-height: 40px; padding-top: 20px; float: left; display: block; text-align: left; color: #FFF; font-size: 12px;}
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.con {padding-left: 20px;}

/* Layout Divs */
.left7030 {float: left;	width: 70%; padding: 5px 5px 5px 10px;}
.right7030 {float: right; width: 26%; padding: 5px 5px 5px 0;}
.left5050 {float: left;	width: 48%; padding: 5px 5px 5px 5px;}
.right5050 {float: right; width: 48%; padding: 5px 5px 5px 0;}
.left30 {float: left; width:45%; padding: 0px 20px 0px 0px;}

/* Mock Tables */
.mocktable {margin-bottom:.8em;position:relative;}
.mocktable p {margin:0.1em 0; clear:both; line-height:1.2em;}
.mocktable span.head {float:left; width:14.0em; display:block; padding-right:0.8em; 
						text-align:left; font-weight:bold;}
.mocktable span.foot {float:left; display:block;width:35.0em;}
.mocktable span.foot2 {float:left; display:block; padding-left:14.8em;width:35.0em;}
.mocktable br {line-height:1.0em;clear:both;}

.mocktablehalf {margin-bottom:.8em;position:relative;}
.mocktablehalf p {margin:0.1em 0; clear:both; line-height:1.2em;}
.mocktablehalf span.head {float:left; width:14.0em; display:block; padding-right:0.8em; 
						text-align:left; font-weight:bold;}
.mocktablehalf span.foot {float:left; display:block;width:20.0em;}
.mocktablehalf span.foot2 {float:left; display:block; padding-left:14.8em;width:20.0em;}
.mocktablehalf br {line-height:1.0em;clear:both;}

.mocktablecompact {margin-bottom:.8em;position:relative;}
.mocktablecompact p {margin:0.1em 0; clear:left; line-height:1.2em;}
.mocktablecompact span.head {float:left; width:6.5em; display:block; margin-right:0.8em;
							 margin-bottom:.5em; text-align:left; font-weight:bold;}
.mocktablecompact span.foot {float:left; display:block;line-height:1.0em;margin-bottom:.5em;}
.mocktablecompact span.foot2 {float:left; display:block; padding-left:7.3em;margin-bottom:.5em;}
.mocktablecompact br {line-height:1.0em;}

/* Reset/Check all colors from here down */


/* Form Styling */
.formformat label {float:left; width:11.0em; display:block; margin-right:0.8em; text-align:right}
.formformat label.nobreak {margin-left:.2em;display:inline;float:none;text-align:left}
.formformat p {margin:0.5em 0; clear:left}
.formformat object {float:left; width:70%; margin:0.5em;}
.formformat p.check span {padding-left:11.8em; float:left; clear:left; display:block; width:78%;}
.formformat p.check label,.formformat p.check2 label{width:auto; float:none; display:inline; margin:0; text-align:left}
.formformat p.check span.name {width:11em; clear:none; padding:0; text-align:right; margin:.5em 0 .5em 0;}
.formformat p.check span.first{clear:none; padding-left:0.8em; margin:.5em 0 0 0;width:55%;}
.formformat p.check2 span {padding-left:5.0em; float:left; clear:left; display:block; width:78%;}
.formformat p.check2 span.info {width:45em; clear:none; padding:0; text-align:left; margin:.5em 0 .5em 0;display:block;}
.formformat fieldset {width:98%; border:0; border-top:2px Solid #325B77;}
.formformat legend {color:#3F8A00; font-weight:bold;}
.formformat p.info {clear:left;padding-left:12.5em;padding-top:1.2em;}

/* Accent Borders for Divs and Table Cells */
.borderbottomA1 {border-bottom: solid 2px #325B77;}
.bordertopA1 {border-top: solid 2px #325B77;}
.borderbottomA2 {border-bottom: solid 2px #3F8A00;}
.bordertopA2 {border-top: solid 2px #3F8A00;}
.rightborder {border-right: solid 1px #E3EAF0;}

/* Internal Boxes with Borders */
.nLeftBox {border:solid 2px #E3EAF0;margin-bottom:10px;}
.nLeftBox h2 {background-color: #E3EAF0;margin-top:0px;padding:3px;}
.nLeftBox div {padding-left:5px;}

/* Color Options Layout Styles */
ul.colorlist {display: block; list-style: none; padding: 0; margin: 0 0 0 35px; font-family: Verdana, sans-serif;
				text-align: center; line-height: 1.2em; float:left; font-size:11px;} 
ul.colorlist li {font-weight: bold; display: block; float: left; position: relative;
				padding: 1px 1em 0px 1em; margin: 0;}
.colorlayout {border-top :solid 1px #000000; border-bottom :solid 1px #000000;  border-right :solid 1px #000000;
				padding-top:2px; padding-bottom:2px;}
				
/* Backend Nav Lists */
.backendnav {margin:0; list-style: none; list-style-position: outside;}
.backendnav li {margin:0; padding-left:1em;}

/* Scheduler Table (sessions) Status colors */
.open {background-color:#C4FFC4;}
.closed {background-color:#E5E5E5;}
.closedlong {background-color:#FFFF66;}

/* Twitter Layout */
.tweet {margin:0; margin-left:1em; padding:.5em 0px .5em .25em; width:90%;}
.tweet span {font-size:.8em;font-style:italic;}
.firsttweet {margin-top:1em;}

/*xStandard left and right styles for images */
img.left {float:left}
img.right {float:right}
