@charset "UTF-8";

/**************************************
Antics DMS Public Website Styles
Revised 3.16.09 KW
**************************************/

BODY { background-color: #fff; color: #717074; font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif; margin: 0 auto; text-align: center; }
#mast, #intro, #body, #footer { clear: both; margin: 0 auto; text-align: left; width: 960px; }
H1 {font-size: 36px; font-weight: normal; margin: 0; padding: 0;}
P { font-size: 13px; line-height: 18px; margin: 0; padding: 0; }
STRONG.bold2, B.bold2 { color: #c51;}

A, A:link, A:visited { color:#c51; }
A:hover	{ color:#fc7c00; text-decoration: underline; }

.clear { clear: both; }
.clearleft { clear: left;}
.hiddenText { display: none; }
.last { margin-bottom: 0; }


/* MASTHEAD STYLES */
#mast {  padding: 20px 0 0 20px;}
#mast H1.banner { float: left;  }
#mast .banner IMG { background: url(../im/antics_dm.gif) no-repeat top left; height: 57px; width: 128px; }

#mastDMS {  padding: 0 0 0 0;}
#mastDMS H1.banner { float: left; margin: 0px 0 0 0; padding: 0; }
#mastDMS .banner IMG { background: url(../im/anticsDMSbanner.gif) no-repeat top left; height: 66px; width: 343px;	}


/* NAVIGATION */
#mast UL#nav { font-size: 13px; list-style-type : none; font-weight: bold; margin: 0 20px 0 200px; padding: 10px 0 26px 0; border-bottom: 1px solid #ccc;  }
#mast UL#nav LI  { float: right; padding-right: 20px; } /* Spacing between items */
#mast UL#nav LI.last { padding-right: 0; }
/* Non-selected Items */
#mast UL#nav LI A, #mast UL#nav LI A:visited { color: #7a7a7d; padding: 0 0 10px 0; margin: 0; text-decoration: none; display:block;}
#mast UL#nav LI A:active, #mast UL#nav LI A:hover { border-bottom: 1px solid #c51; color: #c51; margin:0 0 0 0; text-decoration: none;}
/* Selected Item */
#mast UL#nav LI.selected A { border-bottom: 1px solid #c51; color: #c51 !important; cursor: text;	}
#mast UL#nav LI.selected A:hover { text-decoration: none !important;  }


/* INTRO BLOCK STYLES */
#intro { padding: 20px 0 20px 20px; }
#intro P { width: 780px; margin: 0 0 12px 0}
#intro H1 { margin: 0 0 33px 0; }
#intro H2 { width: 780px; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }

/* TAB STYLES */
#tab {background:  #b7b6b6 url(../im/crnrtab1-toplft.gif) no-repeat top left; clear: both; color: #FFF; margin: 0 auto; text-align: left; width: 960px;}
#tab H3 { background: url(../im/crnrtab1-toprgt.gif) no-repeat top right; font-size: 18px; font-weight: normal; margin: 0; padding: 7px 0 7px 18px; }


/* Special over-rides for portfolio (work.html) page */
#work DIV.highlight { background: #e1e1e1 url(../im/portfolioShim.gif) repeat-x !important; }
#work #intro {margin-bottom: 0; padding-bottom: 0; }
#work #intro H1 {margin-bottom: 15px; padding-bottom: 0;}


/* MAIN CONTENT AREA (below the intro block) */
DIV.highlight { background: #e1e1e1;}
#body { padding: 10px 0 10px 18px; }
#body H3 {color: #C51; font-size: 17px; line-height: 18px; margin: 0; padding: 0px; }
#body H4 { color: #333; font-size: 17px; margin: 0; padding: 0;}
#body P { padding: 5px 10px 15px 10px; }
#body UL { 	font-size: 13px; }


/* SUBNAVIGATION */
#body #subNav { float: left; margin: 0 10px 0 0px; width: 165px; }
#body #subNav P { padding: 10px 10px; vertical-align: bottom; }

#body #subNav UL { font-size: 12px; font-weight: bold; list-style: none; margin: 0px 0 0 0; padding: 0;} 
#body #subNav UL.list { font-size: 12px; font-weight: normal; list-style: disc; margin: 5px 0 0 20px; padding: 0 0 0 5px; }  
#body #subNav UL.list LI { border-bottom: none; padding: 2px 0; }
#body #subNav UL LI { border-bottom: 1px solid #fff; padding: 5px 8px; }
#body #subNav UL LI.last { border-bottom: 1px none #fff; }

#body #subNav UL LI A, 
#body #subNav UL LI A:visited,
#body #subNav UL LI A:active { color: #333; text-decoration: none; }
#body #subNav UL LI A:hover { color: #C51; }
#body #subNav UL LI.selected { background: url(../im/arrow_hed.jpg) no-repeat 155px 9px; }
#body #subNav UL LI.selected A { color: #C51 !important; cursor: text; }

#body .sidebar {padding: 50px 10px 10px 10px; font-size: 12px; line-height: 17px;} /* Left content under subnav */
#body .subContent { float: left; margin: 0 0 0 18px; padding: 0 0 0 0; width: 720px;} /* Right content next to subnav */

#body .leftcol { width: 350px; margin: 0 10px 0 0; padding:0; float: left; }
#body .rightcol { width: 350px; margin: 0 0 0 10px; float: left; }
#body .subContent H3 { padding:0; margin:8px 0 10px 10px;}


#body #gridHome {
	float: left;
	margin: 0;
	width: 755px;
}

#body #gridHome IMG {
	float: left;
	margin: 0;
	padding: 0;
}

#body .gridExample {
	float: left;
	margin: 0;
	width: 755px;
}

#body .gridExample IMG {
	float: left;
	margin: 0;
	padding: 0;
}

#body .gridExample h2 {
	margin: 0 0 0 10px;
}

#body .left {
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0;
	width: 566px;
}

#body .left P {
	margin-bottom: 18px;
	padding: 0 0 0 0 !important;
}

#body .left #form {
	background: #b7b6b6 url(../im/formTop.gif) no-repeat top left;	
	padding: 0;
	margin: 0 0 18px 0;
}

#body .left #form .contactBtm{
	background: url(../im/formBtm.gif) no-repeat bottom left;	
	padding: 15px 15px;
}

#body .left #form FORM {
	padding: 0;
	margin: 0;
}

#body .left #form FORM TABLE {
	color: #fff;
	font-size: 13px;
}

#body .left #form FORM TABLE TR {
	padding: 0;
	margin: 0;
}

#body .left #form FORM TABLE TD {
	padding: 0;
	margin: 0;
	vertical-align : top;
}

#body .left #form FORM TABLE TD.td1{
	width: 125px;
}

#body .left #form FORM TD INPUT, #body .left FORM TEXTAREA, #body .left FORM SELECT {
	border: none;
	color: #616161;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	width: 392px;
}

 #body .left #form FORM TEXTAREA {
	margin: 0;
}

#body .left #form FORM INPUT.text {
	height: 20px;
	margin: 0 0 1px 0;
}

#body .left #form FORM input.formBtn {
	background: #e1e1e1;
	border: none;
	color: #616161;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	height: 20px;
	margin: 10px 0 0 135px;
	padding: 2px;
	width: 68px;
	text-transform : uppercase;
	cursor : pointer;
}

#body #login {
	background: #b7b6b6 url(../im/logintop.gif) no-repeat top left;
	color: #c51;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 10px; 	
	padding: 0;
	width: 185px;
}

#body #login BR {
	font-size: 5px;
	line-height:5px;
	margin-bottom: 5px;
}

#body #login FORM {
	background: url(../im/loginbtm.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px;
}

#body #login FORM P{
	color: #FFF;
	font-size: 13px;
	margin-top: 5px;
	padding: 0 0 0 0 !important;
}

#body #login FORM INPUT {
	border: none !important;
	color: #616161 !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 160px !important;
}

#body #login FORM INPUT.submit {
	background: #e1e1e1;
	border: none;
	color: #616161;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	height: 20px;
	margin: 9px 0 0 0;
	padding: 2px;
	width: 68px !important;
	text-transform : uppercase;
	cursor : pointer;
}

#body .right {
	float: right;
	margin: 0 0 0 0;
	padding: 10px 0;
	width: 321px;
}

#body .right H4, #body .right P {
	padding-left: 10px;
	padding-right: 10px;
}

#body .right P {
	margin-bottom: 10px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#body .right P.last {
	margin-bottom: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}



#body .right .calltoaction { margin: 0 0 18px 0;  }

/* CALLOUT BOX */
#body .right .callout {background: #b7b6b6 url(../im/calloutTop.gif) no-repeat top left; padding: 0; margin: 0px 0 18px 0; }
#body .right .callout H4 { padding: 0 0 10px 0;}
#body .right .callout UL { color: #fff; font-size: 13px; list-style: none; margin: 0; padding: 0; }
#body .right .callout UL LI { background: url(../im/arrow_callout.gif) no-repeat 0 3px; margin: 0 0 8px 0; padding: 0 0 0 20px }
#body .right .callout UL LI.last { margin: 0 0 0 0;}
#body .right .callout .calloutBtm{ background: url(../im/calloutBtm.gif) no-repeat bottom left; padding: 17px 19px; }

#body .awards { clear: both; padding-left: 10px; margin-bottom: 20px; }
#body .awards .li ul { list-style-type: none; margin: 0 0 0 0; }
#body .awards .li { margin: 0 0 0 130px; }
#body .awards ul li { font-size: 13px; margin-bottom: 6px; }
#body .awards img.imgleft { float: left; margin-bottom: 20px;}


#footer {}
#footer P { font-size: 10px; padding: 33px 18px; }