/* CSS Document */

/* Content colors BLUE*/
#bluecurve{
width:100%;
border-top:10px solid #3E99FF;
background-image:url(images/curves_blue_BT.gif);
background-position:top right;
background-repeat:no-repeat;
}
#imgwrapBL{
width:600px;
background-image: url(images/imagebgBL.jpg);
background-repeat: no-repeat;
background-position:top left;
}
#imgwrapBL img{
padding: 13px 0 15px 9px;
margin:0;
}


#blue{
line-height:165%;
}
#blue p{
text-align:justify;
padding:5px 0 20px 0;
margin:0;
}

#blue h1, h2, h3 {
margin:0;
padding: 30px 0 5px 0;
}
#blue h1 {
font-size:24px;
font-weight:normal;
}
#blue h2 {
color:#3E99FF;
font-size:20px;
font-weight:normal;
}
#blue h3 {
letter-spacing:3px;
font-size:12px;
font-weight:bold;
font-variant: small-caps;
color:#3E99FF;

}
#blue a:link, #blue a:visited {
color:#3E99FF;
text-decoration:underline;
}
#blue a:hover, #blue a:active{
color:#FFFFFF;
text-decoration:none;
background-color:#3E99FF;
}
/* Content colors GREEN*/
#greencurve{
width:100%;
border-top:10px solid #99CC66;
background-image:url(images/curves_greenR.gif);
background-position:top right;
background-repeat:no-repeat;
}
#imgwrapGR{
width:600px;
background-image: url(images/imagebgGR.jpg);
background-repeat: no-repeat;
background-position:top left;
}
#imgwrapGR img{
padding: 13px 0 15px 9px;
margin:0;
}


#greenln{
background-image:url(images/green_dot.gif);
background-position:center left;
background-repeat:repeat-x;
}

#green{
line-height:165%;
}
#green p{
text-align:justify;
padding-top:5px;
padding-bottom:20px;
margin:0;
}


#green h1, h2, h3 {
margin:0;
padding: 30px 0 5px 0;
}
#green h1 {
font-size:24px;
font-weight:normal;
}
#green h2 {
color:#99CC66;
font-size:20px;
font-weight:normal;
}
#green h3 {
color:#99CC66;
letter-spacing:3px;
font-size:12px;
font-weight:bold;
font-variant: small-caps;
}
#green a:link, #green a:visited {
color:#99CC66;
text-decoration:underline;
}
#green a:hover, #green a:active{
color:#FFFFFF;
text-decoration:none;
background-color:#99CC66;
}

/* Content colors RED*/
#redcurve{
width:100%;
border-top:10px solid #CC0033;
background-image:url(images/curves_red.gif);
background-position:top right;
background-repeat:no-repeat;
}
#imgwrapRD{
width:600px;
background-image: url(images/imagebgRD.jpg);
background-repeat: no-repeat;
background-position:top left;
}
#imgwrapRD img{
padding: 13px 0 15px 9px;
margin:0;
}


#redln{
background-image:url(images/red_dot.gif);
background-position:center left;
background-repeat:repeat-x;
}

#red{
line-height:165%;
}
#red p{
text-align:justify;
padding-top:5px;
padding-bottom:20px;
margin:0;
}


#red h1, h3 {
margin:0;
padding: 30px 0 5px 0;
}
#red h1 {
font-size:24px;
font-weight:normal;
}
#red h2 {
color:#CC0033;
font-size:16px;
font-weight:bold;
padding: 30px 0 0 0;
margin-bottom:20px;
}
#red h3 {
color:#CC0033;
letter-spacing:3px;
font-size:12px;
font-weight:bold;
font-variant: small-caps;
}
#red a:link, #red a:visited {
color:#CC0033;
text-decoration:underline;
}
#red a:hover, #red a:active{
color:#FFFFFF;
text-decoration:none;
background-color:#CC0033;
}

/* Sec Nav */

#secnav{
font-size:9px;
background-image: url(images/grey_dot_h.gif);
background-repeat: repeat-x;
background-position:bottom;
}
#secnav td{
padding:3px;
text-align:center;
white-space: nowrap;
}

#secnav a{
display:block;
margin:1px;
}
#secnav a:link, #secnav a:visited {
color:#FFFFFF;
text-decoration:none;
background-color:#202733;
}
#secnav a:hover, #secnav a:active{
text-decoration:none;
background-color:#4D6075;
}

/* Sec Nav2 for Your New Website */

#secnav2{
height:200px;
font-size:9px;
background-image: url(images/bookbg.jpg);
background-repeat: no-repeat;
background-position:top left;
padding:0 0 0 20px;
}
#secnav2 td{
vertical-align:top;
}

#secnav2 h1{
font-size:9px;
color:#FFFFFF;
font-weight:bold;
margin:20px 0 5px 0;
line-height:160%;
}

#secnav2 a{
display:block;
width:90%;
margin:4px 0 4px 0;
padding: 0 0 0 20px;
}
#secnav2 a:link, #secnav2 a:visited {
color:#FFFFFF;
text-decoration:none;
border-bottom:1px solid #CC0033;
background-image: url(images/arrowRD.gif);
background-repeat: no-repeat;
background-position:left center;
}
#secnav2 a:hover, #secnav2 a:active{
color:#FFFFFF;
text-decoration:none;
background-color:#4D6075;
background-image: url(images/arrowWH.gif);
background-repeat: no-repeat;
background-position:left center;
}

/* Your New Website*/

#ynw{
width:600px;
height:230px;
background-image: url(images/imagebgRD.jpg);
background-repeat: no-repeat;
background-position:top left;
padding: 12px 0 15px 9px;
}

#YNWlist td{
font-size:9px;
padding:5px;
}
#YNWlist h1{
font-size:9px;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:5px 0 5px 0;
}

#bluebgEX {
background-image: url(images/linebg.gif);
background-repeat: repeat;
background-position: top left;
}
#designEX{
font-size:9px;
margin:0 0 0 25px;
float:right;
width:150px;
background-color:#FFFFFF;
line-height:150%;
border:1px solid #FFFFFF;

}
#designEX td{
padding:5px;
}
#designEX p{
padding:5px;
}
#designEX img{
margin:4px;
}
#java {
background-image: url(images/coffee.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #0C0C04;
border:1px solid #FFFFFF;
color: #D8B265;
padding:10px;

}
#java p {
margin: 10px 20px 20px 20px;
}
#java h1 {
font-size:14px;
color: #ffffff;
text-align:right;
font-weight:bold;
padding:0 20px 0 0;
margin:0;
}
#java h2 {
color: #D8B265;
text-align:right;
font-size:12px;
font-weight:bold;
padding:0 20px 0 0;
margin:0;

}