/* CSSFILE.css */

/* ===== colorset ===== */
/* white>> [rgb(255,255,255)][hex(#ffffff)] */
/* black>> [rgb(0,0,0)][hex(#000000)] */

/* default links */
a:link {text-decoration: underline; color: 003399;}
a:visited {text-decoration: underline; color: 003399;}
a:active {text-decoration: underline; color: 003399;}
a:hover {text-decoration: none; color: 003399;}
/* White */
a.white:link {text-decoration: none; color: White;}
a.white:visited {text-decoration: none; color: White;}
a.white:active {text-decoration: none; color: White;}
a.white:hover {text-decoration: underline; color: White;}
/* Black */
a.black:link {text-decoration: none; color: Black;}
a.black:visited {text-decoration: none; color: Black;}
a.black:active {text-decoration: none; color: Black;}
a.black:hover {text-decoration: underline; color: Black;}
/* Blue */
a.blue:link {text-decoration: underline; color: 003399;}
a.blue:visited {text-decoration: underline; color: 003399;}
a.blue:active {text-decoration: underline; color: 003399;}
a.blue:hover {text-decoration: none; color: 0066CC;}
/* Red */
a.red:link {text-decoration: none; color: CC0000; font-size:11.0pt;}
a.red:visited {text-decoration: none; color: CC0000; font-size:11.0pt;}
a.red:active {text-decoration: none; color: CC0000; font-size:11.0pt;}
a.red:hover {text-decoration: underline; color: CC0000; font-size:11.0pt;}
/* Gray */
a.gray:link {text-decoration: none; color: 999999;}
a.gray:visited {text-decoration: none; color: 999999;}
a.gray:active {text-decoration: none; color: 999999;}
a.gray:hover {text-decoration: underline; color: 999999;}
/* Yellow */
a.yellow:link {text-decoration: none; color: yellow;}
a.yellow:visited {text-decoration: none; color: yellow;}
a.yellow:active {text-decoration: none; color: yellow;}
a.yellow:hover {text-decoration: underline; color: yellow;}
/* Navy */
a.navy:link {text-decoration: none; color: navy;}
a.navy:visited {text-decoration: none; color: navy;}
a.navy:active {text-decoration: none; color: navy;}
a.navy:hover {
	text-decoration: none;
	color: navy;
	background-color: #00FF00
}


body {
	background-color: #225A38;
	}



/* body styles */
body.body {
	scrollbar-3d-light-color: Navy;
	scrollbar-arrow-color: White;
	scrollbar-base-color: Navy;
	scrollbar-darkshadow-color: Navy;
	scrollbar-face-color: Navy;
	scrollbar-highlight-color: Navy;
	scrollbar-shadow-color: Navy;
	background-color: #225A38;
}

/* text styles */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
	{page:Section1;}
.MsoNormal {color: Black; font-family: arial; font-size: 10pt;}
.black7 {color: Black; font-family: arial; font-size: 7pt;}
.black8 {color: Black; font-family: arial; font-size: 8pt;}
.black9 {color: Black; font-family: arial; font-size: 9pt;}
.black10 {color: Black; font-family: arial; font-size: 10pt;}
.black11 {color: Black; font-family: arial; font-size: 11pt;}
.black12 {color: Black; font-family: arial; font-size: 12pt;}
.bblack9 {color: Black; font-family: arial; font-size: 9pt; font-weight: bold;}
.bblack10 {color: Black; font-family: arial; font-size: 10pt; font-weight: bold;}
.bblack11 {color: Black; font-family: arial; font-size: 11pt; font-weight: bold;}
.bblack12 {color: Black; font-family: arial; font-size: 12pt; font-weight: bold;}
.vblack7 {color: Black; font-family: verdana,arial; font-size: 7px;}
.vblack8 {color: Black; font-family: verdana,arial; font-size: 8px;}
.vblack9 {color: Black; font-family: verdana,arial; font-size: 9px;}
.vblack10 {color: Black; font-family: verdana,arial; font-size: 10px;}
.vgray10 {color: #999999; font-family: verdana,arial; font-size: 10px;}
.vblack10j {color: Black; font-family: verdana,arial; font-size: 10px; text-align: justify;}
.vblack11 {color: Black; font-family: verdana,arial; font-size: 12px;}
.vblack12 {color: Black; font-family: verdana,arial; font-size: 12px;}
.vblack13 {color: Black; font-family: verdana,arial; font-size: 13px;}
.vblack14 {color: Black; font-family: verdana,arial; font-size: 14px;}
.vorange10 {color: #D99529; font-family: verdana,arial; font-size: 10px;}
.vyellow14 {color: #B4682C; font-family: verdana,arial; font-size: 14px;}
.vbrown12 {color: #701B16; font-family: verdana,arial; font-size: 12px;}
.vbrown13 {color: #701B16; font-family: verdana,arial; font-size: 13px;}
.vred10 {color: #790510; font-family: verdana,arial; font-size: 10px;}
.vred11 {color: #790510; font-family: verdana,arial; font-size: 11px;}
.vred12 {color: #790510; font-family: verdana,arial; font-size: 12px;}
.vred13 {color: #790510; font-family: verdana,arial; font-size: 13px;}
.vred14 {color: #790510; font-family: verdana,arial; font-size: 14px;}
.vred20 {color: #790510; font-family: verdana,arial; font-size: 20px;}
.vgray11 {color: Gray; font-family: verdana,arial; font-size: 11px;}
.bvblack9 {color: Black; font-family: verdana,arial; font-size: 9pt; font-weight: bold;}
.bvblack10 {color: Black; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}
.bvblack11 {color: Black; font-family: verdana,arial; font-size: 11pt; font-weight: bold;}
.bvblack12 {color: Black; font-family: verdana,arial; font-size: 12pt; font-weight: bold;}
.bvred12 {color: CC0000; font-family: verdana,arial; font-size: 12pt; font-weight: bold;}
.bvblue10 {color: 003399; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}
.bvblue16 {color: 003399; font-family: verdana,arial; font-size: 16pt;}
.vwhite4 {color: White; font-family: verdana,arial; font-size: 4px;}
.vwhite8 {color: White; font-family: verdana,arial; font-size: 8px;}
.vwhite9 {color: White; font-family: verdana,arial; font-size: 9px;}
.vwhite10 {color: White; font-family: verdana,arial; font-size: 10px;}
.vwhite11 {color: White; font-family: verdana,arial; font-size: 11px;}
.vwhite12 {color: White; font-family: verdana,arial; font-size: 12px;}
.vwhite18 {color: White; font-family: verdana,arial; font-size: 18px;}
.white8 {color: White; font-family: arial; font-size: 8pt;}
.white9 {color: White; font-family: arial; font-size: 9pt;}
.white10 {color: White; font-family: arial; font-size: 10pt;}
.white11 {color: White; font-family: arial; font-size: 11pt;}
.white12 {color: White; font-family: arial; font-size: 12pt;}
.white13 {color: White; font-family: arial; font-size: 13pt;}
.white14 {color: White; font-family: arial; font-size: 14pt;}
.bvred12 {color: cc0000; font-family: verdana,arial; font-size: 12pt; font-weight: bold;}
.bvblue10 {color: 003399; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}
.system {color: Black; font-family: system, arial, verdana;}
.Spacer {color: White; font-family: Verdana; font-size: 5px;}
.maroon12 {color: Maroon; font-family: arial; font-size: 12pt;}
.bmaroon12 {color: Maroon; font-family: arial; font-size: 12pt; font-weight: bold;}
.bvnavy8 {color: Navy; font-family: verdana,arial; font-size: 8pt; font-weight: bold;}
.bvblue10 {color: Blue; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}

.Hint {color: #666666; font-family: verdana,arial; font-size: 10px;}
.RecordTitle {color: Black; font-family: Verdana, Arial; font-size: 14px;}
.SuperTitle {color: Black; font-family: Verdana, Arial; font-size: 18px;}
.Spacer {color: White; font-family: Arial, Verdana; font-size: 5px;}
.SectionTitle {color: #DD4D2D; font-family: Verdana, Arial; font-size: 19px;}
.Subtitle {color: #666666; font-family: Verdana, Arial; font-size: 16px;}
.System {color: Black; font-family: System, Arial, Verdana;}
.RecordBg {border: #C2C2C2 1px Solid; color: #000000; font-family: Verdana, Arial; font-size: 12px; font-weight: bold;}
.RecordBgBottom {border-top: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
.RecordBgTop {border-bottom: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
.RecordBgText {border: #C2C2C2 1px Solid; color: #000000; font-family: Verdana, Arial; font-size: 10px;}
.RecordButton {border: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 9px;}
.RecordButton_Disabled {border: #C2C2C2 1px Solid; color: Gray; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonBottom {border-top: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonBottom_Disabled {border-top: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: Gray; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonTop {border-bottom: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonTop_disabled {border-bottom: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: Gray; font-family: Verdana, Arial; font-size: 9px;}

#bold {font-weight: bold;}
#italic {font-style: italic;}
#bolditalic {font-style: italic; font-weight: bold;}

/* buttons */
input.button {background-color: White; border: #7F9DB9 1px solid; color: Black; font-family: verdana; font-size: 10px;}
/* inputs */
input.checkbox {height: 9pt;}
input.text {background-color: White; border: #CCCCCC 1px solid; color: #192346; font-family: verdana; font-size: 10px; width: 100%;}
input.text1 {background-color: White; border: #CCCCCC 1px solid; color: #192346; font-family: verdana; font-size: 10px; width: 100%;}
/* textareas */
textarea.textarea {background-color: White; border: #7F9DB9 1px solid; color: #000000; font-family: verdana; font-size: 10px; height: 85; scrollbar-3dlight-color: #7F9DB9; scrollbar-arrow-color: White; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #C2C2C2; scrollbar-face-color: #7F9DB9; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #7F9DB9; width: 100%;}
/* selects */
select.select {background-color: White; border: Black 1px solid; color: #192346; font-family: verdana; font-size: 10px; scrollbar-3dlight-color: #192346; scrollbar-arrow-color: White; scrollbar-base-color: #192346; scrollbar-darkshadow-color: #192346; scrollbar-face-color: #192346; scrollbar-highlight-color: #192346; scrollbar-shadow-color: #192346; width: 100%;}
select.select1 {background-color: White; border: Black 1px solid; color: #192346; font-family: verdana; font-size: 10px; scrollbar-3dlight-color: #192346; scrollbar-arrow-color: White; scrollbar-base-color: #192346; scrollbar-darkshadow-color: #192346; scrollbar-face-color: #192346; scrollbar-highlight-color: #192346; scrollbar-shadow-color: #192346; width: 75%; height: 9;}

table.leftnav {border:1px double black}
table.main {border:1px double black}


/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/