/* CSS Document */
/*This stylesheet creates a grey site, that should work out of the box #CCCCCC should be found and replaced to change all of the colors*/
/* START OF GENERIC FORM STYLES */
/*universal selector or 'wildcard' works on literally EVERYTHING... Comment back in if you need it.
*{
	padding: 0;
	margin: 0;
}*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{margin: 0;padding: 0;border: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/pride/bg-repeat.jpg) repeat-x;
	font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}



#wrapper{
width:944px;
margin:auto;
}

#frame{
background-color:#FFFFFF;
margin-top:26px;
}

#header{
background: url(../img/pride/header1.jpg);
background-repeat:no-repeat;
width:944px;
height:225px;
}

#header ul {
list-style-type:none;
text-align:right;
}

#header li {
display:inline;
font-family:arial,helvetica,sans-serif;
font-size:12px;
height:18px;
letter-spacing:0px;
line-height:15px;
text-decoration:none;
width:auto;
padding-left:50px;
font-weight:bold;
}

#header li a:hover {
background:transparent url(../img/pride/li-arrow.jpg) no-repeat scroll 0%;

color:#d9a118;
text-decoration:none;
}
#header li a {
background:transparent url(../img/pride/li-arrow.jpg) no-repeat scroll 0%;
color:#969696;
padding-left:23px;
text-decoration:none;
}



.indentmenu{
font: 13px Arial;
width: 944px; /*leave this value as is in most cases*/
line-height:16px;
font-weight:bold;
padding-top:3px;
padding-bottom:2px;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 944px; /*width of menu*/
background: #bf9831 url(../img/pride/up.jpg) top repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #382A09; /*text color*/
padding-top: 13px;
padding-bottom:13px;
text-decoration: none;
border-right: 1px solid #d08a10; 
width:194px;
text-align:center;
}


.indentmenu ul li .me{
width:159px;
border-right: 0px solid #564c66; 
}


.indentmenu ul li a:hover{
color: white; /*text color of selected and active item*/
padding-top: 13px;
padding-bottom:13px;
/*background: black url(down.jpg) top repeat-x;*/
background: #bf9831 url(../img/pride/roll.jpg) top repeat-x;
}

#wrapper{
width:950px;
margin:auto;
}

#holder{
width:950px;
}

.left{
float:left;
}



#main-content{
background: url(../img/pride/ea-grad.jpg);
background: url(../img/pride/shadowed-bg2.jpg);
/*background: url(img/red.jpg);*/
background-repeat:no-repeat;
background-position:bottom;
width:942px;
float:left;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
}

#shadow{
background: url(../img/pride/top-back.jpg);
background-repeat:no-repeat;
height:32px;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
width:942px;
}

#bg{
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
}

#left-content{
float:left;
width:635px;
padding-left:23px;
}

#left-content ul
{
    margin-left:40px;
    margin-bottom:20px;
    padding:0px;
}

#left-content li
{
    font-size: 80%;
    font-family: Arial;
}

p a{
color:#d9a118;
text-decoration:none;
}

p a:hover{
color:#d9a118;
text-decoration:underline;
}

#right-content{
float:right;
width:259px;
/*background-color:#eaeaea;*/
margin-top:0px;

}

#right-content ul{
/*border-bottom:1px solid #bebebe;*/
}

#right-content li{

border-bottom:1px solid #bebebe;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:5px;
text-align:left;
padding-left:18px;
font-weight:bold;
}


#right-content a:hover {
background:transparent url(../img/pride/side-arrow.jpg) no-repeat scroll 0%;
color:#2b2b2b;
text-decoration:none;
}
#right-content li a {
color:#2b2b2b;
padding-left:18px;
text-decoration:none;
font-weight:normal;
}

h1{
font-size:20px;
color:#58410a;
margin-bottom:6px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

h2{
font-size:15px;
color:#58410a;
padding-top:0px;
margin-left:10px;
font-weight:normal;

}

h3{
font-size:12px;
color:#58410a;
padding-top:0px;
margin-left:10px;
font-weight:bold;

}

h4{
font-size:15px;
color:#58410a;
padding:0px;
margin-bottom:16px;
font-weight:normal;

}


p {
color:#352a2a;
font-size:80%;
letter-spacing:0px;
line-height:15px;
margin-bottom:18px;
}

.tabletext {
color:#352a2a;
font-size:80%;
letter-spacing:0px;
line-height:15px;
margin-bottom:18px;
}

#footer{
background: url(../img/pride/footer-img.jpg) repeat-x;
clear:both;
width:944px;
height:20px;
}

#logos{
padding-top:25px;
}

#logos p{
font-size:12px;
color:#9f9e9e;
line-height:14px;
margin-top:7px;
}

#logo1{
float:left;
width:190px;
}

#logo2{
float:right;
width:190px;
padding-left:10px;
text-align:right;
}

#logo3{
float:right;
padding-left:10px;
}

#logo4{
float:left;
width:80px;
margin-top:5px;
margin-left:10px;
}


.float-left{
float:left;
}

.float-right{
float:right;
}

.header{
border-bottom: 1px solid #07acde;
margin-bottom:8px;
margin-top:1px;
}

#content-box-holder{
width:100%;
}

.hold-box{
float:left;
padding-right:12px;
width:199px;
}

.hold-box p{
background: url(../img/pride/content-box-grad.jpg);
padding:10px;
color:#887e7e;
line-height:14px;
font-size:60%;
}


.content-box-header{
background: url(../img/pride/content-box-header.jpg);
background-repeat:no-repeat;
width:199px;
height:27px;
margin-top:0px;
padding-bottom:2px;
}


.content-box-image{
width:199px;
}



.clearer{
clear:both;
height:2px;
}

.header-text{
padding-top:6px;
color:White;
}

.imgright{
float:right;
padding-left:5px;
}

.imgleft{
float:left;
padding-right:5px;
}

.clear{
clear:left;
background-color:#000000;
margin:0px;
padding:0px;
line-height:1px;
}

h6{
line-height:1px;
font-size:1px;
margin:0px;
padding:0px;
}

.float 
{
    float:left;
    margin-right:10px;
}


#thedmsBrochure label {
display:block;
float:left;
margin-right:0.5em;
text-align:left;
width:50%;
font-size:12px;
}

.thedmsQuestion{
font-size:12px;
display:block;
float:left;
margin-right:0.5em;
text-align:left;
min-width:50%;
}

select.Question_2{
margin-left:50px;
}

#thedmsBrochure form ul {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}

#thedmsProfiling li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}

div#thedms151 fieldset {
border:3px double #07acde;
line-height:1.1em;
margin:18px 0px;
padding:8px;
}


.header-text a{
color:#58410a;
text-decoration:none;
}

.header-text a:hover{
color:#58410a;
text-decoration:underline;
}

.left 
{
    float:left;
    width:246px;
    margin-right:20px;
}

.middle 
{
    float:left;
    width:146px;
    margin-right:20px;
}

.right 
{
    float:right;
    width:196px;
    margin:0px;
}

.form 
{
    float:left;
    width:130px;
}

.form1 
{
    float:left;
}

.image 
{
    margin-left:20px;
    float:left;
}

#right-content h4 
{
    margin-left:20px;
    margin-bottom:10px;
    font-size:12px;
}

.thedmsQuestionDescription 
{
    margin-top:10px;
    margin-bottom:10px;
}

#thedmsContact li.wide label {
    width:50%;
    float:left;
}

#thedmsContact li.wide {
    margin:0pt;
    padding:0pt;
}


