/* ---------->>> style <<<-----------*/

Name:     2007
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     June 2007




/* ---------->>> globals <<<-----------*/

html, body {
border:0;
margin:0;
padding:0;
font-size: 100.01%;
background:  #ffffff; 
}

body {
font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
color:#333333;
background:  #dedede; 

}



/* ---------->>> floats skips alignment <<<-----------*/

.clear 		{ clear:both; }

.fl 	{ float:left; }
.fr 	{ float:right; }

.tleft 		{ text-align:left; }
.tright 		{ text-align:right; }
.tcenter 		{ text-align:center; }
.tjustify 	{ text-align:justify; }

.bold 		{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 	{ border-bottom:1px solid; }
.highlight 	{ background:#ffc; }


.nopadding 	{ padding:0; }
.noindent 	{ margin-left:0;padding-left:0; }
.nobullet 	{ list-style:none;list-style-image:none; }

 ul.bullet li {list-style-image: url(../images/0130_arrow.png); padding-bottom:3px;}


#cc {position: absolute; left: -9999px; font-size: small;}
#cc a:hover {color: #ffffff;}

 .skip {display: none;}
a.skip {display: none;}

#axs {display:none;}



/* ---------->>> STRUCTURE <<<-----------*/

#container_shell {position:absolute; left:0; top:0; width:800px;margin:0; padding:0; text-align:left; background: #ffffff url(../images/bluewall.gif) repeat-y;}


#container_wrap {width:800px;float:left;background: url(../images/bluewall.gif) repeat-y;}

#pagetop {width:800px; height:113px; background:url(../images/dwightcalibration.jpg) no-repeat;}

#page {width:800px;margin:0;padding:0;}

#left {width:200px;margin:0;padding:0;float:left;overflow:hidden;}

#middle {width:570px; margin:0; padding:0; float:right; margin-right:10px; }


#middle img {margin: 0 5px; padding: 4px; border: 0px solid #ccc; max-width: 100%;}


#pagebot {width:800px; height:100px; background: #efefef; font-size:10px;}











.classicmenu {
list-style-type: none;
margin:0;
padding: 0;
border: 0;
position:absolute;
width:196px;
}

.classicmenu li a{
background: transparent url(../images/dotblue.gif) repeat-x bottom left;
font: bold 80% "Lucida Sans", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;

}

* html .classicmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 186px;
}

.classicmenu li a:visited, .classicmenu li a:active{
color: #ffffff;
}

.classicmenu li a:hover{
background-color: #4f66a8;
color: #ffffff;

}




/* ---------->>> HTML tags <<<-----------*/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}


h1 {
height:100px 
width:100px 
background:url(logo.gif) no-repeat;
text-indent:-9000px;
}


h2 {
padding:10px 0;
letter-spacing:-1px;
font:2.0em arial, helvetica, sans-serif;
color:#cc0000;
}

h3 {
padding:10px 0;
letter-spacing:-1px;
font:1.6em arial, helvetica, sans-serif;
color:#cc0000;
}

p, ul, ol {
margin:0;
padding:0 0 10px 0;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


/* ---------->>> links <<<-----------*/

a, a:visited {
text-decoration:none;
}

a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }

/* ---------->>> forms <<<-----------*/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}


/* ---------->>> tables <<<-----------*/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
padding:2px;
font-size:10px;
}

.larger {font: normal 13px/1.5em "Lucida Grande", "Verdana", sans-serif;}