body {
padding: 0;
margin: 0;
text-align: left;
font: normal 11px/120% Verdana, Helvetica, Arial, sans-serif;
background: #A630A5 url( _img/page_bgd.gif ) repeat-y top left;
}

#outerWrapL {
position: absolute;
top:0px;
left:0px;
width: 315px; 
padding: 0px;
display: block;
visibility: visible;
background-color: #fff;
}


#wrapper {
position:relative;
margin:0 0 0 335px;
display:block;
width: 580px; 
padding: 0px;
visibility: visible;
color: #fff;
background-color: #A630A5;
}

#wrapper div.header {
position:relative;
display:block;
padding:0px;
margin:0px;
background: transparent;
}

#wrapper div.contentTopLong {
width: 590px;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
background: #A630A5 url( _img/content_header_bg_long.gif ) top left no-repeat;
}

#wrapper div.contentTopShort {
width: 590px;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
background: #A630A5 url( _img/content_header_bg_short.gif ) top left no-repeat;
}

#wrapper div.contentTopShort img , #wrapper div.contentTopLong img {
margin-top:0;
}

#wrapper div.content {
position: relative;
float:left;
width: 580px;
padding: 5px;
visibility: visible;
background-color:#fff;
color:#000;
}

#wrapper div.content div.pdfLink {
margin-bottom:5px;
margin-top:5px;
padding-left:20px;
background:url( _img/pdf.gif ) no-repeat;
}

#wrapper div.content div.progHead {
position: relative;
float:left;
width: 540px;
height:200px;
padding: 0 0 20px 40px;
visibility: visible;
background: transparent url( _img/curly_brace_bgd.gif ) center left no-repeat;
}

#wrapper div.content div.progHead p {
width:370px;
color:#666;
font: normal 130%/190% Verdana, Helvetica, Arial, sans-serif;
}

#wrapper div.content div.progHead p span {
color:#666;
font: normal 100%/130% Verdana, Helvetica, Arial, sans-serif;
}


#wrapper div.content div.col1 {
position: relative;
float:left;
display:inline;
width: 265px;
padding: 0px;
padding-bottom:20px;
visibility: visible;
background-color:#fff;
color:000;
}

#wrapper div.content div.col2 {
position: relative;
float:left;
display:inline;
width: 265px;
padding: 0px;
padding-bottom:20px;
visibility: visible;
background-color:#fff;
color:000;
}

#wrapper div.content div.col1 h3 , #wrapper div.content div.col2 h3 {
margin: 0;
padding: 10px 0 5px 10px;
font-size:110%;
color: #666;
line-height: 130%;
}


#content .bold {
font-weight: bold;
}

#content .italic {
font-style: italic;
}

a {
text-decoration: none;
color: #666;
}

a:hover {
text-decoration: underline;
}

.clr {
clear: both;
}

#wrapper div.content ul {
margin: 0;
list-style-type:square;
padding:10px 0 10px 20px;
}

#wrapper div.content li {
color:#A630A5;
margin: 0;
padding:4px 0 0 4px;
list-style-type:square;
text-align:left;
}


#wrapper div.content li span {
color:#666;
}

hr {
clear: both;
border: 0;
background: #fff;
color: #fff;
border-top: 1px solid #A630A5;
padding: 0;
margin: 20px 0;
}

img, img.noBorder {
border: none;
}

#logo {
position:absolute;
top:0px
left:0px;
width: 315px;
height: 110px;
}

#mainNavHolder {
position:absolute;
top:110px;
left:0px;
width: 315x;
padding: 0px;
margin: 0px;
visibility: visible;
color:#000;
}


#mainNavHolder div.sub {
padding: 0px;
padding-bottom:10px;
margin: 0px;
display:block;
border-bottom: 1px solid #A630A5;
}

#mainNavHolder ul {
margin: 0;
list-style:none;
padding:0;
}

#mainNavHolder li {
color:#666;
margin: 0;
padding:4px 0 0 32px;
text-align:left;
}

#mainNavHolder li.insert {
color:#333;
margin: 0;
padding:4px 0 0 40px;
text-align:left;
}

#wrapper div.content img {
float: left;
margin: 0 10px 10px 10px;
}


#wrapper div.content h1 {
margin: 0;
padding: 0 5px 10px 5px;
font-size:260%;
color: #666;
line-height: 130%;
}

#wrapper div.content h2 {
margin: 0;
padding: 10px 5px 10px 5px;
font-size:120%;
color: #666;
line-height: 130%;
}

#wrapper div.content p {
margin: 0;
padding: 5px;
}

#wrapper div.footer {
position: relative;
float:left;
width: 580px;
padding: 0px;
padding-top:20px;
height: 100px;
visibility: visible;
background-color: transparent;
text-align:center;
}

#footer p {
margin: 0;
padding: 5px 20px;
color: #ccc;
}
#footer p a {
font-size: 110%;
}
#footer p.dev {
padding: 20px;
}
#footer p.dev a {
color: #ccc;
}

address {
color:#fff;
font: normal 10px/120% Verdana, Helvetica, Arial, sans-serif;
}

address a {
color:#fff;
font: normal 10px/120% Verdana, Helvetica, Arial, sans-serif;
}