@media screen {
body {
 background:url(images/bg_short.gif) 0% 0% repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.8em;
}

div#content_area {
border-top:2px solid #006600;
position:relative;
width:720px;
text-align:left;
height: 100%;
margin-bottom:-30px;
min-height:42em;

}

div#l_panel {
border-left:2px solid #006600; 
background:#ccc;
width:200px;
left:0px;
top:0px;
height:100%;
}


div#l_panel_container, div#r_panel_container {
padding:5px;
min-height:42em;
height:100%;
}

div#r_panel {
border-right:2px solid #006600; 
border-left:2px solid #006600;
background:#ccc;
width:518px;
top:0px;
position:absolute;
left:202px;
background: #ffffff 0% 0% no-repeat scroll;
background-image:url(images/img_rpanel_home.jpg); 
height:100%;
font-size:11px;
}

div#footer {
border:2px solid #006600;
height:40px;
width:720px;
background-position:50% 0%;
background-attachment:scroll;
background-repeat:no-repeat;
top:0px;
left:0px;
position: relative;
margin-top:30px;
}

div#header {
border:2px solid #006600;
height:118px;
width:720px;
background-position:50% 0%;
background-attachment:scroll;
background-repeat:no-repeat;
left:0px;
position:relative;

}

div#design, div#home, div#writing, div#portfolio, div#contact, div#resources,
div#web  {
width:720px;
text-align:center;
}  

td.nav_l {
height:26px;
text-align:left;
width:200px;
}

td.nav_r {
height:26px;
border-right: 1px solid #006600;

}

td.nav_l p.menu {
text-align: left;
padding-left:10px;

}


div#menutable {
height:26px;
width:720px;
left:0px;
border-right:2px solid #006600;
border-left:2px solid #006600;
background:#ccc url(images/bg_strip_100.gif) 0% 50% repeat-x scroll; 
background-repeat:repeat-x; 
line-height:.8em;
position:relative;
}
#menutable td {
vertical-align:middle;
}

p.menu {
font-size:10px;
color:white;
font-weight:bold;
text-align: center;
}
span.menu {
color:#006600;
}

input, textarea {
font-size:11px;
color:#006600;
font-weight:bold;
}

 #intro img {
margin-left:15px;
margin-bottom:10px;
} 

img.up {
border:0px;
float:right;
margin-right:10px;
}

#r_panel p {
text-align:left;
margin:0px 15px 10px 15px;
}
#r_panel p.first {
text-align:left;
color:#006600;
font-weight:bold;
}

#r_panel ul.testimonial {
line-height:1.5em;
}
#r_panel ul.testimonial li {
margin-bottom:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
}


#r_panel p.div_heading {
font-size:14px;
color:#006600;
font-weight:bold;
padding-top:70px;
padding-bottom:10px;
}

#r_panel p.div_heading a {
font-size:10px;
}

#r_panel a {
color:#444444;
text-align:left;
font-weight:bold;
text-decoration:underline;
}
#r_panel a:hover {
color:#006600;
text-decoration:none;
}

#menutable p.menu a {
font-size:10px;
color:white;
font-weight:bold;
text-decoration: underline;
}

#menutable p.menu a {
color:white;
}

#menutable p.menu a:hover {
font-size:10px;
color:#006600;
font-weight:bold;
text-decoration:underline;
}



h2 {
font-size:14px;
color:#006600;
text-align:left;
padding-left:8px;
}


h3 {
font-size:12px;
color:#006600;
text-align:left;
margin:20px 10px 10px 15px;
border-bottom:1px solid #006600;
border-left:4px solid #006600;
padding-left: 5px;
}

h4 {
font-size:12px;
color:#006600;
text-align:left;
margin:20px 10px 10px 10px;
padding-left: 5px;
}

#l_panel a {
color:white;
text-decoration:none;
}
#l_panel a:hover {
text-decoration:underline;
}

div#l_panel_container p.breadcrumbs, 
div#l_panel_container p.breadcrumbs a, #intro p.breadcrumbs, #intro p.breadcrumbs a {
color:#006600;
font-size:10px;
margin-bottom:25px;
text-align:left;
font-weight:bold;
}

p.breadcrumbs a:link {
text-decoration:underline;
}
p.breadcrumbs a:hover {
text-decoration:none;
}



p.l_panel, p.l_panel_reverse {
font-size:10px;
font-weight:bold;
text-align:left;
padding:2px 2px 2px 5px;
width:90%;
}

p.l_panel {
color:white;
background-color:#006600;
border:1px solid white;

}

p.l_panel_reverse {
color:#006600;
background-color:white;
border:1px solid #006600;

}


#footer p {
font-size:11px;
line-height:1em;
color:white;
font-weight:bold;
text-align:center;
padding:5px 5px 0px 5px;
vertical-align:middle;	
top:0px;
}

input.submit {background-color:#006600;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
}

table.featuresite td.top span a {
color:#006600; 
}
div#l_panel div#l_panel_container table.featuresite tr td.top span a {
font-size:12px;
color:#006600;
text-decoration:underline; 
margin-bottom:15px;
display:block;
}
div#l_panel div#l_panel_container table.featuresite tr td.top span a:hover {
text-decoration:none;
}

#home #homenav p.menu a, #design #designnav p.menu a, #contact #contactnav p.menu a,
#web #webnav p.menu a, #writing #writingnav p.menu a, #portfolio #portfolionav p.menu a,
#resources #resourcenav p.menu a {
color:#006600;
}

blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
margin-left:20px;
margin-right:20px;
margin-top:0px;
}
p.testimonial {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
margin-left:20px;
margin-right:20px;
margin-top:0px;
}
p.testimonial span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:11px;
color:#006600;
font-weight:bold;
}

blockquote span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:11px;
color:#006600;
font-weight:bold;
}


/* ----------------- Contact Page --------------------*/

#contact div#header {
background-image:url(images/header_image_contact.jpg); 
}
#contact div#footer {
background-image:url(images/img_footer_contact.jpg);
}
#contact div#r_panel {
background-image:url(images/img_rpanel_contact.jpg);
}
#contact div#l_panel_container, #contact div#r_panel_container {
padding:5px;
height:560px;
}

/* ----------------- Home and Web Page --------------------*/
#home div#footer, #web div#footer {
background-image:url(images/img_footer_home.jpg);
}
#home div#header, #web div#header {
background-image:url(images/header_image_web.jpg);
}
#web div#r_panel, #home div#r_panel {
background-image:url(images/img_rpanel_home.jpg);

}
#web div#l_panel_container, #web div#r_panel_container {
padding:5px;
/*  height:800px; */
}

/* ----------------- Design Page --------------------*/

#design div#header {
background-image:url(images/header_image_design.jpg); 
}
#design div#footer {
background-image:url(images/img_footer_design.jpg);
}
#design div#r_panel {
background-image:url(images/img_rpanel_design.jpg);
}
#design div#l_panel_container, #design div#r_panel_container {
padding:5px;
height:430px;
}



/* ----------------- Writing Page --------------------*/

#writing div#header {
background-image:url(images/header_image_writing.jpg); 
}
#writing div#footer {
background-image:url(images/img_footer_writing.jpg);
}
#writing div#r_panel {
background-image:url(images/img_rpanel_writing.jpg);
}
#writing div#l_panel_container, #writing div#r_panel_container,
#writing div#l_panel, #writing div#r_panel, #writing div#content_area {
height:42em;
}

/* ----------------- Portfolio Page --------------------*/

#portfolio div#header {
background-image:url(images/header_image_portfolio.jpg); 
}
#portfolio div#footer {
background-image:url(images/img_footer_portfolio.jpg);
}
#portfolio div#r_panel {
background-image:url(images/img_rpanel_portfolio.jpg);
}
#portfolio #r_panel_container table td {
color:#006600; 
border-top:1px dashed #006600;
padding-bottom:5px;
}
#portfolio #r_panel_container table td p.portfolio_heading {
font-size:14px;
margin-top:15px;
font-weight:bold;
color: #333333;
border-bottom:1px solid #006600;
border-left:3px solid #006600;
padding-left:5px;
}

p.portfolio_img {
text-align:center;
}
p.portfolio_img img {
margin:20px 0px -20px 0px;
border:0px;
}

/* ----------------- Resources Page --------------------*/

#resources div#header {
background-image:url(images/header_image_resources.jpg); 
}
#resources div#footer {
background-image:url(images/img_footer_resources.jpg);
}
#resources div#r_panel {
background-image:url(images/img_rpanel_resources.jpg);
}
#resources div#l_panel_container, #resources div#r_panel_container,
#resources div#l_panel, #resources div#r_panel {
height:100%;
}
table.questionnaire {
width:100%;
border:1px solid #006600;
margin:0px;
padding:5px;
border-collapse:collapse
}
table.contact {
width:80%;
border:1px solid #006600;
margin:0px;
border-collapse:collapse;
margin-left:10%;
margin-top:10px;
}
table.contact td {
padding:4px;
}
td.surveyleft1 {
width:40%;
background-color:#99CC99;
}
td.surveyright1 {
width:60%;
background-color:#99CC99;
}
td.surveyleft2 {
width:35%;
background-color: #CCFFCC;
}
td.surveyright2 {
width:60%;
background-color:#CCFFCC;
}
td.submit  {
text-align:right;
padding-top:5px;
background-color:#CCFFCC;
padding:10px;
}
}

@media print {
div#menutable {
display:none;
}

div#r_panel {
width:100%;
}
table.featuresite {
width:100%;
}
img {
display:none;
}

body {
text-align:left;
}
p {
text-align:left;
}

}