/* CSS Document */

* {margin:0px; padding:0px;}

p {
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
	line-height:inherit;
	font-style: normal;
	line-height: normal;
	padding-left: 10px;
    padding-right: 20px;
}
	
h1 { 
	font: 25px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	letter-spacing: 1px; 
	padding-top:10px;
	padding-left: 15px;
	padding-bottom:10px;
	color: #000;
}

h2 { 
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 1px; 
	padding-top:20px;
	padding-left: 20px;
	padding-bottom:5px;
	color: #000;
}

h2 a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #CC0000;
	}
h2 a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #000066;
	}
h2 a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

h3 { 
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:20px;
	letter-spacing: 1px; 
	padding-left: 20px;
	color: #000;
}

h4 { 
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 1px; 
	padding-bottom:10px;
	padding-left: 20px;
	color: #000;
}

h4 a:link { 
    font-size:16px;
	font-weight: bold; 
	text-decoration: underline; 
	color: #CC0000;
	}
h4 a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #000066;
	}
h4 a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

/* Template Fields */

#mainwrap {margin-left:auto; margin-right:auto; position:absolute; top: 0; left: 0;}

html, body, #mainwrap { min-height: 100%; width: 100%; height: 100%;}

html>body, html>body #mainwrap {
	height: auto;
}

#headervtop { height:20px; top:0px; left:0px; width:100%; min-width:700px; border-bottom:2px solid #fff; background-color:#333333; text-align: right;  }
#headertop { height:70px; left:0px; width:100%; min-width:700px; background-color:#E4E4E4; text-align: right; background-image:url(images/checkbox.gif); background-repeat:no-repeat; background-position:right; }

#logo { height:64px; width:186px; position:absolute; top:33px; left:30px; background-image:url(images/logo.gif); background-repeat:no-repeat;}

/* Beginning of Navigation Bar */
#navlist
{
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px solid #999;
margin: 0; 
padding-top:50px;
padding-bottom: 20px;
padding-left: 230px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #D5D5DD;
border: 1px solid #999;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 15px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size:small;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration:none ;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}

/* End of Navigation Bar */


/*Beginning of Top Navigation */

#top_navcontainer { margin-left: 30px; }

#top_navlist
{
list-style: none;
padding: 0;
margin: 0;
font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: right; padding-right: 7px; padding-top: 2px;
}

#top_navlist a:link { 
font-size: 11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	}
#top_navlist a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
#top_navlist a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

#top_navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#top_navlist li:before { content: "| "; }
#top_navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #top_navlist li
{
border-left: 1px solid white;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #top_navlist { height: 1%; }

* html #top_navlist li
{
display: block;
float: right;
}

/*End hide*/
/*Mac IE 5*/
* html #top_navlist li:first-child { border-left: 0; }

/*End of Top Navigation*/

/* =====> CONTENT AREA CODE <===== */

#contentarea{ background-color:#fff; text-align: left; float:left; clear:both; height:100%; min-height:100%; width:100%;}


/*BEGINNING OF MIDDLE COLUMN CODE */

#middlecolumn{
	width:55%;
	min-width:50%; 
	height:auto;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	padding-left: 20px;
    padding-right: 5px;
	background-image:url(images/mc_bckgrnd.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#middlecolumn p {
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: normal;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
} 

.blockquote {
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: normal;
	padding-top:5px;
	padding-left:30px;;
}

#middlecolumn p a:link { 
    font-size: 13px;
	font-weight: bold; 
	text-decoration: underline; 
	color: #CC0000;
	}
#middlecolumn p a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #000066;
	}
#middlecolumn p a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

#middlecolumn li {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-position:outside;
	line-height:15px;
	left:15px;
	padding-top:5px;
}

#middlecolumn li a:link { 
    font-size: 12px;
	font-weight: bold; 
	text-decoration: none; 
	color: #CC0000;
	}
#middlecolumn li  a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000099;
	}
#middlecolumn li a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

#middlecolumn ul {    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	padding-left:50px;
}

#middlecolumn ol {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	padding-left:50px;
}

/* Large List on Services, etc Pages */

#headlist li {
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-position:outside;
	line-height:15px;
	left:15px;
	padding-top:5px;
}

#headlist li a:link { 
    font-size: 14px;
	font-weight: bold; 
	text-decoration: none; 
	color: #CC0000;
	}
#headlist li  a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000099;
	}
#headlist li a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

#headlist ul {    
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	list-style-type: lower-greek;
	padding-left:50px;
}

#headlist ol {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	list-style-type: lower-greek;
	padding-left:50px;
}

/*END OF MIDDLE COLUMN CODE*/



/* BEGINNING OF RIGHT COLUMN CODE */

#rightcolumn{
	width:15%;
	height:auto;
	float:left;
	padding-left:5px;
	clear:right;
}

.rc_h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:5px; padding-top:15px; padding-bottom:10px;}

/*Beginning of Right Column Dashed Menu Code */

.rc_navlist
{
padding-left: 5px;
margin-left: 0;
width: 130px;
height:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
border-top: 1px dashed gray;
}

.rc_navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-bottom: 1px dashed gray;
}

.rc_navlist li a:link { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #CC0000;
	}
.rc_navlist li a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CC0000;
	}
.rc_navlist li a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}


/*End of Right Column Dashed Menu Code */


#mysql {background-image: url(images/mysql.bmp); background-position:center; height:52px; width:100px; top:60px; position:relative; left:20px; }
#redhat {background-image: url(images/linux.bmp); background-position:center; height:31px; width:88px; top:80px; position:relative; left:20px; }
#java {background-image: url(images/java.bmp); background-position:center; height:53px; width:102px; top:100px; position:relative; left:20px; }
#windows {background-image: url(images/windows.bmp); background-position:center; height:76px; width:136px; top:120px; position:relative; left:5px; }
#tomcat {background-image: url(images/tomcat.gif); background-position:center; height:76px; width:136px; top:120px; position:relative; left:5px; }
#w3c-css {background-position:center; height:15px; width:80px; top:75px; position:relative; left:55px; }
#w3c-html {background-position:center; height:15px; width:80px; top:75px; position:relative; left:55px; }

/* END OF RIGHT COLUMN CODE */


/* BEGINNING OF LEFT COLUMN CODE */

#leftcolumn{
width:20%;
	height:auto;
	padding-top:20px;
	float:left;
}

.lc_h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:5px; padding-top:15px; padding-bottom:10px;}

/*Beginning of Right Column Dashed Menu Code */

.lc_navlist
{
padding-left: 5px;
margin-left: 0;
width: 130px;
height:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
border-top: 1px dashed gray;
}

.lc_navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-bottom: 1px dashed gray;
}

.lc_navlist li a:link { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #CC0000;
	}
.lc_navlist li a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CC0000;
	}
.lc_navlist li a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}






#searchbox {width:190px; height:30px; position:relative; border:1px dashed #ccc; 
padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; top:10px; left:10px;
font: 12px Arial, Helvetica, sans-serif; color: #000; font-weight:bold;}

#newsletter {width:190px; height:30px; position:relative; border:1px dashed #ccc; 
padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; top:35px; left:10px;
font: 12px Arial, Helvetica, sans-serif; color: #000; font-weight:bold;}

#w3c-css {background-position:center; height:15px; width:80px; top:75px; position:relative; left:55px; }
#w3c-html {background-position:center; height:15px; width:80px; top:75px; position:relative; left:55px; }

/* END OF LEFT COLUMN CODE */

#footer {
	width:100%; 
	clear:both;
	height:15px;
	float:left;
	position: absolute;
	bottom: 0;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
    text-align:center;
    padding-top:3px;
    font-weight:bold;
}


/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 100%;
}
html>body div#footer {
    position: static;
}
head:first-child+body div#footer {
    position: absolute;
}