body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
    background-color: #EBEBEB;
}

/* the wrapper */

#wrap 
{
    width: 800px;
    margin: 10px auto;
	background-color: #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}

#wrap h3
{
     font-size: 1.0em;
     line-height: 1.0em;
     margin-bottom: -10px;
     color: #687C97;
     padding: 0 0 0 15px;
}


/* the topbar */

#topbar
{
    text-align: right;
    color: #000;
    background-color: #fff;
    font-size: 0.8em;
    font-weight: bold;
}

#topbar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topbar ul a
{
	float: left;
	display: block;
    margin: 0;
	color: #000;
	text-decoration: none;
    padding: 0px 5px 0px 5px;
}

#topbar ul a:hover
{
    text-decoration: underline;
}


#topbar ul li
{
	float: right;
	margin: 0;
	padding-top: 0px;
	text-align: center;
}

/* the header */

#header 
{
    clear: both;
    background-image: url('../images/homepage-block-cent.png');
    background-position: left top;
    background-repeat:no-repeat;
    border-top: 0px;
    margin-top: 0px;
    height: 103px;
}
#header_dtatl
{
     clear: both;
    background-image: url('../images/dtatl-head-block.jpg');
    background-position: left top;
    background-repeat:no-repeat;
    border-top: 0px;
    margin-top: 0px;
    height: 100px;
}   

.headleft
{
    float: left;
}

.headimg
{
    margin: 10px 0 0 0;
} 



.controller
{
    margin-top: 5px;
}

.fontsize
{
    font-weight: bold;
}


.dynamic
{
    font-size: 13px;
    margin-top: 3px;
    border-left: 1px solid #ff9933;
    border-right: 1px solid #ff9933;
    text-align: left;
    margin-left: 13px;
}

.dynamicli
{
    color: #000033;
    width: 105px;
    padding: 3px;
    border-bottom: 1px solid #ff9933;
}

.dynamichover
{
    color: #ff9933;
}

.lbllink
{
}
.img 
{
    width: 800px;
    height: 100px;
    margin: 0px 0px 0px 0px;
}

/*the content div*/

#content
{
    margin-top: 0;
    padding: 0px;
}

#content h1
{
     font-family: Arial, helvetica, Sans-Serif;
     font-size: 1.2em;
     color: #687C97;
     padding: 2px 15px 0px 15px;
}
#content p
{
    text-align: justify;
    padding: 0px 15px 2px 15px; 
    color: #000000;
}
   
#text.small p {
  font-size: smaller;
}

#text.normal p {
  font-size: small;
  height : 155px;
}

#text.large p {
  font-size: larger;
}

#text
{
    float: left;
    width: 555px;
    padding-left: 10px;    
}
#text p
{ 
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
    padding: 2px 15px 2px 15px; 
}
 #text h1
 {
    color: #687C97;
    font-size: 1.8em;
    line-height: 1.5em;
    text-align: justify;
    padding: 0px 15px 0px 15px;
    margin-bottom: -10px;   
 }
 #text h2
 {
    font-family: Arial, helvetica, Sans-Serif;
    color: #687C97;
    font-size: 1.25em;
    line-height: 1.0em;
    text-align: justify;
    padding: 0px 5px 0px 15px; 
    margin-bottom: -2px;
 }
 
 #text img
 {
     border: 0;
 }
 
 .table td
 {
    border: 1px solid #000000;
    background-color: #ebebeb;
    line-height: 1.5em;
 }
 #.table tr
 {
    border: 1px solid #000000;
 }
 #text ul
 {
    list-style-image: url(../images/ul_img.png)
 }
 #text li
 {
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
 }
blockquote
{
    float: left;
    width: 120px;
    color: #687C97;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    padding-top: 20px;
    margin-left: 0;
    margin-right: 10px;
    text-align: center;
}
.right
{
    float: right;
    text-align: justify;
}

.top
{
    text-align: justify;
}

.bottom
{
    clear: both;
    text-align: justify;
}
/* class for links to popups in text  Does not work in ie7 quirks mode. consider as a snag to fix. (padding should be 18*/
.popup
{
    padding-right: 0px;
    background: transparent url(../images/icon_popup.gif) no repeat centre right;
}
    
/*the subnavigation menu*/
#subnav
{
    float: left;
    color: #336699;
    width: 200px;
    margin: 3px 0px 0px 0px;
}


/* outer subnav */

#subnav ul
{
    margin-left: 3px;
    padding: 2px 2px 2px 5px;
    background-color: #eee;
}

#subnav li
{
    list-style-type: none;
    padding-bottom: 0px;
}

#subnav li a
{
    color: #003399;
    text-decoration: none;
    font-weight: bold;
} 

#subnav li a:hover
{
    text-decoration: underline;
}   

#subnav li.L1active
{
}

#subnav a.L1active
{
    text-decoration: underline;
}

/* inner subnav nest */

#subnav ul ul
{
    margin-left: 10px;
}

#subnav li li
{
    margin-left: 5px;
    padding-top: 2px;
    list-style-type: circle;
}

#subnav li li a
{
    color: #336699;
    text-decoration: none;
    font-weight: normal;
} 

#subnav li li a:hover
{
    text-decoration: underline;
} 

#subnav li.L2active
{
    list-style: square;
}


#subnav a.L2active
{
    text-decoration: underline;
}



/*the news section - still required ? */


#news
{
    float: right;
    margin-top: 0;
    width: 225px;
}

#news p
{
    margin-top: 2px;
}

#news h2
{
    color: #000033;
    font-size: medium;
    border-bottom: 2px solid Orange;
    margin-bottom: 5px;
}

.info
{
    margin: 10px 0 3px 0;
}

.ddlinfo
{
    margin-bottom: 15px;
}

.blue
{
    color: #000033;
    font-weight: bold;
} 

legend
{
    font-size: medium;
    color: #687C97;
    font-weight: bold;
    margin-bottom: 10px;
}

fieldset
{
    padding-left: 10px;
    margin-bottom: 15px;
}

.form 
{
	color: #000033;
	background-color: #fff;
	margin: 0px;
}

.label 
{
    color: #000000;
    font-weight: bold;
    float: left;
    width: 100px;
    text-align:left;
    margin-top: 5px;
}

/* the footer */

#footer
{
    clear: both;
    text-align: right;
    background-image: url('../images/border_bg.png');
    background-repeat:repeat-x repeat-y;
    background-color: #000033;
    border-top: 2px solid Orange;
    border-bottom: 2px solid Orange;
    font-size: 0.75em;
    color: #fff;
    margin-top: 15px;
    padding: 0 5px 1px 0;
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul a
{
	float: left;
	display: block;
    margin: 0;
	color: #fff;
	text-decoration: none;
    padding: 0px 5px 0px 5px;
}

#footer ul a:hover
{
    text-decoration: underline;
}

#footer ul li
{
	float: left;
	margin: 0;
	padding-top: 0px;
	text-align: center;
}

/*css for the search functions - datbox and datbox_table is location of elements*/
/*gv is gridview, dv is details view*/
.datbox
{
    clear: left;
    padding: 10px 10px 10px 10px;
}

.datbox_table
{
    clear: left;
    padding: 10px 10px 10px 10px;
}
.gv
{
    font-family: Arial , Helvetivca, Sans-Serif;
    font-size: 1em;
    table-layout: auto;
    border-collapse: collapse;
    border: solid 1px #1d1d1d;
    margin-right: 0px;
}
.gv_selectedrow 
{
    background-color: #FBEC5D;
}
.gv_header
{
    background-image: url('../images/border_bg.png');
    background-repeat:repeat-x repeat-y;
    font-family: Arial, Helvetivca, Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;
}
.gv_pager
{
    background-image: url('../images/border_bg.png');
    background-repeat:repeat-x repeat-y;
    padding: 2px 5px 2px 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;  
}
.gv_pager a
{
    padding: 2px 5px 2px 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;
}
.gv_header a
{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1em;
    font-weight:normal;
    display: block;
    text-align: center;
    font-family: Arial , Helvetivca, Sans-Serif;
    padding: 2px 10px 2px 10px;
}
.gv_header th
{
    font-family: Arial , Helvetivca, Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;
    font-weight: normal;
    padding: 2px 10px 2px 10px;
} 
.gv_rows
{
    background-color:#EBEBEB;
} 
.dv
{
    font-family: Arial , Helvetivca, Sans-Serif;
    font-size: 1em;
    table-layout: auto;
    border-collapse: collapse;
    border: solid 1px #1d1d1d;
}
.dv_header 
{
    background-image: url('../images/border_bg.png');
    background-repeat:repeat-x repeat-y;
    font-family: Arial, Helvetivca, Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;
}
.dv_row
{
    background-color: #EBEBEB;
}

/*icon box for the images on product search page.*/


#iconbox
{
    clear: both;
}
.iconbox
{
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid #000033;
    margin: 10px 20px 10px 10px;
}
#iconboxl2
{
    clear: both;
}
/*image control*/
#text img.limg { 
float : right; 
border : 2px solid #687c97; 
margin : 10px 8px 2px 1em; 
}

/*homepage unique styles*/

#intro
{
    float:left;
    width:350px;
    padding: 5px 10px 10px 10px;
    border-right: 2px dashed #EBEBEB;
    text-align:justify;
    color: #000000;
}

#contentrow2_text
{
    float:right;
    width:384px;
    margin-left: 2px; 
    padding: 5px 25px 1px 15px;      
}


#contentrow2_news
{
    clear: both;
    float: left;
    width: 330px;
    padding: 5px 10px 10px 10px;
    text-align:justify;
    color: #000000;
}


#contentrow2_news ul
{
    list-style-type: square;
}


#contentrow2_news a
{
    text-decoration: none;
    color: #000080;
}

#contentrow2_news a:hover
{
    text-decoration: underline;
}
    
#media
{
    float:right;
    width:384px;
    margin-left: 2px;
    padding: 0px 25px 1px 15px;      
}

#intro ul, #media ul 
{
    list-style-type: none;
    padding-left: 0;
    margin-left: 30px;

}
#intro li, #media li
{
    line-height: 1.5em;
    border-bottom: solid 1px #ffffff;
    font-size: 1em;
    list-style-image:none;
    background-image: url(../images/homepage-link-bg.png);
    background-repeat: repeat-y;
    
}
#intro li a:link, #intro a:visited
{
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 1em;
    line-height: 1.5em;
    text-align: left;
    padding: 0px 0px 2px 15px; 
    color: #FFFFFF;
    text-decoration: none;
}
#intro li a:hover
{
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 1em;
    line-height: 1.5em;
    text-align: left;
    padding: 0px 0px 2px 15px; 
    color: #FFFFFF;
    text-decoration: underline;
}