@charset "utf-8";

/* CSS Document */

/* -------------- Top Navigation Links --------------- */
ul#nav, ul#nav li {
	list-style-type:none;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
}

ul#nav { font-size: small }

ul#nav li {
	float:left;
	margin-left: 3px;
	text-align: center
}

ul#nav a {
	float:left;
	width:105px;
	text-decoration:none;
	font-size:x-small;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	font-weight:bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-bottom:0px;
	margin-top:0.55em;
}

ul#nav a:hover { background-color: #FFFF9B; }

ul#nav li.activelink a, ul#nav li.activelink a:hover {
	background: #FFF;
	color: #003
}

div#menu {
	text-align:left;
	/*margin-top: 0em;
	margin-right: 50px;
	margin-bottom: 0em;
	margin-left: 50px;*/
	height:1.75em;
	background-color: #CAEAFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFFFC4;
}

#nav_bar a:hover {
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

/* BELOW: Will make the active page link Highlighted */
body.home #menu .home, body.web #menu .web, body.graphic #menu .graphic, body.software #menu .software, body.network #menu .network, body.contact #menu .contact, body.about #menu .about, body.mission #menu .mission {
	background-color: #FFFFC4;
	text-decoration: none;
	color: #5D5D5D;
}

/* ---------------------------------------------------- */

/* ---------- Header Image: SSI Design Logo Slogan ---------- */
.head_img {
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	width: 360px;
}

/* ---------------------------------------------------------- */


/* ------------------ Home Page Links ---------------------- */
img.spotlight {
	width: 275px;
	height: 160px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	margin-top: 5px;
	margin-left: 0px;
	opacity:1;
	filter:alpha(opacity=100)
}

span.cite {
	font-size: x-small;
	font-style: italic;
}

/* ------------------------------------------------------- */


/* ----------------- Sidebar Attributes ----------------- */

/* --------- Sidebar Navigation ------------- */

#side_nav.home .home, #side_nav.photo .photo, #side_nav.contact .contact {
	/*background-color: #CAEAFF;*/
	text-decoration: underline;
	color: #D4D0C8;
	display: block;
	margin-top:0em;
	margin-bottom:0em;
	margin-left: 10px;
	border-collapse:collapse;
	font-weight: bold;
	font-size: 0.7em;
	text-align:left;
	margin-right: 0px;
	padding-bottom:0.5em;
	padding-top:0.5em;
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 2em;
}

#side_nav a, #side_nav a:link, #side_nav a:visited {
	background-color: #FFFFFF;
	display: block;
	margin-top:0em;
	margin-right: 0px;
	margin-left: 10px;
	border-collapse:collapse;
	font-weight: bold;
	color: #5D5D5D;
	font-size: 0.7em;
	text-align:left;
	font-weight: bold;
	height: 20px;
	/*vertical-align: middle;*/
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-right-color: #003169;
	border-left-color: #003466;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-bottom: 0px;
	border-bottom-color: #CAEAFF;
	padding-top: 0.5em;
	padding-right: 3px;
	padding-bottom: 0.5em;
	padding-left: 2em;
}

#side_nav a:hover {
	/*background-color: #CAEAFF;*/
	text-decoration: underline;
	color: #5D5D5D;/* border: 1px solid #000000; */
	background-color: #FFFFC4;
}

#side_nav a:active { }

/* ---------------------------------- */

/* ------------------------------------------------------------ */

/* -------------- Main Page Content ---------------------------- */

#mainContent p { font-size: small; }

#text_content {
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.5em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 1em;
}

/* ----- Page Headings ----- */

#title {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: medium;
	font-weight: bold;
	text-align: center;
	float: left;
	/*margin-right: 2em;
	margin-left: 3em;*/
	background-color: #FFFFC4;
	padding-left: 3em;
	padding-right: 2em;
	color: #003466;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFC4;
}

h3 {
	text-align:center;
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #98D7FF;
	border-left-color: #98D7FF;
	color: #000000;
}

h4 { text-align: center; }

/* ----------------------- */

.strong {
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: .9em;
	text-align: center;
	margin-top: 0;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #878787;
	background-color: #FEFFE8;
	font-weight: bold;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #878787;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #878787;
	border-left-color: #878787;
}


/* -------------- Footer -------------------------- */
br.small {
	margin: 0px;
	padding: 0px;
}

/* ------------------------------------------------ */

/* ------------- Google Site Search ---------------------- */
form.cse-search-box { background-color:#8080FF }

form.search {
	margin:0px;
	padding:2px;
}

/* ------------------------------------------------ */

/* -------------- Bread Crumb Nav ----------------- */
img.breadcrumb {
	background-position: bottom;
	vertical-align: super;
}

/* ----------------------------------------------- */

/* ---------------- FORM DESIGNS ---------------------- */

#formWrap {
	text-align:left;
	/* background-color: #FAFFD7; */
	margin-left: 10px;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}

fieldset {
	border:none;
	padding-bottom:0.5em;
	margin: 1em;
	background-color: #CCFFFF;
}

legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#602e0c;
	line-height:1.4;
	padding:0.2em .5em;
	margin-left:0.5em;
	background-color: #CCFFFF;
}

#formWrap p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#602e0c;
	font-size:0.85em;
	line-height:1.2;
	margin-top: 1.4em;
	margin-right: 0;
	margin-bottom: 1.4em;
	margin-left: 0;
	padding-left: 1.2em;
}

input.text { width:250px; }

input.text:focus, textarea:focus { background-color: #FFFFB3; }

textarea {
	width:300px;
	margin-top:0.5em;
}

label.top {
	display:block;
	margin-bottom:0.5em;
}

span.aside { font-style: italic; }

p.required { position:relative; }

span.required {
	position:absolute;
	left:448px;
	color: #FF0000;
	top: -3px;
	width: 151px;
	text-align: left;
}

/* ----------------------------------------------------- */

/* ------ RSS Feed Properties & Network Sec Page ------- */

/* Hides the advertisement ;
	I think? Not really sure..
*/
.hidden {
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
}

#news { margin-right: 9em; }

#feed {
	font-size: x-small;
	float: right;
	width: 135px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #F7FDFB;
}

#feed a {
	color: #000033;
	display: block;
}

#feed a:visited { color:#999999; }

#feed a:hover { color:#0000FF; }

div.feedHeadline {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	font-size: 1.1em;
	padding-left:4px;
	line-height: 1.5em;
	border-collapse:collapse;
}

div.feedTitle {
	text-align:center;
	font-size:medium;
	font-weight:bold;
	border-collapse: collapse;
}

div.height { height: 20em; } /* Not sure what this is for right now */

div.feedBody {
	display: none;
	height: 0px;
	width: 0px;
	visibility: hidden;
}

/* ----------------------------------------------------- */


/* ----------------- Home (Default) Page Properties -------------- */
#web_design p, #graphic_design p, #software p, #network_security p {
	text-align: left;
	padding-left: 4px;
}

/* ----------------------------------------------------- */


/* ---------- Beliefs Pages ---------------------------- */

li span {
	font-size: small;
	font-style: normal;
}

li {
	margin-top: 5px;
	margin-left: 5px;
}

/* ---- Table of contents links (for web_home.htm) ----- */
li a.toc, li a.toc:link, li a.toc:visited, li a.toc:active {
 /*color:#0000FF;
//  text-decoration: none; color: #CAEAFF;*/ }

li a.toc:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* ----------------------------------------------------- */

/* -------------- Portfolio Pages ---------------------- */

p.slide_head {
	text-align:center;
	background-color:#003466;
	font-weight:bold;
	color:#E1E6FA;
}

#slideDiv { text-align: center; }

/* ----------------------------------------------------- */

/* --------- Alternating Page Divs & Properties -------- */
div.even {
	background-color:#B8ECD7;
	margin-top:1em;
	margin-bottom:1em;
	border-collapse: collapse;
	padding: 0.5em;
	color: #412A22;
}

div.odd {
	background-color:#003466;
	margin-top:1em;
	margin-bottom:1em;
	border-collapse: collapse;
	padding: 0.5em;
	color: #FFFFFF;
}

div.odd a { color:#FFFF84; }

div.odd a:hover { color:#FFFFFF; }

.quote {
	float: right;
	position: relative;
	height: auto;
	width: 9em;
	background-color: #FFFFFF;
	background-image: url(../images/quote.jpg);
	padding-top: 5px;
	padding-left: 1.9em;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 1em;
	color:#000000;
	line-height: 1.2em;
}

.yellow { color: #FFFF84; }

/* ------------------------------------------------ */

/* ---------------- All Links --------------------- */
a, a:link {
	text-decoration: none;
	color: #0000FF;
}

a:visited { }

a:hover { color:#E67815; }

a:active { }

/* ----------------------------------------------- */

/* --------------- Odds & Ends ------------------- */
span.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom:.8em;
}

em {
	/*font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: normal;
}

small { font-size: .9em; }

.center {
	font-weight:bold;
	text-align:center;
	margin:0px;
	display: block;
}

strong {
	font-weight: bold;
	font-size: 0.9em;
}


/* ---------------------------------------------------- */

.sideTop {
	height:1.5em;
	padding-top:.5em;
}

.sideTop, .sideBottom {
	background-color: #003466;
	display: block;
	margin-left:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
}

.sideBottom {
	height:.5em;
}

#web_design a, #graphic_design a, #software a, #network_security a { color: #171816; 

}

#web_design a:hover, #graphic_design a:hover, #software a:hover, #network_security a:hover { color: #AC8E28; 
}

#webDiv {
	z-index: 10;
	display: none;
}