/* CSS Document */

/* overall css */

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#c0c0c0;
	font-size:0.8em;
	margin:0px;
	padding:0px;
}

.text{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:0.8em;
	margin:0px;
	padding:0px;
}

.footer {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:.80em;
	font-weight:bold;
	color:#666666;
	text-align:center;
}

#phone {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#666666;
	height:25px;
	width:200px;
	text-align:left;
	padding-left:15px;
	margin-top:-4px;
	z-index:10;
}



.sub_headers {
	font-size:1em;
	font-variant:small-caps;
	font-weight:bold;
}

#right_grade {
	background-image:url(images/right_grade.gif);
	background-position: left;
	background-repeat:repeat-y;
}

#left_grade {
	background-image:url(images/left_grade.gif);
	background-position: right;
	background-repeat:repeat-y;
}

#bot_grade {
	background-image:url(images/bot_grade.gif);
	background-position: top left;
	background-repeat:repeat-x;
}

#top_grade {
	background-image:url(images/top_grade.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
}

#logo_top {
	background-image:url(images/cp_ie_repeat.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
}

#background {
	background-color:#FFFFFF;
}

#content {
	background-color:#FFFFFF;

}

/* ------ INDEX formating ------ */

#index_current {
	color:#FFFF00;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-style: solid;
	border-color: #FFFF00;
	border-width: 4px 4px 4px 4px; 
	padding: 2px 0px 1px 2px;
}

#index_list_header {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FFFF00;
	text-align: center;
}

#index_format {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#626200;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#index_sub_header {
	color:#626200;
	text-decoration:none;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFD2;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
}

.index_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #626200;
	padding: 2px 2px 2px 2px;
}

#index_link {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFF00;
	padding: 1px 2px 1px 12px;
}

#index_link a:link {
	color:#FFFF00;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#index_link a:visited {
	color:#626200;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#index_link a:hover {
	color:#FFFFD2;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

/* ------ ABOUT formating ----- */
#about_current {
	color:#6600cc;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-style: solid;
	border-color: #6600cc;
	border-width: 4px 4px 4px 4px; 
	padding: 2px 0px 1px 2px;
}

#about_list_header {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6600cc;
	text-align: center;
}

#about_format {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#3D0079;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#about_sub_header {
	color:#3D0079;
	text-decoration:none;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#D8B0FF;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	
}

.about_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #3D0079;
	padding: 2px 2px 2px 2px;
}

#about_link {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#6600cc;
	padding: 1px 2px 1px 12px;
}

#about_link a:link {
	color:#6600cc;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#about_link a:visited {
	color:#3D0079;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#about_link a:hover {
	color:#D8B0FF;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}


/* ------ SKILLS formating ----- */
#skills_current {
	color:#0099ff;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-style: solid;
	border-color: #0099ff;
	border-width: 4px 4px 4px 4px; 
	padding: 2px 0px 1px 2px;
}

#skills_list_header {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#0099ff;
	text-align: center;
}

#skills_format {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#004D80;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#skills_highlight {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#004D80;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}


#skills_sub_header {
	color:#004D80;
	text-decoration:none;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BFE6FF;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	
}

.skills_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #004D80;
	padding: 2px 2px 2px 2px;
}

#skills_link {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#0099ff;
	padding: 1px 2px 1px 12px;
}

#skills_link a:link {
	color:#0099ff;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#skills_link a:visited {
	color:#004D80;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#skills_link a:hover {
	color:#BFE6FF;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}


/* ------ PORTFOLIO formating ----- */
#port_current {
	color:#33cc00;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-style: solid;
	border-color: #33cc00;
	border-width: 4px 4px 4px 4px; 
	padding: 2px 0px 1px 2px;
}

/*  Portfolio contents css*/
.port_headers {
	font-size:0.8em;
	font-weight:bold;
	color:#145100;
}

.port_border_bot {
	border-style: solid;
	border-width: 0px 1px 1px 1px; 
	border-color: #145100;
	padding: 2px 2px 2px 2px;

}

.port_border_top {
	border-style: solid;
	border-width: 1px 0px 0px 0px; 
	border-color: #145100;
	padding: 2px 2px 2px 2px;
}

.port_border_tab {
	border-style: solid;
	border-width: 1px 1px 0px 1px; 
	border-color: #145100;
	padding: 2px 2px 2px 2px;
}

.port_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #145100;
	padding: 2px 2px 2px 2px;
}

#port_list_header {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#33cc00;
	text-align: center;
}

/*border-width: top right bottom left*/
#tab_current {
	background-color:#BCFFA6;
	color:#145100;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	border-style: solid;
	border-width: 1px 1px 0px 1px; 
	border-color: #FFFFFF;
	line-height:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 5px;
}

#port_format {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#145100;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#port_content {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#145100;
	text-decoration:none;
	padding: 8px 2px 8px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#BCFFA6;
}

#port_sub_header {
	color:#145100;
	text-decoration:none;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BCFFA6;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;	
}

#port_sub_header a:link {
	color:#145100;
	text-decoration:underline;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BCFFA6;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;	
}

#port_sub_header a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BCFFA6;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
}

#port_sub_header a:visited {
	color:#145100;
	text-decoration:underline;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BCFFA6;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
}

.port_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #145100;
	padding: 2px 2px 2px 2px;
}

#port_link {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#33cc00;
	padding: 1px 2px 1px 12px;
}

#port_link a:link {
	color:#33cc00;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#port_link a:visited {
	color:#145100;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#port_link a:hover {
	color:#BCFFA6;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}


/* ------ LOGIN formating ----- */
.login_headers {
	font-size:1.3em;
	font-weight:bold;
	color:#ff9900;
}

#login_current {
	color:#ff9900;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-style: solid;
	border-color: #ff9900;
	border-width: 4px 4px 4px 4px; 
	padding: 2px 0px 1px 2px;
}


#login_list_header {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff9900;
	text-align: center;
}

#login_format {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#5B3700;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#login_enter {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#5B3700;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

#login_sub_header {
	color:#5B3700;
	text-decoration:none;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFDFB0;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	
}

.login_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #5B3700;
	padding: 2px 2px 2px 2px;
}

#login_link {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#ff9900;
	padding: 1px 2px 1px 12px;
}

#login_link a:link {
	color:#ff9900;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#login_link a:visited {
	color:#5B3700;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#login_link a:hover {
	color:#FFDFB0;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}


/* ------ CONTACT formating ----- */
#contact_current {
	color:#cc0000;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-style: solid;
	border-color: #cc0000;
	border-width: 4px 4px 4px 4px; 
	padding: 2px 0px 1px 2px;
}


#contact_list_header {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#cc0000;
	text-align: center;
}

#contact_format {
	background-color:#FFFFFF;
	font-weight:bold;
	color:#640000;
	text-decoration:none;
	padding: 8px 2px 8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#contact_sub_header {
	color:#640000;
	text-decoration:none;
	padding: 2px 2px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFB7B7;
	font-size:0.9em;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	
}

.contact_border_full {
	border-style: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #640000;
	padding: 2px 2px 2px 2px;
}

#contact_link {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#cc0000;
	padding: 1px 2px 1px 12px;
}

#contact_link a:link {
	color:#cc0000;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#contact_link a:visited {
	color:#640000;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}

#contact_link a:hover {
	color:#FFB7B7;
	text-decoration:underline;
	font-weight:bold;
	padding: 1px 2px 1px 12px;
}