/* RESET CSS
------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent;  }
:focus { outline : 0; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }



/* Layout 
------------------------------------------------------- */

html { width: 100%; }
body { background: url(../i/bg1.jpg) no-repeat 210px -10px; behavior: url("../csshover.htc"); color: #666666; font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif; width: 760px; }
#branding { margin: 37px 0 25px 42px; }
#left { clear: left; float: left; padding: 0 15px 0 20px; width: 160px; }
#center { float: left; padding: 2em 0 0 20px; width: 300px; }
#right { float: right; padding: 0 0 0 15px; width: 195px }
#search, #side_nav { display: block; border-bottom: 1px solid #000000; padding: 0 0 1em 0; margin: 0 0 1em 0; }
#search { margin: 0 0 4em; }
body#inf { background: url(../i/bg6.jpg) no-repeat 210px 0px; }
#content { float: right; padding: 2em 10px 3em 20px; width: 535px; }


/* Main Navigation
------------------------------------------------------- */

#nav, #nav li ul { list-style-type: none; }
#nav_com, #nav_app, #nav_tec, #nav_ind, #nav_inf { display: block; float: left; font-size: 11px; font-weight: bold; height: 2em; line-height: 1.1; position: relative; text-align: center; width: 150px; z-index: 1; }
#nav_com, #nav_app, #nav_tec, #nav_ind, #nav_inf { padding: .5em 0 .8em; }
#nav li ul { display: none; position: absolute; width: 149px; top: 3.3em; left: 0; }
#nav li > #nav ul { top: auto; left: auto; }
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li ul li { display: block; font-size: 10px; line-height: 1.4em; padding: .4em 5px .4em 1em; text-align: left; text-transform: none; }
#nav a { text-decoration: none; }
#nav_com a { color: #94283A; }
#nav_app a, #nav_tec a, #nav_ind a, #nav_inf a { color: #FAFEED; }
#nav_com { background: #FFCB61; border: 1px solid #FFB714; }
#nav_com ul { background: #FFCB61; border: 1px solid #FFB714; }
#nav_com ul li { border-top: 1px solid #FFB714; padding: .5em 0; }
#nav_com li:hover, #nav_com li.over { background: #FAFEED; }
#nav_com li:hover a, #nav_com li.over a { color: #94283A; }
#nav_app { background: #FF9800; border: 1px solid #F09000; }
#nav_app ul { background: #FF9800; border: 1px solid #F09000; }
#nav_app ul li { border-top: 1px solid #F09000; padding: .5em 0; }
#nav_app li:hover, #nav_app li.over { background: #FAFEED; }
#nav_app li:hover a, #nav_app li.over a { color: #FF9800; }
#nav_tec { background: #A80531; border: 1px solid #790122; }
#nav_tec ul { background: #A80531; border: 1px solid #790122; }
#nav_tec ul li { border-top: 1px solid #790122; padding: .5em 0; }
#nav_tec li:hover, #nav_tec li.over { background: #FFAAAA; }
#nav_tec li:hover a, #nav_tec li.over a { color: #A80531; }
#nav_ind { background: #004276; border: 1px solid #191919; }
#nav_ind ul { background: #004276; border: 1px solid #191919; }
#nav_ind ul li { border-top: 1px solid #191919; padding: .5em 0; }
#nav_ind li:hover, #nav_ind li.over { background: #9CBCE0; }
#nav_ind li:hover a, #nav_ind li.over a { color: #191919; }
#nav_inf { background: #4E8BCA; border: 1px solid #00345C; }
#nav_inf ul { background: #4E8BCA; border: 1px solid #00345C; }
#nav_inf ul li { border-top: 1px solid #004276; padding: .5em 0; }
#nav_inf li:hover, #nav_inf li.over { background: #9CBCE0; }
#nav_inf li:hover a, #nav_inf li.over a { color: #004276; }



/* Side Navigation
------------------------------------------------------- */

#side_nav ul { list-style-type: none; }
#side_nav li { padding: .5em 0; font-size: 11px; }
#side_nav a { color: #666666; text-decoration: none; }
#side_nav h2 { font-weight: bold; margin: 4em 0 1em; padding: .25em; text-align: center; }
#snav_inf h2 { background: #4E8BCA; color: #FFFFFF; border: 1px solid #00345C; }


/* Type
------------------------------------------------------- */

#search { font-size: 10px; }
#center h1 { font-weight: bold; padding: 0 0 1em 0; }
#center a, #content a { color: #000066; text-decoration: underline; }
#center a:hover, #content a:hover, #side_nav a:hover { color: #178BFF; text-decoration: none; }
#center p, #content p { padding: 0 0 1em 0; }
#copyright { background: #A90533; clear: both; color: #FFFFFF; font-size: 9px; line-height: 1; padding: .5em 0; text-align: center; width: 760px; }
#content h1 { font-size: 16px; font-weight: bold; padding: 1em 0; }
body#inf #content h1, body#inf #side_nav li { color: #4E8BCA; }
#content { line-height: 1.4; }
#content ul, #content ol { padding: 0 0 1em 4em; }
#content li { padding: .2em 0; }
#content span { display: block; font-size: 11px; padding: 1.5em 0 0; margin: 0 0 1em; text-align: center; }
#content span a { color: #666666; text-decoration: none; }
#content span p + p { border-top: 1px solid #888888; padding: 1em 0 0; }
#content hr { clear: both; }
#content h2 { border-bottom: 1px solid #666666; clear: both; font-weight: bold; padding: .5em; margin: 1.1em 2em; line-height: 1.3; }
#content h3 { border-bottom: 1px solid #666666; clear: both; font-weight: bold; padding: .5em; margin: 1.1em 4em; line-height: 1.3; }
#content h4 { clear: both; font-weight: bold; font-size: 1.2em; line-height: 2; padding: .5em 0; }

/* Form
------------------------------------------------------- */

#error { border: 2px solid #AA0000; }
#error h1, #error p { color: #000000; text-align: center; padding: 1em; }
#content form p { margin: 0 auto; width: 375px; }
#notify { border:2x solid #FF6600; }
.required { color: #AA0000; }


/* Information Center
------------------------------------------------------- */

.tbhead, .tbhead td { background: #518BC9; color: #FFFFFF; height: 50px; }
.tbfoot, .tbfoot td { background: #518BC9; height: 10px; }
.tbwhite, .tbwhite td { background: #FFFFFF; height: 40px; }
.tbblue, .tbblue td { background: #D0DFF0; height: 40px; }
.tb { margin-top: 20px; }
.tb td { padding: 10px; min-width: 100px; vertical-align: middle; }
.pbblue { background: #D0Dff0; padding: .5em; }