html, body { margin:0px; padding:0px; height:100%; width:100%; text-align:center;}
body { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#fcfcf4; text-align:center; background-image:url(images/bg-body.gif); background-position:center center;  }

#controls { background-color:#0e3067; height:50px; width:100% auto; padding:12px; color:#a0b6c4; font-size:10px;}
#controls a { color:#abd5ff; font-size:10px; text-decoration:none; padding:4px }
#controls a:hover { color:#ffffff; text-decoration:underline }
#controlBar { width:943px; margin:0px auto}

#header { background-image:url(/design/images/bg-midfade.jpg);background-color:#a5cfec; text-align:center; width:100% auto;}
#headerBar { background-image:url(/design/images/bg-NCAhome.jpg); width:976px; height:221px; border-left:1px solid white; border-right:1px solid white; text-align:left; margin:0px auto; }
#headerBar p { font-size:14px  }

#regheader { background-image:url(/design/images/bg-midfade-short.jpg);background-color:#a5cfec; text-align:center; width:100% auto;}
#regheaderBar { background-image:url(/design/images/bg-NCAreg.jpg); width:976px; height:115px; border-left:1px solid white; border-right:1px solid white; text-align:left; margin:0px auto; }
#regheaderBar p { font-size:14px  }

#menu { background-color:#1f7229; height:33px; margin-top:1px; text-align:center; width:100% auto; }
#menuBar { background-image:url(/design/menus/bg-menu-off.gif); border-right:1px solid white; border-left:1px solid white; width:976px; height:33px; text-align:left; margin:0px auto; }


#iShadow { background-color:#1f7229; height:8px; margin-bottom:1px; text-align:center; width:100% auto; }
#iFade{ background-image:url(/design/images/header-bg-lightbluetrim.jpg); height:12px; width:943px; margin:0px auto}

#iFooter { text-align:center; width:100%; height:30px; font-size:10px; color:#336699;}
#iFooter a { color:#336699; text-decoration:none; padding:6px}
#iFooter a:hover { color:#0066cc; text-decoration:underline}

.featured { padding:22px; text-align:left}
#sidecolumn { float:right; width:200px; padding-left:0px; padding-right:30px; padding-top:30px; padding-bottom:30px; font-size:11px}


li.event { list-style-image:url(/design/icons/icon_calendar.gif); font-size:11px; padding-left:10px}
li.job { font-size:11px; }

.regControls { background-color:#112b4c; height:26px; padding:12px; color:#a0b6c4; font-size:10px;}
.regControls #controlBar { width:843px; margin:0px auto}

form { margin:0px}
input { font-size:11px; padding:4px; color:#333; font-family:Arial, Helvetica, sans-serif}
textarea { font-size:11px; font-family:Arial, Helvetica, sans-serif}
select { font-size:11px; padding:4px; font-family:Arial, Helvetica, sans-serif}

h1 {font-family:Arial, Helvetica, sans-serif; color:#1c3656; font-size:22px; font-variant:normal; font-weight:lighter;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:17px; font-variant:normal; font-weight:lighter;}
h3 {font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:15px; font-variant:normal; font-weight:lighter;}

th	{font-size: 12px;font-weight: bold;font-family: verdana, Arial }
td	{font-size: 11px;font-family: verdana, arial; text-align:left }

.err {	font-family: Verdana, Arial,Helvetica; color: red; text-align:center; font-weight: bold; }



input.btn { background-color:#abd5ff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0e3067; font-size:10px; border:0px; padding:4px; height:23px}
input.btn:hover { background-color:#cbe5ff; color:#000000; border:0px; }
input.btnDK { font-size:9px;}
input.btnDK:hover { }
input.btnLT { font-size:9px; background-color:#CCCCCC}
input.btnLT:hover { }

input.text { color:#234f6c; font-family:Arial, Helvetica, sans-serif; border:1px solid #a5acb2; font-size:10px; padding:4px;}
select.textDK { background-color:#799db1; color:#0d253b; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

input.aspbtn { height:24px}

.gridHeader { background-image:url(/design/images/bar-header.gif); height:24px; font-weight:bold}
.gridItem { }
.gridAlternating { background-image:url(/design/images/bar-alternating.gif);}
.gridSelected {}


.jobHeader { background-color:#e5edd8; color:#396980; padding:6px; font-weight:bold; font-size:14px;}
.jobTable { margin-left:-4px}
.jobPosted { text-align:right; font-size:9px; font-style:italic}

.headerShadow { height:30px; background-color:#1f7229 }
#fade{ background-image:url(/design/images/header-bg-bluetrim.jpg); height:30px; width:943px; margin:0px auto}


.regHeader { background-color:#a4bb73; text-align:center}
.regHeader #headerBar { background-image:url(/design/images/regHeader-bg-green.jpg); width:843px; text-align:left; margin:0px auto; }
.regShadow { height:12px; background-color:#234f6c }
.regShadow #fade{ background-image:url(/design/images/header-bg-lightbluetrim.jpg); height:12px; width:843px; margin:0px auto}
.registration { width:842px; height:700px; border-left:1px solid #406c89; border-right:1px solid #406c89; text-align:left; margin:0px auto}
.registration #content {font-family:Verdana, Arial, Helvetica, sans-serif; width:772px; font-size:12px;color:#1c3656;padding:20px;}
.registration #content a {color:#234f6c; text-decoration:underline}
.registration #content a:hover {color:#2b7bb0; font-size:11px; text-decoration:underline}
.registration h1 {font-family:Arial, Helvetica, sans-serif; color:#1c3656; font-size:21px; font-variant:normal; font-weight:lighter;}
.registration h2 {font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:18px; font-variant:normal; font-weight:lighter;}

.regWindow { width:782px; background-image:url(/design/images/regWindow-bg.gif); background-color:#EAF5FB; margin-top:1px; margin-bottom:1px}
.regWindow #wHeader { width:782px; height:8px; background-image:url(/design/images/regWindow-top.gif);}
.regWindow #wFooter { width:782px; height:8px; background-image:url(/design/images/regWindow-bottom.gif);}
.regWindow #wContent { padding-left:36px; padding-right:24px; padding-bottom:24px; padding-top:10px; font-size:11px;}
.regWindow #wContent h1 { font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; margin-top:0px; font-size:19px; font-variant:normal; font-weight:lighter;}
.regWindow #wContent h2 { font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:17px; font-variant:normal; font-weight:lighter;}
.regWindow #wContent h3 { font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:15px; font-variant:normal; font-weight:lighter;}
.regWindow #wContent h4 { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:13px; font-variant:normal; font-weight:lighter;}
.regWindow #wContent p { }
.regWindow #wContent em { font-weight:bold; font-size:12px; color:#83a143 }
.regWindow #wContent a { color:#1c3656; font-size:11px; text-decoration:underline}
.regWindow #wContent a:hover {color:#2b7bb0; font-size:11px; text-decoration:underline}

.regWindow fieldset { border-top:1px solid #a4bb73; border-left:0px; border-right:0px; border-bottom:0px; padding:10px}
.regWindow legend { color:#000033; font-size:14px; font-weight:lighter; margin-bottom:10px}

.home { width:941px; height:700px; border-left:1px solid white; border-right:1px solid white; text-align:left; margin:0px auto}
.home #content {font-family:Verdana, Arial, Helvetica, sans-serif; width:672px; font-size:12px;color:#FFFFFF;padding:20px; float:right}
.home h1 {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; font-variant:normal; font-weight:lighter;}

#interior { width:976px; min-height:400px; text-align:left; margin:0px auto; padding-bottom:60px;}
#content {width:672px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1c3656; padding-left:30px; padding-top:30px; padding-right:10px; padding-bottom:30px; text-align:left}
#widecontent {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1c3656; padding:30px;}

#interior td {color:#1c3656;}
#interior p { font-size:12px; line-height:17px; color:#1c3656;}

a { color:#2b7bb0;}
a:hover { color:#FF0000; text-decoration:none}



#interior h1 {font-family:Arial, Helvetica, sans-serif; color:#1c3656; font-size:21px; font-variant:normal; font-weight:lighter;}
#interior h2 {font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:18px; font-variant:normal; font-weight:lighter;}

.home #sidebar { text-align:left; width:202px; padding:10px; float:left}
.home #sidebar h1 { font-family:Arial, Helvetica, sans-serif; margin-left:5px; color:#FFFFFF; font-size:21px; font-variant:normal; font-weight:lighter;}
.home #sidebar h2 { font-family:Arial, Helvetica, sans-serif; margin-left:5px; margin-bottom:5px; color:#a4bb73; font-size:13px; }
.home #sidebar p { margin-left:5px; margin-top:5px; color:#a4bb73; font-size:11px;}
.home #sidebar a { color:#a4bb73; text-decoration:underline}
.home #sidebar a:hover { color:#FFFF99; font-size:11px; text-decoration:underline}

#sidebar { text-align:left; width:202px; padding:10px; float:right}
#sidebar h1 { font-family:Arial, Helvetica, sans-serif; margin-left:5px; color:#112b4c; font-size:21px; font-variant:normal; font-weight:lighter;}
#sidebar h2 { font-family:Arial, Helvetica, sans-serif; margin-left:5px; margin-bottom:5px; color:#406c89; font-size:13px; }
#sidebar p { margin-left:5px; margin-top:5px; color:#234f6c; font-size:11px;}
#sidebar a { color:#234f6c; font-size:11px; text-decoration:underline;}
#sidebar a:hover { color:#2b7bb0; font-size:11px; text-decoration:underline}

		
#sidebar span{  margin:0px }
#sidebar li { color:#234f6c; font-size:11px;}

hr.green {height: 0px; border: 0px; border-top: 1px solid #a4bb73;}
hr.greenBar {height: 0px; border: 0px; border-top: 1px solid #a4bb73;}
hr.orangeBar { height:0px; border:0px; border-top:1px solid #ff9000; margin-top:10px}

.teaserFeatured { width:295px; height:115px; cursor:pointer; padding:20px; background-image:url(images/bg-featured.jpg); background-color:#39617b; margin-top:1px; margin-bottom:1px;}
.teaserFeatured p { color:#ffffff; font-size:11px}
.teaserFeatured h1 { font-family:Arial, Helvetica, sans-serif; margin-left:0px; margin-bottom:0px; margin-top:0px; color:#FFFFFF; font-size:17px; font-variant:normal; font-weight:lighter;}
.teaserFeatured h2 { font-family:Arial, Helvetica, sans-serif; margin-left:0px; margin-bottom:0px; margin-top:5px; color:#a1c6e1; font-style:italic; font-size:14px; font-variant:normal; font-weight:lighter;}
.teaserFeatured h3 { font-family:Arial, Helvetica, sans-serif; margin-left:0px; margin-bottom:0px; margin-top:0px; color:#a1c6e1; font-style:italic; font-size:12px; font-variant:normal; font-weight:lighter;}

.teaser { width:335px; background-image:url(/design/images/teaser-bg.gif); background-color:#39617b; margin-top:1px; margin-bottom:1px}
.teaser #tHeader { width:335px; height:8px; background-image:url(/design/images/teaser-top.gif);}
.teaser #tFooter { width:335px; height:8px; background-image:url(/design/images/teaser-bottom.gif);}
.teaser #tContent { color:#abbf7c; padding-left:10px; padding-right:10px; padding-top:2px; font-size:11px;}
.teaser #tContent h1 { font-family:Arial, Helvetica, sans-serif; margin-top:0px; margin-left:0px; margin-bottom:0px; color:#FFFFFF; font-size:17px; font-variant:normal; font-weight:lighter;}
.teaser #tContent p { margin-top:5px; margin-bottom:5px}
.teaser #tContent a { color:#a4bb73; font-size:11px; text-decoration:underline}

#tRollover { text-align:left;}
#tRollover:hover { color:#009900; background-color:#ddeeff; cursor:pointer}
#tRollover:hover a { text-decoration:underline}


.window { width:682px; background-image:url(/design/images/window-bg.gif); margin-top:1px; margin-bottom:1px}
.window #wHeader { width:682px; height:8px; background-image:url(/design/images/window-top.gif);}
.window #wFooter { width:682px; height:8px; background-image:url(/design/images/window-bottom.gif);}
.window #wContent { padding-left:36px; padding-right:24px; padding-bottom:24px; padding-top:10px; font-size:11px;}
.window #wContent h1 { font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; margin-top:0px; font-size:19px; font-variant:normal; font-weight:lighter;}
.window #wContent h2 { font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:17px; font-variant:normal; font-weight:lighter;}
.window #wContent h3 { font-family:Arial, Helvetica, sans-serif; color:#1a5a7a; font-size:15px; font-variant:normal;}
.window #wContent p { }
.window #wContent em { font-weight:bold; font-size:12px; color:#83a143 }
.window #wContent a { color:#1c3656; text-decoration:underline}
.window #wContent a:hover {color:#2b7bb0; text-decoration:underline}

.window #wRollover { padding:10px; text-align:left }
.window #wRollover:hover { background-color:#365d76; cursor:pointer}
.window #wRollover:hover a { color:#FFFF99; text-decoration:underline}



.footerHome { width:941px; border-left:1px solid #406c89; border-right:1px solid #406c89; background-color:#FFFFFF; margin:0px auto; font-size:10px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif}
.footerHome #left { text-align:center; width:202px; padding:10px; float:left}
.footerHome #right { text-align:center; width:672px; padding:10px; float:right}
.footerHome a { color:#FFFFFF; text-decoration:none; padding:6px}
.footerHome a:hover { color:#FFFF99; text-decoration:underline}



img.ava { margin-left:5px; margin-bottom:10px; float:right }
.windowicon { margin-left:-36px; float:left}


.skinny { font-family:Arial, Helvetica, sans-serif; font-size:9px}



a.hfma {text-decoration:underline; display:block;width:60px;padding:2px; }
a.hfma:hover {text-decoration:underline; background-color: #ffff99; }
a.hfma:active	{text-decoration:underline; background-color: #ffff99; }

.btnYellow { background-color:#FFFFCC; border:1px solid #FFCC66; padding:20px; text-align:center}
.btnGreen { background-color:#DCFFD7; border:1px solid #99cc99; padding:20px; text-align:center}
.btnBlue { background-color:#F0F8FF; padding:20px; text-align:center}

.approve { color:green; font-weight:bold}
.decline { color:red; font-weight:bold}
.delete { color:red; font-weight:bold; height:24px}

.links li { list-style-image:url(/images/icons/btn_setup-cert_bg.gif); font-size:10px; padding:2px; vertical-align:top; margin:0px}
.services li { list-style-image:url(/images/icons/archivedicon.gif); padding:2px; vertical-align:top; margin:0px}
.weblink li { list-style-image:url(/images/icons/link_icon.gif); padding:2px; vertical-align:top; margin:0px}
.info li { list-style-image:url(/images/icons/tip.gif); padding:2px; vertical-align:top; margin:0px}
.arrows li { list-style-image:url(/images/icon_arrow.gif); padding:2px; vertical-align:top; margin:0px}

ul { text-align:left}
li.email { list-style-image:url(icons/mail4.gif); vertical-align:top;}

.event	{ font-size: 16px;font-family: verdana, Arial;color: #004b71 }
.subevent { font-size: 13px;font-family: verdana, Arial;color: #00679B }
.comments {font: 10px verdana, arial;color: #999;}
.tiny {font-size:9px}

.CPARheader { font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.CPARboxes {padding:8px; border-bottom:1px solid #a4bb73}

.spnAwaitingApproval { color:red; padding:20px; border:1px solid red; background-color:#FFFFCC; text-align:center}
.spnWaitingOnCheck { color:brown; padding:20px; border:1px solid orange; background-color:#FFFFCC; text-align:center}
.spnApproved { color:green; padding:20px; border:1px solid green; background-color:#FFFFCC; text-align:center}

.spDiamond {display:block; text-align:center; width:60px; padding:4px; background-color:#CCFFFF}
.spPlatinum {display:block; text-align:center; width:60px; padding:4px; background-color:#FFFFFF}
.spGold {display:block; text-align:center; width:60px; padding:4px; background-color:#FFDE00}
.spSilver {display:block; text-align:center; width:60px; padding:4px; background-color:#CCCCCC}
.spBronze {display:block; text-align:center; width:60px; padding:4px; background-color:#E9B35D}
.spinactive {display:block; text-align:center; color:#999999; width:50px; padding:4px;}

a.thumbnails {padding:8px; margin:5px; background-color: #D5E3F0; width:610px; display:block; border:0px; text-align:center}
a.thumbnails:hover {padding:8px; background-color: #f1f8ff; display:block; border:0px; text-align:center}

a.thumbnail {padding:8px; margin:5px; background-color: #D5E3F0; width:80px; height:110px; display:block; border:0px}
a.thumbnail:hover {padding:8px; background-color: #f1f8ff; width:80px; height:110px; display:block;}
a.thumbnail:active {padding:8px; background-color: #365d76; width:80px; height:110px; display:block;}
a.thumbnail:visited {padding:8px; background-color: #365d76; width:80px; height:110px; display:block;}

.archive { display:block; padding:2px; }
.archive a { display:block; width:180px; text-decoration:none}
.archive a:visitor { color:#006633}
.archive a:hover { color:#3399cc; text-decoration:none}

li.resSection { list-style-image:url(/design/icons/bio.gif); padding:4px; padding-left:8px;}
li.resSection ul { margin-left:6px;}
li.resPDF { list-style-image:url(/design/icons/pdf1.gif); padding:2px; padding-left:8px}

.hideme { visibility:hidden; display:none; text-decoration:none; font-size:0px; height:0px; width:0px; }

.gallery { background-image:url(icons/photoicon.gif); background-repeat:no-repeat; padding-left:20px}



a.squarebutton{
background: transparent url('/design/images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
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;
}
a:hover.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #494949; /*button text color*/}
a.squarebutton span{
background: transparent url('/design/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*/
}
a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.button { height:24px;}

a.blockbutton{
border:1px solid #cccccc;
padding:2px;
background: transparent url('/design/images/bg-button-off.jpg') no-repeat top left;
display: block;
font: normal 12px Arial; /* Change 12px as desired */
height: 36px;
width: 220px;
text-decoration: none;
}
a.blockbutton span {padding:8px; margin-top:10px; font-size:16px}
a:hover.blockbutton {
background: transparent url('/design/images/bg-button-on.jpg') no-repeat top right;
display: block;
}

.myinst{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
}
.openinst{ /*class added to contents of 1st demo when they are open*/
}
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

/*Character Counter Styles*/
.minitext {  font-family: Arial, sans-serif; font-size:9px;  color: Black;}
.disable {  background-color: #CF110C;  color: #fff;  font-weight: bold;  padding: 5px;}

/*Instructions*/
div.instructions {border-bottom:1px solid orange; background-color:#fffff5; width:600px; padding:12px;}
div.instMenu {border-bottom:1px solid orange; display:block; height:24px}

.stage { padding:3px; background-color:#d1ddb8; text-align:center; color:#336699;}
a .sort { padding:3px; padding-left:14px; background-image:url(/design/icons/arrow_sort_off.gif); background-repeat:no-repeat; color:#2467ab; text-decoration:underline}
a:hover .sort { background-image:url(/design/icons/arrow_sort_on.gif); background-repeat:no-repeat; color:#000000; text-decoration:none; background-color:#d1ddb8}