﻿
/*===============================

Color Scheme

    dk blu = #003366
    lt blu = #6699CC
    navy blu = #000033
    org = #FF9933
    org2 = #FF6600
    dk grey = #666666
    lt grey = #996633
    brn = #996633


================================*/

a.flu-info
{
    display:block;
    background-image:url('../images/SwineFluInfo.jpg');
    background-repeat:no-repeat;
    width:180px;
    height:36px;  
    position:absolute;top:40px;right:0;
    cursor:pointer; 
}

a.flu-info:hover
{
    background-position:0 -36px;
}

/*==========================================================================================
HTML tags
==========================================================================================*/
body 
{
    margin:40px 0 0 0;
    padding:0;
    text-align:center;
    font-size:1em;
}

h1
{
    font-weight:normal;
    font-size:1.6em;
    line-height:1.1;
}

a
{
    color:#003366;
}

a:hover
{
    color:#6699CC;
}


img 
{
    border:none;
    margin:0;
    padding:0;
}

ul.nb-list
{
   list-style-type:none;  
}

ul.nb-list li
{
    list-style-type:none;
    padding:0 0 5px 0;
}

/*==========================================================================================
end HTML tags
==========================================================================================*/

#wrapper
{
    margin:0 auto 0 auto;
    width:930px;
    position:relative;
}

/*==========================================================================================
header
==========================================================================================*/

#header
{
    width:930px;
    height:110px;
    text-align:left;
    position:relative;
    margin:0;
    padding:0;
    background-image:url('../images/CDSlogo.gif');
    background-repeat:no-repeat;
    background-position:top left;
    z-index:10;
}

#header h1
{
    display:none;
}

#header .intexas
{
    position:absolute;
    top:66px;
    left:245px;
    float:left;
}

#header .tagline
{
	position:absolute;
	top:-1px;right:0;
	width:311px;
	height:108px;
}


/*==========================================================================================
end header
==========================================================================================*/

/*==========================================================================================
TopNav Buttons
==========================================================================================*/
.topnav
{
	height:30px;
	background-image:url('../images/topnavbkgnd.gif');
	background-repeat:repeat-y;
}

.topnav a
{
    background-color:#6699CC;
    display:block;
    float:right;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    padding:5px;
    height:20px;
    font-size:.8em;
    border-left:1px solid #FFFFFF;
}

.topnav a:hover
{
    background-color:#003366;
}

.topnav a span{display:table-cell;vertical-align:middle;}


/*==========================================================================================
Breadcrumbs
==========================================================================================*/
#breadcrumbs
{
    text-align:left;
    height:20px;
    font-size:.9em;
    border-bottom:1px dotted #CCCCCC;
}

#faqspage
{
    position:relative;
    width:100%;
    min-height:400px;
    height:auto;
    display:table;
}

#faq_breadcrumbs
{
    position:absolute;left:-20px;
    width:100%;
    font-size:.9em;
}


/*==========================================================================================
End Breadcrumbs
==========================================================================================*/


/*==========================================================================================
Article Menu
==========================================================================================*/
#article-nav
{
    width:689px;
    height:30px;
    position:absolute;right:0;top:0;
    display:block;
    text-align:right;
}

#article-nav a
{
    height:30px;
    background-color:#6699CC;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;  
    margin:0 0 0 1px;
    padding:5px; 
}

#article-nav a:hover{
    background-color:#003366;
}

/*==========================================================================================
end Client Header
==========================================================================================*/

/*==========================================================================================
Log in
==========================================================================================*/

#nav .loggedinmenu
{
	font-size:.8em;
	color:#FFFFFF;
	position:absolute;
	right:5px;
	top:5px;
}

#nav .loggedinmenu a:hover{color:#FFFFFF;}

/*==========================================================================================
end Log in
==========================================================================================*/

/*==========================================================================================
nav
==========================================================================================*/

#nav
{
    background-color:#999999;
    width:930px;
    height:120px; 
    text-align:center;
    position:relative; 
    z-index:0; 
}

#nav img
{
    padding:0;
    margin:0; 
    float:left;
}

#navmenu
{
    width:903px;
    height:88px;
    margin:auto; 
    position:relative;top:25px;
}

/*==========================================================================================
end nav
==========================================================================================*/


#left-column
{
    width:243px;
    height:394px;
    float:left;
}


/*==========================================================================================
content
==========================================================================================*/

#content
{
    width:687px;
    min-height:400px;
    display:table;
    font:1.1em/1.1em Palatino; 
    color:#003366;
    text-align:center;
    position:relative;
    vertical-align:middle; 
    float:right; 
    position:relative;
}

#content-inner
{
    width:650px;
    min-height:400px;
    display:table;
    margin:auto;
    text-align:left;
    position:relative;
    float:right;
    padding:20px 0 0 0;
}

#content, #content-inner{display:table;height:auto;}

/*==========================================================================================
end content
==========================================================================================*/

/*==========================================================================================
FAQs list
==========================================================================================*/
#faqslist
{width:675px;margin:0 0 30px 0;}
#faqslist h3 a
{
    font-weight:normal;
    font-size:.9em;
    font-style:italic;  
    text-decoration:none; 
}
#faqslist h3 {border-bottom:1px dotted #CCCCCC;}

#faqslist div{margin:0 0 0 20px;}

/*--------------------------------FAQs Control Panel---------------------------------------*/

#faqslist .controlpanel
{
position:fixed;top:50px;right:50px;
z-index:10;
background-color:#CCCCCC;
border:1px solid #003366;  

}

.btn_HideShow
{
 background-color:#003366;
 color:#FFFFFF;
 padding:5px;
 display:block;
 width:100px;
 font:bold 1em Arial;
 text-decoration:none;   
 text-align:center;
}

/*--------------------------------FAQs Control Panel---------------------------------------*/


/*==========================================================================================
end FAQs list
==========================================================================================*/

/*==========================================================================================
Programs
==========================================================================================*/
#programs
{
    position:relative;
}
#programs h4
{
    text-align:center;
    font-size:1.3em;
}


#programs ul, #programs li
{
    list-style-type:none;
}


.aster
{
    color:#FF3333;
    font-size:1.2em;
    margin:0;
    padding:0;
    font-weight:bold;
}

li li .aster{position:absolute;left:90px;}

/*==========================================================================================
end Programs
==========================================================================================*/


.back-to-top
{
    float:right;
    cursor:pointer;
    color:#FFFFFF;
    background-color:#003366;
    display:block;
    padding:5px;
    font-size:.8em;
}

#footer
{
    width:930px;
    height:65px;
    text-align:center;
    margin:0 auto 0 auto;   
}

/*==========================================================================================
Links menu
==========================================================================================*/
.linksMenu
{
    width:100%;
    height:40px;
    font-size:.8em;
    line-height:1em; 
}

ul.linksMenu
{
    list-style-type:none;
    margin:20px auto 0 auto;   
    padding:0; 
}

.linksMenu li
{
    list-style-type:none;
    float:left;
    margin:0 2px 0 0;
    padding:0;   
}

.linksMenu a
{
    width:110px;
    height:40px;
    display:block;
    background-color:#6699CC;
    float:left;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    position:relative;
    vertical-align:middle;
}

.linksMenu a:hover{
    background-color:#003366;
}
.linksMenu span
{
    margin:auto;
    position:relative;top:30%;
}


div.community-resources
{
  width:100%;
  text-align:center;
  position:relative;
  vertical-align:middle;
  display:table;
  margin:0;
}

div.community-resources img
{
    border:none;
}

div.community-resources a
{
    text-decoration:none;
    border:none !important;
}

.cr-btn
{
    margin:auto;
    position:relative;  
}

/*==========================================================================================
end Links menu
==========================================================================================*/

/*==========================================================================================
Forms
==========================================================================================*/
.btn
{
    margin:3px 0 0 0;
    width:auto !important;
    height:25px; 
    cursor:pointer;
    background-image:url('../images/btnBkgnd.gif');
    background-repeat:repeat-x !important;
    border:1px solid #336699;
    background-position:top;
}

.btn-over
{
    margin:3px 0 0 0;
    width:auto !important;
    height:25px; 
    cursor:pointer;
    background-image:url('../images/btnBkgnd.gif');
    background-repeat:repeat-x;
    border:1px solid #FF9933;
    background-position:bottom;
}

.text-field
{
    border:1px solid #336699;
    height:20px; 
    background-color:#EAF5FB;  
}

.text-field-req
{
    border:1px solid #FF0000;
    height:20px; 
    background-color:#EAF5FB; 
}

.text-field-over
{
    border:1px solid #FF9933;
    height:20px; 
    background-color:#FFFFFF !important;  
}

textarea
{
    border:1px solid #336699;
    background-color:#EAF5FB; 
    width:500px;     
}

.textarea-req
{
    border:1px solid #FF0000;
    background-color:#EAF5FB; 
    width:500px;     
}

.textarea-over
{
    border:1px solid #FF9933;
    background-color:#FFFFFF;  
}

.chkBox
{
    border:1px solid #000000;
    background-color:#FF9933;    
    width:15px;
    height:15px; 
}

.radio
{
    
}

.radio-req
{ 
padding:0 5px 0 5px;
border:1px dotted #FF0000;

}

select
{
    border:1px solid #336699;
    height:25px;  
    background-color:#FFFFFF;        
}

.select-req
{
    border:1px solid #FF0000;
    height:25px;  
    background-color:#FFFFFF;    
}

.select-over
{
    border:1px solid #FF9933;
    height:25px; 
    background-color:#FFFFFF;      
}

/*==========================================================================================
end Forms
==========================================================================================*/

/*==========================================================================================
Articles
==========================================================================================*/

div.article
{
    
}

div.article .preview
{
 font-size:.9em;
 height:75px;
 overflow:hidden;   
}
div.article .date
{
    font-size:.9em;
}


/*==========================================================================================
End Articles
==========================================================================================*/

/*==========================================================================================
Green Page Buttons
==========================================================================================*/

.pg-btns
{
    width:265px;
    height:175px;
    display:table;
    margin:auto;
    text-align:center;
}

a.pagebutton, a.pagebutton2
{
    width:265px;
    height:175px;
    background-image:url('../images/PageButton.gif');
    background-repeat:no-repeat;
    background-position:0 0;
    font-size:1.5em;
    font-family:Palatino, "Palatino Linotype", Times New Roman, Serif;
    color:#FFFFFF;
    text-decoration: none;
    vertical-align:middle;
    text-align:center;
    line-height:1.3em;
    float:left;
    position:relative;
    display:block;
    cursor:pointer;
}

a.pagebutton:hover, a.pagebutton2:hover
{
    background-position:0 -175px;
    color:#FFFFFF;
}

a.pagebutton span, a.pagebutton2 span
{
    position:absolute;left:0;top:38%;
    width:265px;
    height:70px;
    text-align:center;
    vertical-align:middle;
}

a.pagebutton2 span
{
    top:28%;
}

a.pagebutton-sml
{
    width:175px;
    height:115px;
    background-image:url('../images/PageButtonSml.gif');
    background-repeat:no-repeat;
    background-position:0 0;
    font-size:1.1em;
    font-family:Palatino, "Palatino Linotype", Times New Roman, Serif;
    color:#FFFFFF;
    text-decoration: none;
    vertical-align:middle;
    text-align:center;
    line-height:1.1em;
    float:left;
    position:relative;
    display:block;
}

a.pagebutton-sml:hover
{
    background-position:0 -116px;
    color:#FFFFFF;
}

a.pagebutton-sml span
{
    position:absolute;left:0;top:38%;
    width:175px;
    height:40px;
    text-align:center;
    vertical-align:middle;
}


/*==========================================================================================
End Green Page Buttons
==========================================================================================*/

a.forms-list
{
    display:block;
    margin:10px 0 10px 0;
}

div.office-extensions table
{
    border-collapse:collapse;
    font-size:.8em;
    font-weight:bold;
}

div.office-extensions td
{
    border:1px solid #000000;
    padding:0 10px 0 10px;
}

/*==========================================================================================
Client Index - for usercontrol 'index.ascx'
==========================================================================================*/

#ClientIndexControl
{
    margin:10px 0 0 0;
    width:100%;
}

#ClientLastInitialIndex
{   /*
    width:100%;
    height:auto;
    border:1px solid #CCCCCC;
    padding:20px;
    */
    display:table;
    text-align:center;
    margin:0 0 20px 0;
    width:100%;
}

#ClientLastInitialIndex a
{
    text-align:center;
    display:block;
    float:left;
    width:25px;
    height:40px;
    font-size:1.2em;
    background-color:#003366;
    color:#FFFFFF;
    text-decoration:none;
    line-height:2em;
}

#ClientLastInitialIndex a:hover
{
    background-color:#6699CC;
}

.activeindex
{
    background-color:#6699CC !important;
}

#clientTeam
{
    width:650px;
}

#clientTeam label, #clientTeam .employee-edit label
{
    font-weight:normal;
    font-size:.8em;  
    width:70px; 
    display:block;
    float:left;
}

#clientTeam .employee-edit label
{
    width:120px;
}

#clientTeam .svcTitle
{
    width:610px;
    height:20px;
    color:#FFFFFF;
    margin:10px 0 0 0;
    padding:10px 20px 10px 20px;
    text-align:left;
    font-size:1.1em;
    background-color:#003366;
    border:1px solid #003366;
    border-bottom:none;
}

#clientTeam .employee div
{
    margin-bottom:10px;
}

#clientTeam .employee, #clientTeam .employee-edit
{
    width:610px;
    height:auto;
    display:table;
    border:1px solid #CCCCCC;
    padding:20px;
    margin:0 0 10px 0;
}

#clientTeam .profile, #clientTeam .employee-edit .profile
{
    width:75%;
    height:auto;
    float:left;   
}

#clientTeam .empTitle
{

}

#clientTeam .empName
{
    font-weight:bold;   
}

#clientTeam .empExtension
{
    
}

#clientTeam .empEmail
{
    
}

#clientTeam .empPhoto
{
    float:right;
    height:auto;
    width:25%;
    margin:0;
    padding:0;
}

#clientTeam .empPhoto img
{
    border:1px solid #003366;
    margin:0;
    padding:0;
}

/*----------------control panel----------------------*/

div.controlpanel
{
    width:610px;border:1px solid #CCCCCC;padding:20px;margin:10px 0 0 0;
}

#IndexAddEmployee
{
    width:630px;
    margin:10px 0 10px 0;
    padding:10px;
}

#IndexAddEmployee hr{
width:590px;float:left;
}

#IndexAddEmployee label
{
    font-weight:normal;
    font-size:.8em;  
    width:120px; 
    display:block;
    float:left;
}

#IndexAddEmployee div
{
    margin:0 0 5px 0;
}



/*==========================================================================================
Contact Page
==========================================================================================*/
div.CDSlocation
{
    height:140px;
    display:table;
    text-align:left;
    border-bottom:1px dotted #CCCCCC;
    border-top:1px dotted #CCCCCC;
    margin:0 0 20px 0;
    font-size:1.2em;
    padding:10px 0 0 0; 
}

div.CDSlocation div
{
    margin:8px 0 8px 20px;
}

div.CDSlocation h4
{
    width:260px; 
    margin:0;
    padding:0;
    font-weight:normal;
    text-transform:uppercase;   
}

div.CDSlocation label
{
    width:130px;
    display:block;
    float:left;
    text-align:left;
    color:#003366;
    font-size:.9em;
}


/*==========================================================================================
Meet Our Team Members - Menu
==========================================================================================*/

#TeamMenu{width:100%;height:400px;text-align:center;}
div.TeamMenuContainer
{
	margin:auto;
	width:532px;
	height:400px;
}
#TeamMenu a
{
	width:265px;
	height:170px;
	background-image:url('../images/btn_TeamMenu.jpg');
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
	display:block;
	float:left;
}
#TeamMenu div a:hover{background-position:0 -171px;}
#TeamMenu div a span{vertical-align:middle;display:table-cell;width:265px;height:170px;}




