* {
	margin:0; 
	padding:0;
}

body {
	font: 12px verdana, arial, sans-serif;
	color: #000; /*636369; 5E5E64*/
	text-align:center;
	background-color:#fff;
	line-height: 16px;
}
div#mainwrap {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div#mainwrap .vert-margins {   /* oops - horiz margins */
	margin-top: 13px;
	margin-bottom: 13px;
	/*border: 1px solid #9CA2AD;*/
}
div#outer-border {
    border: 1px solid #c6c7ca;
    border-top:0;
}

/******************************************/
/************** header ********************/
#header {
    
    width:780px;
    height:91px;
    border-bottom:1px solid #fff;
    
}



 
.menu {
font-family: verdana, sans-serif; 
width:780px; 
position:relative; 
font-size:11px;
font-weight:bold;
/* padding-bottom:25px;      space below */
 

}
.menu ul {      
padding:0; 
margin:0;
list-style-type: none;           

}
.menu ul li {
float:left;
position:relative;
}

.menu ul li a, 
.menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#285385; 
background:#dfe0e4; 
width:128px;                            /* 128*6 = 768  + 12 = 780 */
border-left:1px solid #fff;             /*  12px  |   130*6=780 */ 
border-right:1px solid #c6c7ca;
border-bottom:1px solid #c6c7ca;

text-align:center; 
height:22px;
line-height:22px;
}

* html .menu ul li a, .menu ul li a:visited {
width:130px;                                      /* ie 5.x - 156 * 5 = 780  */
w\idth:128px;         
}                          
.menu ul li ul {
display: none;
}
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:12px;
}

/* specific to non IE browsers */
.menu ul li:hover a,  .menu ul li a:hover {
color:#fff; 
background:#285385;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {    
display:block; 
position:absolute; 
top:22px;
margin-top:1px;
left:0; 
width:128px;

}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {     
text-align:left;         
font-weight:normal;
display:block; 
background:#dfe0e4; 
color:#153963; 
height:auto; 
line-height:13px; 
padding:5px 6px;                     /* 10 * 5 = 50 *2  */
width:116px;                          /* 134 * 5 = 670        ===  720 */
border-left:1px solid #c6c7ca;
border-top:1px solid #fff;
border-bottom: 1px solid #c6c7ca;
}
* html .menu ul li a:hover ul li a {
width:130px;                            /* all inclusive  */
w\idth:116px;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#c9cacf; 

}


                                 
                    
/******************************************/
/********** main content area *************/

div#contentarea {
    width:778px; 
    background-color:#fff;
}       
div#column2 {
    width:508px; 
    background-color:#fff; 
    float:left;
    margin-top:34px;        
}
div#column3 {
    width:270px; 
    background-color:#fff; 
    float:left;
    margin-top:32px;
}


div#column2 #boxer {
    margin-top:26px;      
    margin-left:20px;
}
div#column2 #boxer1 {
    width:118px; 
    float:left;
}
div#column2 #boxer2 {
    width:365px; 
    float:left;
}
div#column2 #boxer2 h4 {  
    padding-left:5px;
    padding-top:1px;
    padding-bottom:1px;
    color:#285385;
    font-size:14px;
    background-image: url(images/grey-grad.jpg);
    background-repeat:repeat-y;
}
div#column2 #boxer2 p {
    padding-left:5px;
}

 #boxer .arrow {  
            
            margin: 0 10px 0 0;
        }
        #boxer .arrow img {               
            float:right;
            margin:0px 0px 0px 0px;       
            border:0;
            width:89px;
            height:19px;
        }
        
div#column2 .content {
      
}

div#column2 .content {
      margin:0px 10px 10px 14px;      
}
div#column2 .content a{
      text-decoration:none;
     /*    color:#E78207;              ///CHANGE COLOR */
}
div#column2 .content a:hover{
      text-decoration:underline;
     
}



div#column2 .content img {
    padding: 4px 0;
}
div#column2 .content img.center {
      display: block;
      margin-left: auto;
      margin-right: auto;

}
div#column2 .content p{
      margin-top:2px;
      margin-bottom:8px;      
}
div#column2 .content h4{
      margin-top:10px;
      margin-bottom:8px;
      color:#093870;
      font-size:16px;
      background-image: url(images/grey-grad-big2.jpg);
      background-repeat:repeat-y;
      padding-left:5px;
      padding-top:2px;
      padding-bottom:2px;      
}
div#column2 .content h5{
      color:#B30505;     /* D80100  */
      margin-top:6px;
      font-size:13px;       
}
div#column2 .content h6{
      text-align:center;
      width:370px;
      margin-left:auto;
      margin-right:auto;
      
}
div#column2 .content ul{
      margin-left:20px;
      margin-top:2px;
      margin-bottom:8px;            
}
div#column2 .content li {
    margin-top:5px;
}
div#column2 .content blockquote {
      margin-left:40px;
}
div#column2 .content strong {
      color:#093870;
     
}
/******************************************/
/************** form **********************/
#form {
    width:470px;
	margin-left: 20px;
	
}
#form h4 {
	color:#275BA2;
	font-size: 16px;
	margin:22px 0 15px 0;
	border-bottom:1px solid #ddd;
}
#form p  {
    margin:10px 0;
    font-size: 13px;
}

.spacer {
	padding-top: 12px;
}
.optional {
	font-size: 0.85em;
	color: #999999;
	margin-left: 8px;
}
#basic_info {
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

#orange-box {
    float:left; 
    width:180px;
    margin: 4px 8px 5px 0;
}

#orange-box div p {
    text-align:center;   
    padding:8px 10px 10px 12px;
    margin:0px 0;
    color:#ffffff;
    font-size:13px;
    font-weight: bold;
    
    
}
    #orange-box .tl {                     /* corners */ 
        background: url(images/orange-tl.gif) 0 0 no-repeat;
        
    }
    #orange-box .tr {
        background: url(images/orange-tr.gif) 100% 0 no-repeat; 
        
    }
    
    #orange-box .bl {
        background: url(images/orange-bl.gif) 0 100% no-repeat;background-color:  #ff971a;  
        
    }
    #orange-box .br {
        background: url(images/orange-br.gif) 100% 100% no-repeat;   
    }


/* blue box */
#blue-box {
    float:left; 
    width:180px;
    margin: 0px 8px 5px 0;
}
#blue-box p {          /* padding:6px 6px 0px 5px; */
    text-align:center;
    padding:4px 4px 4px 3px;
    margin:0px 0;
    color:#ffffff;
    font-size:14px;
    font-weight: bold;
    
    
}
    #blue-box .tl {                     /* corners */ 
        background: url(images/blue-tl.gif) 0 0 no-repeat;
        
    }
    #blue-box .tr {
        background: url(images/blue-tr.gif) 100% 0 no-repeat; 
        
    }
    
    #blue-box .bl {
        background: url(images/blue-bl.gif) 0 100% no-repeat;background-color:  #275BA2;  
        
    }
    #blue-box .br {
        background: url(images/blue-br.gif) 100% 100% no-repeat;   
    }
    
        /******************************************/
        /********** portfolio content *************/
        .port-con {
        	
        	margin:28px 14px 20px 16px;
        	font-size: 12px;
        	color: #333333;
        }
        
        .port-con p {
        	color:#333333;
        	padding:5px 0 8px 0;
        }
        .port-con img {
        	margin-left:72px;
        	border:1px solid #ccc;
        }
        .port-con a img.req-button {
            float:none;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top:30px;
        }
        
        h2 {
        	color:#275BA2;
        	font-size: 16px;
        	margin:0 20px 15px 0;
        	border-bottom:1px solid #ddd;
        }
        .port-con ul {
        	padding-left:20px;
        }
        
        .port-con li {
        	padding:5px 0 2px 0;	
        	list-style-type:disc;
        	list-style-position:outside;
        }

/******************************************/
/************** right col *****************/    /*
div#column3 {
    width:272px;
}


.right3  {
	
}
div#column3 h4.portfolio {
    margin-top:26px;
    margin-left:10px;
    margin-bottom:15px;
}
div#column3 h4.portfolio a {
    color:#275BA2;
	font-size: 14px;
    text-decoration:none;        
}
div#column3 h4.portfolio a:hover {
    text-decoration:underline;
}                           */
    /******************************************/
    /************* content box ****************/
    
    #box {
        width:250px;
        margin:20px 0px 0px 14px;
        
       	
    }
    #box h4 {
    	color:#ebedf0;
    	font-size: 12px;
    	padding-top: 4px;
    	padding-left: 15px;
    	padding-bottom: 3px;
    	margin-right:5px;    
    }
    
    #box p {
    	margin-top:5px;
    	padding-right: 8px;
    	padding-left: 14px;
    	padding-bottom: 0px;
    	
    	
    }

    #box img.box-pic {
         float:left;
         margin-right:10px;
         margin-top:4px;
         
    }
    #box img.site-pic {
        float:left;
        margin-top:4px;
        margin-right:10px;
        margin-bottom:5px;
        border:1px solid #aaa;
    }
        #box .arrow {  
            text-align:right; 
            margin: 0 10px 6px 0;
        }
        #box .arrow img {               
            float:right;
            margin:2px 0px 5px 0px;       
            border:0;
            width:89px;
            height:19px;
        }
        
        #box .arrow a {           
            font-variant: small-caps;
            font-size: 11px;
        	color: #275BA2;
        	font-weight: bold;   
            text-decoration:none;
        }
                             
        #box .arrow a:hover {
            text-decoration:underline; 
            color:#ff971a;
        }
    #box .grad {
        background: url(images/box-grad.gif) 0 0 repeat-x #09376c;
        
    }  
    
    #box .tl {                     /* corners  box-grad.gif   */ 
        background: url(images/b-left.gif) 0 0 no-repeat; 
      /*  background-color:  #09376c;*/
    }
    #box .tr {
        background: url(images/b-right.gif) 100% 0 no-repeat; 
    }
    
    #box .bl {
        background: url(images/g-left.gif) 0 100% no-repeat;
        background-color:  #eff0f2;
        border-top:2px solid #fff;
    }
    #box .br {
        background: url(images/g-right.gif) 100% 100% no-repeat;
    }


    #login-box {
        width:300px;
        margin:20px 0px 0px 14px;
        
       	
    }
   
    #login-box h4 {
    	color:#ffffff; /*ebedf0;*/
    	font-size: 12px;
    	padding-top: 4px;
    	padding-left: 15px;
    	padding-bottom: 3px;
    	margin-right:5px;    
    }
    
    #login-box p {
    	margin-top:5px;
    	padding-right: 8px;
    	padding-left: 14px;
    	padding-bottom: 0px;
    	
    	
    }

    #login-box img.box-pic {
         float:left;
         margin-right:10px;
         margin-top:4px;
         
    }
    #login-box img.site-pic {
        float:left;
        margin-top:4px;
        margin-right:10px;
        margin-bottom:5px;
        border:1px solid #aaa;
    }
        #login-box .arrow {  
            text-align:right; 
            margin: 0 10px 6px 0;
        }
        #login-box .arrow img {               
            float:right;
            margin:2px 0px 5px 0px;       
            border:0;
            width:89px;
            height:19px;
        }
        
        #login-box .arrow a {           
            font-variant: small-caps;
            font-size: 11px;
        	color: #275BA2;
        	font-weight: bold;   
            text-decoration:none;
        }
                             
        #login-box .arrow a:hover {
            text-decoration:underline; 
            color:#ff971a;
        }
    #login-box .grad {
        background: url(images/box-grad.gif) 0 0 repeat-x #09376c;
        
    }  
    
    #login-box .tl {                     /* corners  box-grad.gif   */ 
        background: url(images/b-left.gif) 0 0 no-repeat; 
      /*  background-color:  #09376c;*/
    }
    #login-box .tr {
        background: url(images/b-right.gif) 100% 0 no-repeat; 
    }
    
    #login-box .bl {
        background: url(images/g-left.gif) 0 100% no-repeat;
        background-color:  #eff0f2;
        border-top:2px solid #fff;
    }
    #login-box .br {
        background: url(images/g-right.gif) 100% 100% no-repeat;
    }
    #login-box #forgot {color:#09376c; font-size:10px; text-decoration:none; }

    #login-box #forgot:hover { text-decoration:underline; color:#D80100; }
        /***********************************/
        /******** target pic ***************/
                /* wraps text around image */
        #holdit2 {width:100%; position:relative;}
        #holdit2 img.target {position:absolute; top:7px; left:3px; z-index:1;}
        #holdit2 img.pencil {position:absolute; top:10px; left:14px; z-index:1;}
        
        #holdit2 p {position:relative; z-index:10;  padding-top:0;}
        
        #holdit2 em {display:block; float:left; height:15px; overflow:hidden; clear:left;}
        
        .a40 {width:40px;}
        .a45 {width:45px;}
        .a50 {width:50px;}
        .a55 {width:55px;}
        .a60 {width:60px;}
        .a65 {width:65px;}
        .a70 {width:70px;}
        
        .a73 {width:73px;}
        
        .a75 {width:75px;}
        .a80 {width:80px;}    
        
/******************************************/
/******* right col port-nav ***************/

#port-nav {   
	margin:0px 0px 0px 10px;
	background-color:#99A1AD;      /*  7E8692;  */
	width:240px;
}


#port-nav ul {  
    list-style: none;
    
} 
#port-nav li {  
    background-color:#ffffff;       
    
    border:1px solid #7E8692;
    border-top:0;
    padding:5px 5px 5px 9px;
    
    
}
#port-nav li.top-line {border-top:1px solid #7E8692;
}  

#port-nav ul li a {        
    font-size:12px;
    padding: 5px 25px 5px 20px; 
    text-decoration:none; 
 	      /*  343434; AEAEAE;  */
    color:#747474;  
}
#port-nav ul li a:hover {  
    /*  text-decoration:underline; */
    color:#A62626;
} 
 #port-nav ul li a:active {  

    color:#ffb638;
} 
#port-nav li.active {
      background-color:#ebedf0;
}
#port-nav li.active a {
      color:#275ba2;   
}
#port-nav li.active a:active {
      color:#275ba2;   
}
#port-nav li.active a:hover {
      color:#275ba2;   
}

/******************************************/
/************* FOOTER *********************/
div#footer {
    margin-top:60px;
	padding:4px 0;
	font-size:12px;
	text-align:center;
	background-color:#ffffff;
	border-top:1px solid #dddddd;
}
 div#footer ul {
    margin:2px 0;
} 
 div#footer li {
    display:inline; 
	border-left:1px solid #999; 
	padding:0 5px 0 9px;
				
}
 div#footer li.right-line-remove {
    border-left:0px;
}  
div#footer ul li a {
    text-decoration:none; 
 	color:#AEAEAE; 
}
 div#footer ul li a:hover {
    text-decoration:underline; 
    color:#6C6C79;
} 
 div#footer ul.fineprint li {
    color:#C7C7C7; 
    font-size:10px;
} 
 div#footer ul.fineprint li a {
    color:#C7C7C7;
} 
 div#footer ul.fineprint li a:hover {
    color:#ABA694;
} 

/***********************************/
/******** clearfix *****************/
.clearfix:after {        
    content: ".";        
   display: block;        
    height: 0;        
    clear: both;        
    visibility: hidden;
}
.clearfix {display: inline-block;}        
* html .clearfix {height: 1%;}        
.clearfix {display: block;}  
/***********************************/

td {
    vertical-align:top;
}

#feature {
  /*  border:solid 1px #ccc;*/
    
    padding:14px;
    margin-top:12px;
    background-color:#fff;          /*#f4f6f8;*/
}
#feature h4 {
	color:#275BA2;
	font-size: 16px;
	margin:0px 0 8px 0;
	border-bottom:1px solid #ddd;
}
#feature h5 {                        /*combine feature and main-content?*/
    color:#275BA2;
}
#feature p {
   margin:10px 0;
   font-size: 13px;
}
#feature img {
    float:right;
    margin-top:3px;
    margin-left:10px;
    margin-right:10px;
    border:1px solid #aaa;
}
#feature a img.req-button {
    float:none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    border:none;
    
}
#feature a {
    text-decoration:none; 
    color:#275BA2;
}
#feature a:hover {
    text-decoration:underline; 
    
}
#feature ul {
        	padding-left:20px;
        }
        
#feature li {
	padding:5px 0 2px 0;	
	list-style-type:disc;
	list-style-position:outside;
}
/** html .byfloatedimage{float: left;} /* IE Only Hack */


#main-content {  width:470px;
    padding:14px;
    margin-top:12px;
}
#main-content p{
   margin:10px 0;
   font-size: 13px;
}

#main-content h4 {
	color:#275BA2;
	font-size: 16px;
	margin:0px 0 8px 0;
	border-bottom:1px solid #ddd;  
}
#main-content h5 {                        
    color:#275BA2;
    margin-top:14px;
    margin-bottom:0;
    font-size:14px;
}
#main-content img {
    float:left;
    margin-top:6px;
    margin-right:12px;
    margin-bottom:5px;
    margin-left:8px;
    border:1px solid #aaa;
}
#main-content img.grph {
    float:right;
    margin-top:0;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:4px;
    border:none;
}
#main-content a img.req-button {
    float:none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    border:none;
}
#main-content img.mark-log {
    float:none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:6px;
 
    margin-bottom:10px;
 
    border:none;
    
}
#main-content ol {
        	padding-left:20px;
        }
#main-content li {
	padding:2px 0 2px 0;	
	
	list-style-position:outside;
}
#main-content a {
    text-decoration:none; 
    color:#275BA2;
}
#main-content a:hover {
    text-decoration:underline; 
    
}