/* TABLE OF CONTENTS

    - TEXT STYLES
    - LIST STYLES
    - LINK STYLES
    - MASK STYLES
    - XMOD STYLES
    - FLASH STYLES
    - 3 COLUMN STYLES
    - LIGHTBOX STYLES
    - DNN MENU STYLES

*/    
    
    /* TEXT STYLES */
    body{
       font-family:Verdana, Arial, Sans-Serif;
       font-size:6.5pt;
       text-align:justify;
       font-weight:normal;
       width:100%;
        }
    p{
        margin-bottom:0px;
        margin-top:5px;
        }
    h1{   
        padding-top:0px;
        margin-top:5px;
        padding-bottom:0px;
        margin-bottom:0px;
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6.5pt;
        }
    h1 .Head {
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6.5pt;
        }
    h2{
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6.5pt;
        padding-top:0px;
        margin-top:5px;
        padding-bottom:5px;
        margin-bottom:0px;
        }
    h2 .Head {
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6.5pt;
        }
    .nolinklist h2{   
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6pt;
        padding-top:3px;
        }
    .Normal{
        margin-right:10px;
        padding-top:0px;
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6.5pt;
        text-align:justify;
        font-weight:normal;
        }
        
    /* LIST STYLES */
    ul{
        list-style:none;
        margin-left:15px;
        padding-left:0px;
        margin-top:5px;
        }
    ul li{
        text-align:left;
        padding-top:4px;
        }
        
    .linklist ul{
        list-style:none;
        margin-left:0px;
        padding-left:0px;
        margin-top:5px;
        }
    .linklist ul li{
        text-align:left;
        padding-top:4px;
        }
    .nolinklist ul {
        list-style:none;
        margin-left:0px;
        padding-left:0px;
        padding-top:0px;
        margin-top:-10px;
        line-height:-3px;
        }
    .nolinklist ul li {
        text-align:left;
        padding-top:4px;
        }
    .projectlinklist ul{
        list-style:none;
        margin-left:0px;
        padding-left:0px;
        margin-top:5px;
        text-align:left;
        }
    #contentmaskJS .projectlinklist ul .plheading{
        clear:both;
        }
    .projectlinklist ul li{
        padding-top:0px;
        }
    
    /* LINK STYLES */    
    .colleft a, .colleft a:hover, .colleft a:active, .colleft a:visited, .colleft a:link{
        text-decoration:underline;
        color:Gray;  
        }
    a .rollover {
        text-align:right;
        font-family:Verdana, Arial, Sans-Serif;
        color:Gray;
        font-size:8.5pt;
        padding:15px 0 7px 0;
        padding-right:80px;
        text-decoration:none;    
        }
    a:hover .rollover {
        text-align:right;
        font-family:Verdana, Arial, Sans-Serif;
        color:Black;
        font-size:8.5pt;
        padding:15px 0 7px 0;
        padding-right:80px;
        background:url(images/bullet.jpg) no-repeat 98% 6px;
        text-decoration:none;   
        
        }
     a .activeitem {
        text-align:right;
        font-family:Verdana, Arial, Sans-Serif;
        color:Black;
        font-size:8.5pt;
        padding:15px 0 7px 0;
        padding-right:80px;
        background:url(images/bullet.jpg) no-repeat 98% 6px; 
        }
    #contentmaskJS li a{
        font-family:Verdana, Arial, Sans-Serif;
        color:Gray;
        font-size:6.5pt;
        text-decoration:underline;
        }
     
     #contentmaskJS .projectlinklist ul a .plheading{
        font-family:Verdana, Arial, Sans-Serif;
        color:Gray;
        font-size:6.5pt;
        text-align:left;
        float:left;
        padding-left:0px;
        }
    #contentmaskJS .projectlinklist ul li a{
        font-family:Verdana, Arial, Sans-Serif;
        color:Gray;
        font-size:6pt;
        text-align:left;
        text-decoration:none;
        
        padding-left:10px;
        }
    ul li a{
        font-family:Verdana, Arial, Sans-Serif;
        color:Gray;
        font-size:6.5pt;
        text-align:left;
        text-decoration:underline;
        }
    ul li{
        padding-left:0px;
        }
        
        
    .leightbox a{
        font-family:Verdana, Arial, Sans-Serif;
        color:Gray;
        font-size:6.5pt;
        text-decoration:underline;
        }
    .footer_lb a {
	    color:Black;
	    text-transform:uppercase;
        }
    .footer_lb a:hover {
	    color:Black;
	    cursor:pointer;
	    text-transform:uppercase;
        }
     
	/* MASK STYLES */
	.pagemask{
		width:850px;
	    margin-left:auto;
		margin-right:auto;
		margin:auto;
        }
    #headermask {
		background:url(images/header.jpg) no-repeat 0px 10px;
		height:90px;
		clear:both;
        }
	.footermask{
        background:black;
        width:835px;
        height:16px;
        text-align:right;
        padding-right:15px;
        clear:both;
        padding-top:1px;
        }
    .boxmask{  
        /*clear:both;*/
        vertical-align:top;
        }
    
    #contentmaskJS{
        padding-top:0px;
        font-family:Verdana, Arial, Sans-Serif;
        font-size:6.5pt;
        text-align:left;
        font-weight:normal;
        height:260px;
        overflow:auto;
        line-height:15.5px;
        width:260px;
        }
    .linklist{
        height:auto;
        }
    .contentmaskJSPane p{
        font-size:9px;
        text-align:left;
        font-weight:normal;
        }
    .boxcol1{
        width:510px;
        float:left;
        margin-top:10px;
        margin-left:30px;
        overflow:auto;
        height:475px;
        }
    .boxcol2{
        width:310px;
        /*float:left;*/
        margin-top:10px;
        margin-left:30px;
        height:475px;
        overflow:auto;
        }
     .boxfull{
        margin-top:10px;
        margin-left:30px;
        margin-right:30px;
        overflow:auto;
        height:475px;
        }
    .floatright{
        float:right;
        clear:both;
        }
    /* XMOD STYLES */
    .imagethumbs{

        }
    .invisible{
        display:none; 
        }
        
    /* FLASH */
	#flashcontent{
	    width:100%;
	    height:240px;
	    clear:both;
	    }
	    
	/* 3 COLUMN SETTINGS */
	.leftmenu {
		clear:both;
		margin-top:25px;
		padding-bottom:20px;
	    }
	.leftmenu .col1 {
		width:240px;
		float:left;
		height:320px;
	    }
	.leftmenu .col2 {
		width:279px;
		float:left;
		height:320px;
	    }
	.leftmenu .col3 {
		width:279px;
		float:left;
		height:320px;
	    }

    /* LIGHT BOX */

    .leightbox {
	    display: none;
	    position: absolute;    
	    /*left: 14.1%;
	    width: 70%;*/ 
	    left:0;
	    
	    width:99%;
	    z-index:1001; 
	    top:15%;   
	    /*border: 5px solid #0c0;*/
        }
    .lightmask{
        
        background-color: white;
        color: #333;
        margin-left:auto;
        margin-right:auto;
        width:900px;
	    border: 2px solid #B8B8B8;
	    /*border: 5px solid #C00;*/
	    height:525px;
	    text-align:left;
        /*clear:both;*/
        vertical-align:top;
        }
    /*#overlay{
	    display:none;
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%;
	    z-index:100;
	    background-color:#333;
	    -moz-opacity: 0.8;
	    opacity:.80;
	    filter: alpha(opacity=80);
        }*/
    .lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    
        }
    #overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    
        }
    
   
   
   /* DNN MENU */
    .main_dnnmenu_container {
	    background-color: transparent; 
	    
        }
    .main_dnnmenu_bar {
	    cursor: pointer; 
	    cursor: hand;
	    height:16px;
	    background-color: Transparent;
        }
    .main_dnnmenu_item td {
	    cursor: pointer; 
	    cursor: hand; 
	    color: #000000; 
	    font-size: 11px; 
	    font-weight: bold; 
	    font-style: normal; 
	    background-color: Transparent;
	    font-family:Verdana, Arial, Sans-Serif;
        white-space: nowrap;
        padding: 1px 3px 3px 1px;	
        }
    .main_dnnmenu_rootitem {
	    cursor: pointer; 
	    cursor: hand; 
	    color: white; 
	    font-size: 11px; 
	    font-weight: bold; 
	    font-style: normal; 
	    background-color: Transparent;
	    font-family:Verdana, Arial, Sans-Serif;
        white-space: nowrap;
        padding: 0px 12px 0px 5px;
        }
    .main_dnnmenu_itemhover {  
	    background-color: #8da4d3; 
        }
    .main_dnnmenu_itemhover td {  
	    background-color: #8da4d3; 
        }
    .main_dnnmenu_icon {
	    cursor: pointer; 
	    cursor: hand; 
	    text-align: center; 
	    width: 15px; 
	    height: 100%;
        }
    .main_dnnmenu_submenu {
	    background-color:white;  
	    z-index: 1000; 
	    cursor: pointer; 
	    cursor: hand; 
	    filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	    padding: 1px 1px 1px 1px; 
	    text-align:left;
	    border:1px solid black;
        }
    .main_dnnmenu_break {
	    height: 1px;
	    font-size: 1px;
        }
    .main_dnnmenu_arrow {
	    border-right: #cad5ea 1px solid; 
	    border-bottom: #cad5ea 1px solid; 
	    border-top: #cad5ea 0px solid;
	    font-family: webdings; 
	    font-size: 10pt; 
	    cursor: pointer; 
	    cursor: hand; 
        }
    .main_dnnmenu_rootmenuarrow {
	    font-family: webdings; 
	    font-size: 10pt; 
	    cursor: pointer; 
	    cursor: hand;
        }
    .StandardButton {
        background: #7994cb none; 
        color: #ffffff;
        font-family:Verdana, Arial, Sans-Serif;
        font-size: 10px;
        font-weight: normal;
        }

 /* Container Styles */
   
   #containermask
{
    /*background:#f4f4f4;*/
    height:280px;
    background: url(back.jpg) no-repeat 0px 0px;
    margin:0px;
    float:left;
    padding:7px 0px 0px 15px;
    margin:10px 0px 0px 0px;
}
#contentmask
{
    /*
    scrollbar-base-color: black;
    scrollbar-arrow-color: white;
    scrollbar-track-color:white;
    */
    height:265px;
    width:250px;
    overflow:auto;
    line-height:15.5px;
    text-align:justify;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

/* Font Selector */
	#font-selector {
	float:right;
	width:127px;
	margin:0 10px 0 0;
	padding:0;
	}

	#font-selector p {
	float:left;
	width:70px;
	height:18px;
	background-image:url(images/font-selector_text.gif);
	background-position:100% 0;
	background-repeat:no-repeat;
	text-indent:-999em;
	margin:0 0 2px;
	padding:0;
	}

	#font-selector ul {
	text-align:right;
	margin:0;
	padding:0;
	}

	#font-selector ul li {
	display:inline;
	margin:0;
	padding:0;
	}

	#font-selector ul li a {
	display:block;
	height:18px;
	width:19px;
	text-align:center;
	text-indent:-999em;
	float:left;
	text-decoration:none;
	font-variant:small-caps;
	background-position:0 0;
	margin:0;
	padding:0;
	}

	#font-selector ul li a.select1 {
	background-image:url(images/font-selector_01.gif);
	}

	#font-selector ul li a.select2 {
	background-image:url(images/font-selector_02.gif);
	}

	#font-selector ul li a.select3 {
	background-image:url(images/font-selector_03.gif);
	}

	#font-selector ul li a.select1:hover,#font-selector ul li a.select2:hover,#font-selector ul li a.select3:hover {
	background-position:0 100%;
	}

	#font-selector ul li a:hover {
	text-decoration:none;
	}