@charset "utf-8";

/* --------------------------------------------------------- */
/* Author:      Danielle Closs                               */
/* Date:        12/11/2007                                   */
/* Filename:    main.css                                     */
/* Description: Main CSS Stylesheet for White Stripe Design  */
/* Supported                                                 */
/* Files:       index.html, resume.htm, gallery.htm          */
/* Notes:                                                    */
/*                                                           */
/* --------------------------------------------------------- */

/* -- Site-wide declarations -- */

.serviceMark{
	font-variant:small-caps;
	vertical-align:super;
	font-size:50%;
}

a{
	color:#1f4867;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
	color:#660000;
	font-weight:bold;
}
.nodisplay{
display:none;
}

.bold{
	font-weight:bold;
}

.noBorderLink img{
	border:none;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.highlight{
color:#006600;
}

.highlightRed{
color:#660000;
}

.smallText{
font-size:100%;

}

.medText{
font-size:125%;

}

.lrgText{
font-size:150%;

}



body{
	margin:0%;
	padding:0%;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	min-width:700px;
}

/* -- Header-- */

#header{
	float:left;
	background:#1f4867 url(../graphics/backgroundHeader.jpg);
	width:100%;
	padding-top:20px;
}

#header p{
	margin:1% 0% 0% 20px;
	padding:0px;
	color:#c1c257;
	font-size:80%;
	font-style:italic;
	background-color:#1f4867;
	float:left;
}

#logo {
	width:400px;
	height:69px;
	background:url(../graphics/logo.gif);
}

#stripe{
	background:url(../graphics/whiteBar2.gif) repeat-x;
	width:100%;

}

#breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	float:right;
	color:white;
	margin-right:10px;
	background-color:#1f4867;
}

#breadcrumb a{
	color:white;
	text-decoration:underline;
}

/* -- Navigation --*/

#nav{
	float:right;
	padding:0% 7% 0% 0%;
	font-size:110%;
	margin:0%;
}

#nav ul{
	margin:0%;
	padding:0%;
	list-style:none;
}

#nav li{
	margin:0%;
	float:left;
	background:url(../graphics/leftside.gif) no-repeat left top;
	padding:0px 0px 0px 20px;
	border-bottom:thin black solid;
	font-weight:bold;
}

#nav a{
	display:block;
	background:url(../graphics/rightside.gif) no-repeat right top;
	color:#c1c257;
	padding:6px 24px 7px 7px;
	text-decoration:none;
	margin:0px;
}

#nav a:hover{
	text-decoration:underline;
}

#nav #current {
	background-image:url(../graphics/leftsideCurrent.gif);
	border-bottom:thin #c1c257 solid;

}

#current a{
	background-image:url(../graphics/rightsideCurrent.gif);
	color:black;
}

#current a:hover{
	background-imge:url(../graphics/rightsideCurrent.gif);
	color:black;
	text-decoration:none;
}

#nav img{
	border:none;
	display:inline;
	margin:0px;
	padding:0px;

}

/* end of header */

/* -- Main Content -- */

#main{
	clear:both;
	background-color:#c1c257;
	margin-left:1%;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	border-right:thin black solid;
	border-left:thin black solid;
	float:left;
	width:91.5%;
}

h1{
	background-color:white;
	border-top: thin black solid;
	border-bottom:thin black solid;
	font-size:160%;
	padding:10px;
	margin:15px 0px 0px 0px;
	display:block;
	float:left;
	width:98%;
	clear:both;
}



h2{
	background:#c1c257 url(../graphics/fade.jpg) repeat-y;
	border-top: thin black solid;
	border-bottom:thin black solid;
	margin:1% 1% 0% -1%;
	padding:1% 2%;
	font-size:120%;
	clear:both;
}

h2 img{
	border:#1f4867 4px solid;
	float:right;
	margin:-3% 1% 1% 1%;
}

.text{
	margin:0px 0px 0px 10px;
	background-color:white;
	padding:0%;
	border-bottom:thin black solid;
	width:72%;
	float:left;
}

p{
	padding:10px;
	margin:0px;
	margin-bottom:1%;
	text-align:justify;
	background-color:white;
	vertical-align:middle;

}

#bio{
	font-size:75%;
	float:left;
	width: 98%;
	background:#dada9a;
	border:black thin solid;
	margin:1%;
}

#bio p{
	background:#dada9a;

}

#bio img{
	float:right;
	border:#1f4867 4px solid;
	margin:10px;
}

/* -- Sidebar -- */

#sidebar{
	width:23%;
	background: #c1c257 url(../graphics/backgroundSidebar.jpg);
	float:left;
	border-bottom:thin black solid;
}

.sidebarSub{
	padding:5px;
	margin:5px 0px;
	background:#c1c257 url(../graphics/fadeSidebar.jpg) repeat-y;
	border-top: thin black solid;
	border-bottom:thin black solid;
}

.sidebarContent {
	height:75px;
}

.sidebarContent ul {
	padding:1%;
	margin:0%;
}

.sidebarContent ul img{
	border:#1f4867 medium solid;
	border:none;
}

.sidebarContent li {
	list-style-type: none;
	float:left;
	padding:1% 3%;
	margin:0%;
}

.sidebarContent li a{
	display:block;
	border:#1f4867 4px solid;
	height:50px;
	width:50px;
}

.sidebarContent li a:hover{
	border:#660000 4px solid;
}

/* -- Footer -- */

#footer{
	clear:both;
	width:99%;
	padding:.5%;
	background:#1f4867 url(../graphics/backgroundHeader.jpg);
	border-top:thin black solid;
	color:white;
	font-size:75%;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

.icon{
	width:16px;
	height:16px;
	overflow:hidden;
	margin:2px;
}

.WSDicon{
	background-image:url(../graphics/w.gif);
	float:right;
	margin:5px;
}

.ProgIcon{
	background-image:url(../graphics/progress2.gif);
	float:left;
}
.RecIcon{
	background-image:url(../graphics/checkmark2.gif);
	float:left;
}
.FeatIcon{
	background-image:url(../graphics/asterick5.gif);
	float:left;
}