<% @LANGUAGE = VBScript %>
<% option explicit %>

/* CSS Document */
html {
margin:0;
padding:0;
height: 100%;
background-color: #000000;
}
	
body {
background-color: #000000;
min-width:900px;
height: 100%;
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-decoration: none;
background-image: url(images/backgrounds/background.png);
background-repeat:repeat-x;
}

/* layout */
#wrapper {
width: 900px;
background: url(images/backgrounds/background_gradient.gif) repeat-x top left #143A65;
margin: 40px auto 0px auto;
padding: 0px 0px 10px 0px;
}
	
/* Start of topnav styles */	
		
#topheader {
text-align:left;
}

#navbar {
background: url(images/backgrounds/nav_gradient.gif);
height: 65px;
position: relative;
}

#logo {
background: url(images/logos/2cooldesign_logo.gif) no-repeat top left;
width:165px;
height:65px;
float:left;
cursor:pointer;
}

#topcurveright {
background: url(images/backgrounds/topcurve_right.gif) no-repeat top right;
width:4px;
height:65px;
float:right;
}

a:link, a:active {
color: #98D8FC;
}
a:visited {
color: #98D8FC;
}
a:hover {
color:#0099FF;
}

.mainnavon {
float: left;
padding-left: 2px;
width: 106px;
height: 65px;
text-align:center;
background: url(images/top_nav/tab_on_middle.gif) repeat-x;
}

.curvelefton{
margin-left: 4px;
background: url(images/top_nav/tab_curveleft_on.gif) no-repeat top left;
width:4px;
height:65px;
float: left;
}

.curverighton{
background: url(images/top_nav/tab_curveright_on.gif) no-repeat top left;
width:4px;
height:65px;
float: left;
}

.mainnavon a {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:400;
display:block;
padding-top: 22px;
}

.mainnavoff {
float: left;
padding-left: 2px;
width: 106px;
height: 65px;
text-align:center;
background: url(images/top_nav/tab_off_middle.gif) repeat-x;
}

.curveleftoff{
margin-left: 4px;
background: url(images/top_nav/tab_curveleft_off.gif) no-repeat top left;
width:4px;
height:65px;
float: left;
}

.curverightoff{
background: url(images/top_nav/tab_curveright_off.gif) no-repeat top left;
width:4px;
height:65px;
float: left;
}

.mainnavoff a {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#98D8FC;
text-decoration:none;
display:block;
padding-top: 22px;
}

.mainnavoff a:hover {
color:#02263D;
background: url(images/top_nav/tab_hover_middle.gif) repeat-x;
}

/* End of topnav styles */
/* Start of text container styles */

#textparent {
margin: 10px;
background: url(images/backgrounds/background_gradient_1.gif) repeat-x bottom left #22568B;
text-align: left;
}

#subheadgraphic {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:500;
float:left;
width:300px;
background:#00FF00;
}

h1 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 800;
color: #E3EDFC;
padding: 0px 0px 10px 5px;
}

h2 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight: 600;
color: #E3EDFC;
padding: 0px 0px 10px 5px;
}

h3 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
color: #E3EDFC;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

h4 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 500;
color: #011138;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#leftcolumn {
width:300px;
float:left;
}

#text1 {
line-height:20px;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
width:265px;
color:#E3EDFC;
float:left;
}


#text2 {
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
width:265px;
color:#E3EDFC;
float:left;
}

#text3 {
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
width:265px;
color:#E3EDFC;
float:left;
}


#resume {
background:#FFFFFF;
padding:0px 0px 0px 20px;
}

#resumepagingparent {
position: relative;
width: 540px;
float: left;
background:#FFF;
}

#resumecurvetop {
height:5px;
background: url(images/backgrounds/inner_curve_top_white.gif) no-repeat top left;
}

#resumecurvebottom {
height:5px;
background: url(images/backgrounds/inner_curve_bottom_white.gif) no-repeat bottom left;
margin:0px 0px 10px 0px;
}

.resumeheaders {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #011138;
line-height: 17px;
text-decoration: none;
text-align: left;
}

.resumebody {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #132D48;
line-height: 16px;
text-decoration: none;
text-align: left;
}

ul.resume {list-style: square;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #132D48;
margin: 0 0 0 18px;
padding:0px 10px 0px 0px;
text-decoration: none;
text-align: left;
}

ul.resume li {
padding: 4px 0;
}


a.resumelink:link, a.resumelink:active, a.resumelink:visited {
color: #2968A7;
}

#imageparent {
width: 540px;
float:right;
margin:0px 10px 0px 0px;
}

#imagecurvetop {
height:5px;
background: url(images/backgrounds/inner_curve_top_2.gif) no-repeat bottom left;
}

#imagecurvebottom {
height:5px;
background: url(images/backgrounds/inner_curve_bottom_2.gif) no-repeat top left;
margin:0px 0px 10px 0px;
}

#images {
background:#2968A7;
padding:0px 0px 0px 10px;
}
		
#pagingparent {
position: relative;
width: 540px;
float: left;
background:#2968A7;
}

#paging {
padding-right: 45px;
border-bottom: 1px solid #EEEEF1;
margin: auto 0px 0px auto;
float: right;
}

div.subpagingon {
font-size:12px;
text-decoration:none;
padding: 2px 0px 4px 0px;
width: 22px;
height: 22px;
background-color: #6699CC;
margin: 10px 0px 2px 15px;
float: left;
text-align:center;
color: #FFFFFF;
background: url(images/paging/paging_on.gif) no-repeat top right;
}

div.subpagingoff {
font-size:12px;
text-decoration:none;
padding: 2px 0px 4px 0px;
width: 22px;
height: 22px;
background-color: #FFFFFF;
margin: 10px 0px 2px 15px;
float: left;
text-align:center;
color:#ADD7FB;
background: url(images/paging/paging_off.gif) no-repeat top right;
}

div.subpagingoff:hover {
font-size:12px;
text-decoration:none;
padding: 2px 0px 4px 0px;
width: 22px;
height: 22px;
background-color: #E6F0F9;
margin: 10px 0px 2px 15px;
float: left;
text-align:center;
color:#02263D;
background: url(images/paging/paging_hover.gif) no-repeat top right;
}

div.subpagingoff a:link, a:active {
color:#ADD7FB;
text-decoration:none;
}

div.subpagingoff a:visited {
color:#ADD7FB;
text-decoration:none;
}

div.subpagingoff a:hover {
color:#02263D;
text-decoration:none;
}

#innerfooter {
clear: both;
height:5px;
background:url(images/backgrounds/outter_curve_bottom.gif) no-repeat bottom left;
}

#outterfooter {
height:20px;
background:url(images/backgrounds/background_bottom.gif) repeat-x top left;
width: 900px;
margin: 0px auto 0px auto;
}

#outtercurveleft {
width:4px;
height:20px;
background:url(images/backgrounds/outter_curveleft.gif) no-repeat bottom left;
float:left;
}

#outtercurveright {
width:4px;
height:20px;
background:url(images/backgrounds/outter_curveright.gif) no-repeat bottom right;
float:right;
}

#bottomnav {
text-align: center;
font-size: 11px;
line-height: 12px;
text-decoration: none;
}

a.parentnav:link {font-family: verdana, arial, san-serif;
font-size: 14px;
color: #000000;
line-height: 20px;
text-decoration: none;}

a.parentnav:hover {font-family: verdana, arial, san-serif;
font-size: 14px;
color: #FF0000;
line-height: 20px;
text-decoration: none;}

a.parentnav:visited {font-family: verdana, arial, san-serif;
font-size: 14px;
color: #000000;
line-height: 20px;
text-decoration: none;}

ul.subnav {font-family: verdana, arial, san-serif;
font-size: 12px;
color: #0000CC;
line-height: 20px;
list-style-type: square;
list-style-position: inside;
text-decoration: none;}

#leftnav {
margin: 5px;
padding: 10px;
float:left;
width:250px;
}

#leftnav ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
list-style-image: url("images/icons/box_icon.png");
font-size: 14px;
text-align:left;
line-height: 24px;
}

#leftnav li {
margin: 0px;
list-style-position: inside;
}

#leftnav a {
padding: 2px 2px 2px 2px;
text-decoration: none;
}

#leftnav a:link, #leftnav a:active {
color:#98D8FC;
}
#leftnav a:visited {
color:#98D8FC;
}
#leftnav a:hover {
color: #FFFFFF;
}