body {
padding:0px;
margin:0px;
font-family:verdana;
font-size:12px;
color:#383636;
font-weight:normal;
line-height:16px;
background-image:url(images/back.gif);
background-repeat:repeat-x;
}

a:focus {
outline:none;
}




#container {
width:923px;
float:left;
}

/*header css starts*/
#headerdiv {
width:923px;
float:left;
z-index:1;
}


.topdiv {
width:923px;
float:left;
}


.logodiv {
width:392px;
height:110px;
float:left;
padding-left:20px;
}


.topmenu{
font-family:arial;
font-size:13px;
line-height:normal;
text-align:left;
color:#ffffff;
text-decoration:none;
width:511px;
height:32px;
float:left;
padding-top:78px;
}

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

.topmenu li {
display:inline;
margin:0;
padding:0;
}

.topmenu a{
float:left;
background:url(images/left-tab.gif) no-repeat left top;
margin:0;
font-family:arial;
font-size:13px;
line-height:normal;
text-decoration:none;
color:#ffffff;
padding-left:16px;
margin-right:2px;
}

.topmenu a span{
float:left;
display:block;
background:url(images/right-tab.gif) no-repeat right top;
padding:7px 16px 9px 0px;
font-weight:bold;
color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.topmenu a span {float:none;}
/* End IE5-Mac hack */

.topmenu a:hover span {
color: #000000;
}

.topmenu li.selected a{ /*Selected Tab style*/
background-position:0 -32px; /*Shift background image up to start of 2nd tab image*/
}

.topmenu li.selected a span{ /*Selected Tab style*/
background-position:100% -32px; /*Shift background image up to start of 2nd tab image*/
color:#000000;
}

.topmenu a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -32px; /*Shift background image up to start of 2nd tab image*/
}

.topmenu a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -32px; /*Shift background image up to start of 2nd tab image*/
}



/*header css ends*/


/*middle css starts*/

#middlediv {
width:923px;
float:left;
z-index:1;
}

.midtop {
width:923px;
float:left;
background-image:url(images/midbg.gif);
background-repeat:repeat-x;
}

.imgdiv {
width:412px;
height:212px;
float:left;
}

.mtextdiv {
width:511px;
height:212px;
float:left;
}


.mtexttop {
width:503px;
float:left;
height:66px;
padding-top:58px;
font-family:Arial MT;
font-size:24px;
color:#353535;
font-weight:normal;
line-height:26px;
padding-right:8px;
}


.mtextmiddle {
width:403px;
float:left;
height:66px;
padding-top:0px;
font-family:arial;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
line-height:18px;
padding-right:0px;
padding-left:28px;
}

.mtextbot {
width:511px;
float:left;
height:75px;
padding-top:13px;
font-family:arial;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
line-height:18px;
}


.mtextfont {
font-family:arial;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
line-height:18px;
}

.mmiddiv {
width:923px;
float:left;
margin-top:1px;
background-image:url(images/middlebg.gif);
background-repeat:repeat-y;
background-position:left top;
}

.midleft {
width:190px;
float:left;
padding-top:24px;
padding-left:15px;
padding-right:10px;
padding-bottom:20px;
}

.heading {
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
}

.heading3 {
font-family:Verdana;
font-size:12px;
color:#291E9B;
font-weight:bold;
line-height:20px;
}


/* I changed this to move the "why choose dyer" down to bottom: originally it looked like this:

.midmid {
width:447px;
float:left;
padding-top:10px;
padding-right:10px;
} 
.midmidtop {
width:427px;
height:35px;
float:left;
padding-left:20px;
padding-top:8px;
background-image:url(images/mbg.gif);
background-repeat:repeat-x;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
line-height:20px;
}

.midmidbot {
width:427px;
float:left;
padding-left:20px;
padding-top:6px;
text-align:left;
}

*/
.midmid {
width:699px;
float:left;
padding-top:10px;
padding-right:10px;
background-color:#FFF;
margin-left:215px;
}


.midmidtop {
width:690px;
height:35px;
float:left;
padding-left:20px;
padding-top:8px;
background-image:url(images/mbg.gif);
background-repeat:repeat-x;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
line-height:20px;
text-align:center;
}

.midmidbot {
width:690px;
float:left;
padding-left:20px;
padding-top:6px;
text-align:left;
}

/* I added this to center the list items in the "why choose dyer" section that was moved down */


	
	
/* stop middle section edits*/

.heading1 {
font-size:12px;
color:#1B6021;
font-weight:bold;
line-height:18px;
}

.heading2 {
font-family:arial;
font-size:15px;
color:#1B6021;
font-weight:bold;
line-height:18px;
}


.greenlink {
font-size:12px;
color:#1B6021;
font-weight:bold;
text-decoration:none;
}
.greenlink:hover {
font-size:12px;
color:#000000;
font-weight:bold;
border-bottom:1px solid #000000;
text-decoration:none;
}

.greenlink1 {
font-size:15px;
color:#1B6021;
font-weight:bold;
text-decoration:none;
}
.greenlink1:hover {
font-size:15px;
color:#000000;
font-weight:bold;
border-bottom:1px solid #000000;
text-decoration:none;
}
.ultext {
padding:6px 0 10px 0;
margin:0px;
/*I add the width and margin to center the ullist*/
width:500px;
margin-left:165px;
}

.ultext li {
list-style-type:none;
background-image:url(images/icon.gif);
background-repeat:no-repeat;
background-position:0px 9px;
padding-left:20px;
padding-top:5px;

}

.readmore {
font-family:Verdana;
font-size:12px;
color:#3395D0;
font-weight:bold;
text-decoration:underline;
}

.readmore:hover {
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.darkblue {
font-family:Verdana;
font-size:12px;
color:#291E9B;
font-weight:bold;
text-decoration:underline;
}

.darkblue:hover {
font-family:Verdana;
font-size:12px;
color:#291E9B;
font-weight:bold;
text-decoration:none;
}

/* I changed the width of these so that all the new columns can fit side by side this is how it looked originally 

.midright {
width:251px;
float:left;
padding-top:10px;
}

.mrtop {
width:251px;
float:left;
}


.mrtopleft {
width:230px;
height:36px;
float:left;
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
text-align:center;
padding-top:12px;
border-top:1px solid #B1CFE8;
border-left:1px solid #B1CFE8;
}

.mrtopleft a {
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
text-align:center;
text-decoration:none;
}

.mrtopleft a:hover {
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
text-align:center;
text-decoration:none;
}
.mrtopright {
width:20px;
height:49px;
float:left;
}



.mrbot {
width:232px;
float:left;
border-left:1px solid #B1CFE8;
border-right:1px solid #B1CFE8;
border-bottom:1px solid #B1CFE8;
padding-left:9px;
padding-right:8px;
padding-bottom:15px;
text-align:left;
}
 */
.midright {
width:235px;
float:left;
padding-top:10px;
}

.mrtop {
width:235px;
float:left;
}


.mrtopleft {
width:235px;
height:36px;
float:left;
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
text-align:center;
padding-top:12px;
border-top:1px solid #B1CFE8;
border-left:1px solid #B1CFE8;
border-right:1px solid #B1CFE8;
}

.mrtopleft a {
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
text-align:center;
text-decoration:none;
}

.mrtopleft a:hover {
font-family:Verdana;
font-size:16px;
color:#291E9B;
font-weight:bold;
line-height:20px;
text-align:center;
text-decoration:none;
}
.mrtopright {
width:20px;
height:49px;
float:left;
}



.mrbot {
width:218px;
height:370px;
float:left;
border-left:1px solid #B1CFE8;
border-right:1px solid #B1CFE8;
border-bottom:1px solid #B1CFE8;
padding-left:9px;
padding-right:8px;
padding-bottom:15px;
text-align:left;
}



/*about us css starts*/

.amidright {
width:708px;
float:left;
padding-top:10px;
}

.amidrtop {
width:688px;
height:35px;
float:left;
padding-left:20px;
padding-top:8px;
background-image:url(images/mbg.gif);
background-repeat:repeat-x;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
line-height:20px;
}

.amidrbot {
width:668px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:6px;
text-align:left;
}

/* added to get text to wrap around vors card */



.amidrbot2 {
text-align:left;
background-color:#D9EAF8;
border:1px dotted #B6D7F2;
font-family:arial;
font-size:15px;
color:#000;
font-weight:bold;
line-height:18px;
padding:2px;
width:662px;
float:left;
}

.atext {
padding:6px 2px 2px 2px;
width:664px;
float:left;
}



.tips {
border-top:1px dashed #A3CEF1;
padding:8px 20px 20px 20px;
clear:both;
float:left;
}

.quiz {
padding:8px 20px 8px 20px;
float:left;
}

.quiztitle {
float:left;
padding-left:8px;
padding-right:8px;
width:100px;
}


.quizbox {
float:left;
border:1px solid #000000;
width:520px;
}








.amidleft {
width:185px;
float:left;
padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
text-align:left;
}

.leftlink {
padding:0px;
margin:0px;
list-style-type:none;
}



.leftlink li a {
display:block;
width:165px;
font-family:arial;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
background-color:#A0D0F8;
border-bottom:1px solid #FFFFFF;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
background-image:url(images/licon.gif);
background-repeat:no-repeat;
background-position:5px 8px;
}

.leftlink li a:hover {
font-family:arial;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#62AEEC;
background-image:url(images/licon-h.gif);
background-repeat:no-repeat;
background-position:5px 8px;
}

.leftlink li a.normal {
font-family:arial;
font-size:12px;
color:#000;
font-weight:normal;
text-decoration:none;
background-color:#62AEEC;
background-image:url(images/licon-h.gif);
background-repeat:no-repeat;
background-position:5px 8px;
}



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

.leftlink li ul li a {
width:155px;
color:#000;
text-decoration:none;
padding-left:30px;
font-weight:normal;
background-image:url(images/licon.gif);
background-repeat:no-repeat;
background-position:16px 8px;
}

.leftlink li ul li a:hover {
color:#000;
text-decoration:none;
font-weight:normal;
background-image:url(images/licon-h.gif);
background-repeat:no-repeat;
background-position:16px 8px;
}

.leftlink li ul li a.current {
color:#000;
text-decoration:none;
font-weight:bold;
background-image:url(images/licon-h.gif);
background-repeat:no-repeat;
background-position:16px 8px;
}







.lul {
padding:0px 0 10px 0;
margin:0px;
}

.lul li {
padding:0px;
list-style-type:none;
background-image:url(images/icon.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:23px;
padding-top:3px;
}







/*about us css ends*/



/*middle css ends*/


/*footer css starts*/

#footerdiv {
width:923px;
float:left;
z-index:1;
padding-top:15px;
padding-bottom:20px;
}

.fdiv {
width:923px;
height:25px;
padding-top:6px;
float:left;
text-align:center;
background-image:url(images/fbg.gif);
background-repeat:repeat-x;
color:#FFFFFF;
}

.fdiv a {
font-family:Verdana;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}

.fdiv a:hover {
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}


.fbotdiv {
width:923px;
float:left;
font-family:arial;
font-size:11px;
color:#000000;
text-align:center;
padding-top:6px;
}
/*fooetr css ends*/


.para {
margin:5px 0 6px 0px;
}

.link {
font-size:14px;
color:#000000;
text-decoration:underline;
}

.link:hover {
font-size:14px;
color:#ff6600;
text-decoration:underline;
}


/* special changes for the GSW page */

#formgsw tr {
	width:65px;
	overflow:hidden;
}