@media print{
/* It is common to set printer friendly styles such as a white background with black text. */
body{
background-color:#fff;
background-image:none;
border-color:#000; /* Sets the border color properties for an element using shorthand notation */
color:#000;
}
}
/* Resets the various elements */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
}
body{
background-color:#2e3645;
background-image:url(http://www.montgomerydems.org/images/background_header.jpg);
background-position:center top;
background-repeat:no-repeat;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:.95em;
line-height:1.2em;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
}
h1{
color:#0C499C;
font-size:20px;
font-weight:bold;
line-height:18px;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#0C499C;
margin-top:4px;
margin-bottom:6px;
}
h2{
color:#0C499C;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-top:4px;
}
a, a:link{
color:#d74f4f;
font-weight:bold;
text-decoration:none;
}
a:visited{
color:#ca0009;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#ca0009;
text-decoration:underline;
}
a:focus{
color:#ca0009;
}
a:active{
color:#262499;
}
/* Page content container */
#outerWrapper{
background-color:#FFFFFF;
background-image:url(http://www.montgomerydems.org/images/repeat_body.jpg);
background-repeat:repeat-y;
margin:0 auto 0 auto;
text-align:left;
width:780px;
}
#outerWrapper #header{
background-color:#8e9fd0;
border-bottom:solid 1px #5a6484;
font-size:18px;
font-weight:bold;
line-height:15px;
padding:10px;
background-image:url(http://www.montgomerydems.org/images/headerimage.jpg);
background-repeat:no-repeat;
height:70px;
}
#outerWrapper #contentWrapper #leftColumn{
background-color:#eaeff5;
border-right:solid 1px #8e9fd0;
float:left;
padding:10px 10px 10px 10px;
width:200px;
}
#leftColumn{
border-bottom:solid 1px #8e9fd0;
}
#leftColumn img{
border:0;
}
#contentWrapper{
background-color:white;
}
#contactSec{
padding:20px 0 20px 0;
}
/* Contains the main page content.*/
#outerWrapper #contentWrapper #content{
margin:0 0 0 220px;
padding:10px 10px 10px 10px;
min-height:400px;
}
#outerWrapper #contentWrapper #content1Col{
margin:0 0 0 0;
padding:15px 40px 20px;
min-height:400px;
}
#outerWrapper #contentWrapper .clearFloat{
clear:left;
display:block;
}
#outerWrapper #footer{
background-color:#eaeff5;
border-top:solid 1px #8e9fd0;
padding:10px 10px 10px 10px;
font-size:x-small;
}
#navigation{
height:26px;
background-color:#0C499C;
}
#outerWrapper{
background-color:#2E3545;
height:10px;
}
/* Menu Styles */
#menu{
margin:0;
padding:0;
z-index:30;
width:780px;
}
#menu li{
margin:0;
padding:0;
list-style:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
.menuTop{
display:block;
margin:0 1px 0 0;
padding:4px 10px;
border-right:1px solid #5970B2;
width:auto;
background:#0C499C;
}
#menu li a{
color:#FFF;
text-align:center;
text-decoration:none
}
.menuDD{
position:absolute;
visibility:hidden;
margin:0;
padding:0;
}
#menu li div.menuDD a{
text-align:left;
text-decoration:none;
background-color:#eaeff5;
color:#0C499C;
}
.menuDD a{
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
position:relative;
display:block;
margin:0;
padding:5px 10px;
width:auto;
white-space:nowrap;
border:1px solid #5970B2;
border-top:0;
border-left:6px solid #5970B2;
}
.menuDD a:hover{
background:white;
color:#0C499C;
border-left:6px solid #ca0009;
}
#imageleft{
float:left;
padding-right:12px;
padding-bottom:12px;
}
.overDiv{
position:absolute;
visibility:hidden;
z-index:100;
}
.blueText{
color:#0C499C;
}
fieldset{
padding:5px;
margin-top:20px;
}
.required{
color:red;
}
.gallery{
background-color:white;
padding:10px;
width:520px;
}
.gallery ul{
list-style:none;
}
.gallery ul li{
display:inline;
}
.gallery ul img{
border:5px solid #eaeff5;
border-width:5px 5px 20px;
}
.gallery ul a:hover img{
border:5px solid #8e9fd0;
border-width:5px 5px 20px;
color:#fff;
}
.gallery ul a:hover{
color:#fff;
}
.portrait{
border:1px solid silver;
padding:2px;
margin:5px;
}
#leftColumn li{
list-style:none;
padding-left:0px;
border-bottom:thin solid white;
padding-bottom:2px;
}
#leftColumn ul{
list-style:none;
padding-left:5px;
border-top:thin solid white;
}
.post{
padding:5px;
}
h3.post-title{
font-size:x-large;
margin:15px 0px;
line-height:26px;
}
/* form styles */
.mcdpForm table{
padding:10px;
}
.mcdpForm{
background-color:#eaeff5;
border:solid 1px #8e9fd0;
padding:10px;
}
.mcdpForm input[type="text"], .mcdpForm textarea{
margin-bottom:5px;
display:block;
padding:4px;
border:solid 1px #8e9fd0;
width:300px;
}
.required{
color:red;
}
.surround{
border:1px solid white;
}
.mcdpForm input[type="text"]:focus, .mcdpForm textarea:focus{
border:solid 2px #8e9fd0;
}
.mcdpForm input[type="text"].error, .mcdpForm textarea.error{
border:solid 2px red;
}
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}