@charset "utf-8";
/* Claire Garoutte CSS Document www.clairegaroutte.com Created be Gene Rocha Design www.generocha.com */
body {
	background-color: #CCD9E5;
	margin-top: 10px;
}
* { margin: 0; padding: 0;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 4px;
	color: #666666;
	margin-bottom: 6px;
}
a {
	text-decoration: none;
	color: #9AB3CD;
}
a:hover {
	text-decoration: underline;
	color: #CC3366;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #666666;
	line-height: 21px;
	margin-bottom: 4px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 4px;

}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #999999;
	line-height: 21px;
	margin-bottom: 4px;
}
img{
border: none;
}
/****************** Begin Copyright ***************/
#copyright {
	width: 920px;
	height: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	
	}
ul#copyright {
	list-style-type: none;
	width: 900px;
	}
#copyright li {
	display: inline;
	}
#copyright li a{
	text-decoration: none;
	color: #666666;
	}
#copyright li a:hover {
	text-decoration: underline;
	color: #333333;
}
#copyright li p{
	float: left;
	font-family:Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	}
#copyright li p#credits{
	float: right;
	}
/****************** End Copyright ***************/
/****************** Begin top ***************/
#top {
	width: 980px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	}
#top li{
list-style-type: none;
display: inline;
}
/****************** End top ***************/
/****************** Begin bottom ***************/
#bottom {
	width: 980px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	}
#bottom li{
list-style-type: none;
display: inline;
}
/****************** End bottom ***************/

/****************** Begin Header ***************/
#header {
	width: 980px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../Images/cg_middlebg.gif);
	background-position: top;
	background-repeat: repeat-y;
	}
#header li{
list-style-type: none;
display: inline;
}
/****************** End Header ***************/
/****************** Begin Middle ***************/

#middle {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	background-image: url(../Images/cg_middlebg.gif);
	background-position: top;
	background-repeat: repeat-y;
	}
	#middle ul{
	padding: 0px;
	}
/****************** End Middle ***************/	
	#left2 {
		width: 300px;
		margin-top: 10px;
		float:left;
		padding-left: 20px;
	}
/****************** Begin Left ***************/
	#left {
	width: 195px;
	margin-top: 10px;
	float:left;
	padding-left: 5px;
		}		
	#left li p{
	color: #666666;
	font-weight: 100;
	}
	#left li {
	list-style-type: none;
	padding: 2px;
	}
	#left li h2{
	list-style-type: none;
	padding: 2px;
	}
/****************** End Left ***************/

/****************** Begin Right ***************/
	#right {
		width: 195px;
		margin-top: 10px;
		float:left;
		padding-left: 20px;
		}
	#right li{
	list-style-type: none;
	padding-bottom: 5px;
	}
	#right li a{
	display: block;
	display: inline;
	}
	#right ul li img{
	border:solid 1px silver;
	padding:5px;
	}
	#right td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 10px;
	}
		#right form #submit {
		float: left;
		}
		#right form fieldset {
		border: 0;
		}
			#right form fieldset label {
			text-align: left;
			width: 100px;
			display: block;
			float: left;
			clear: left;
			}
			#right form fieldset p {
			margin: 0 0 12px 0;
			}
/****************** End Right ***************/
/****************** Begin RightWide ***************/
	#rightWide {
		width: 505px;
		margin-top: 10px;
		display: block;
		float:left;
		padding-left: 20px;
		text-align: center;
		}
	#rightWide ul{	
	}
	#rightWide li{
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 5px;		
	}
	#rightWide img{
	border:solid 1px silver;
	padding:5px;
	}
	#rightWide li a{
	}
	#rightWide p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	width: 505px;
	}
	#rightWide p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}	
	#rightWide a:hover{
	text-decoration: underline;
	color: #2B5782;
	padding: 0;
	margin: 0;
	}
		#rightWide td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 10px;
	}
		#rightWide form #submit {
		float: left;
		}
		#rightWide form fieldset {
		border: 0;
		}
			#rightWide form fieldset label {
			text-align: left;
			width: 100px;
			display: block;
			float: left;
			clear: left;
			}
			#rightWide form fieldset p {
			margin: 0 0 12px 0;
			}
/****************** End RightWide ***************/
/****************** End RightWide2 ***************/

	#rightWide2 {
	width: 625px;
	margin-top: 20px;
	float:left;
		}
	#rightWide2 li{
	list-style-type: none;
	padding-bottom: 10px;
	float: left;
	padding-left: 40px;
	text-align: center;
	}
	#rightWide2 img a:hover {
	width: 51px;
	height: 51px;
	border: 2px solid #000000;
	}
	#rightWide2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#rightWide2 p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #666666;
	line-height: 21px;
	text-decoration: underline;
	margin-bottom: 10px;
	padding: 5px;
	}
	#rightWide2 a:hover{
	text-decoration: none;
	color: #CC3366;
	}
/****************** End RightWide2 ***************/
/****************** Begin RightWide3 ***************/
	#rightWide3 {
		width: 700px;
		margin-top: 10px;
		display: block;
		float:left;
		padding-left: 125px;
		}
	#rightWide3 ul{	
	}
	#rightWide3 li{
	float: left;
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 5px;		
	}
	#rightWide3 ul li img{
	border:solid 1px silver;
	padding:5px;
	}
	#rightWide3 ul li a:hover img{
	border:solid 1px #CC3366;
	padding:5px;
	}
	#rightWide3 table td img{
	border:solid 1px silver;
	padding:5px;
	}
	#rightWide3 table td a:hover img{
	border:solid 1px #CC3366;
	padding:5px;
	}
	#rightWide3 li a{
	}
	#rightWide3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#rightWide3 p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}		
	#rightWide3 a:hover{
	text-decoration: none;
	color: #CC3366;
	}
		#rightWide3 td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #D36C01;
	line-height: 21px;
	margin-bottom: 10px;
	}
		#rightWide3 form #submit {
		float: left;
		}
		#rightWide3 form fieldset {
		border: 0;
		}
			#rightWide3 form fieldset label {
			text-align: left;
			width: 100px;
			display: block;
			float: left;
			clear: left;
			}
			#rightWide3 form fieldset p {
			margin: 0 0 12px 0;
			}
/****************** End RightWide3 ***************/
/****************** Begin RightWide ***************/
	#rightWide4 {
		width: 550px;
		margin-top: 20px;
		display: block;
		float:left;
		padding-left: 20px;
		}
	#rightWide4 ul{	
	}
	#rightWide4 li{
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 5px;		
	}
	#rightWide4 ul li img{
	border:solid 1px silver;
	padding:5px;
	}
	#rightWide4 li a{
	}
	#rightWide4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#rightWide4 p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}	
	#rightWide4 a:hover{
	text-decoration: underline;
	color: #2B5782;
	}
		#rightWide4 td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 10px;
	}
		#rightWide4 form #submit {
		float: left;
		}
		#rightWide4 form fieldset {
		border: 0;
		}
			#rightWide4 form fieldset label {
			text-align: left;
			width: 100px;
			display: block;
			float: left;
			clear: left;
			}
			#rightWide4 form fieldset p {
			margin: 0 0 12px 0;
			}
/****************** End RightWide ***************/
/****************** Begin Contact ***************/
	#Contact {
		width: 600px;
		margin-top: 20px;
		float:left;
		padding-left: 20px;
		}
	#Contact ul{	
	}
	#Contact li{
	float: left;
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 5px;		
	}
	#Contact ul li img{
	border:solid 1px silver;
	padding:5px;
	}
	#Contact ul li a:hover img{
	border:solid 1px #CC3366;
	padding:5px;
	}
	#Contact li a{
	}
	#Contact p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#Contact p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#Contact p a:hover{
	color: #CC3366;
	}		
	#Contact a:hover{
	text-decoration: none;
	color: #CC3366;
	}
	#Contact td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #D36C01;
	line-height: 21px;
	margin-bottom: 10px;
	}
		#Contact form #submit {
		float: left;
		}
		#Contact form fieldset {
		border: 0;
		}
			#Contact form fieldset label {
			text-align: left;
			width: 100px;
			display: block;
			float: left;
			clear: left;
			}
			#Contact form fieldset p {
			margin: 0 0 12px 0;
			}
/****************** End RightWide3 ***************/
/****************** Begin Publications ***************/
	#publications1 {
		width: 700px;
		margin-top: 15px;
		float:left;
		display: block;
		padding-left: 5px;
		}
	#publications1 ul li h2{
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	font-size: 14px;
	font-weight: 100; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 4px;
	}
	#publications1 ul li h2 a{
	color: #CC3366;
	}
	#publications1 li{
	list-style-type: none;
	padding-bottom: 20px;
	padding-left: 5px;
	float: left;		
	}
	#publications1 ul li img{
	border:solid 1px silver;
	padding:10px;
	}
	#publications1 a:hover img{
	border:solid 1px #CC3366;
	padding:10px;
	}
	#publications1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#publications1 p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#publications1 p a:hover{
	color: #CC3366;
	}		
	#publications1 a:hover{
	text-decoration: none;
	color: #CC3366;
	}
	#publications1 td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #D36C01;
	line-height: 21px;
	margin-bottom: 10px;
	}
/****************** End Publications1 ***************/
/****************** Begin Publications2 ***************/
	#publications2 {
		width: 700px;
		margin-top: 15px;
		float:left;
		display: block;
		padding-left: 5px;
		}
	#publications2 ul li h2{
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100; 
	color: #CC3366;
	line-height: 21px;
	margin-bottom: 4px;
	}
	#publications2 ul li h2 a{
	color: #CC3366;
	}
	#publications2 li{
	list-style-type: none;
	padding-bottom: 20px;
	padding-left: 5px;
	float: left;		
	}
	#publications2 ul li img{
	border:solid 1px silver;
	padding:10px;
	}
	#publications2 a:hover img{
	border:solid 1px #CC3366;
	padding:10px;
	}
	#publications2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#publications2 p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300; 
	color: #666666;
	line-height: 21px;
	margin-bottom: 10px;
	padding: 5px;
	}
	#publications2 p a:hover{
	color: #CC3366;
	}		
	#publications2 a:hover{
	text-decoration: none;
	color: #CC3366;
	}
	#publications2 td h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	color: #D36C01;
	line-height: 21px;
	margin-bottom: 10px;
	}
/****************** End Publications ***************/

/****************** Begin Title ***************/
	#title {
		width: 880px;
		margin-top: 10px;
		float:left;
		padding-left: 20px;
		}
	#title ul{	
	}
	#title li{
	float: left;
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 5px;		
	}
	#title li a{
	}
	#title p a:hover{
	color: #CC3366;
	}		
	#titlea:hover{
	text-decoration: none;
	color: #CC3366;
	}
	#title ul li  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300; 
	line-height: 21px;
	margin-bottom: 10px;
	display: block;
	}
/****************** End Title ***************/
/****************** Begin Right2 ***************/
	#right2 {
		width: 180px;
		margin-top: 10px;
		float:right;
		padding-right: 20px;
	}
	#right2 li{
	list-style-type: none;
	padding-bottom: 5px;
	}
	#right2 li a{
	display: block;
	display: inline;
	}
	#right2 img{
	}
/****************** End Right2 ***************/
/****************** Begin Thumb ***************/
	#thumb {
		width: 175px;
		margin-top: 25px;
		float:right;
		padding-right: 20px;
	}
	#thumb li{
	list-style-type: none;
	}
	#thumb li a{
	display: block;
	display: inline;
	}
	#thumb a img{
	border:solid 1px silver;
	padding:1px;
	}
	#thumb a:hover img{
	border:solid 1px #CC3366;
	padding:1px;
	}
/****************** End Thumb ***************/
/****************** Begin Flash ***************/
	#flash {
		width: 655px;
		margin-top: 10px;
		float:left;
		z-index: -100;
		padding-left: 200px;
	}
	#flash li{
	list-style-type: none;
	padding-bottom: 5px;
	}
/****************** End Flash ***************/
#mainNav * {
	margin:0;
	}
#mainNav {
	width: 600px;
	padding-left: 250px;
}
	
#mainNav li {
	list-style-type:none;
	float:left;
	}
#mainNav a {
	padding:.5em 1.5em;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}
	
#mainNav h2 a:hover {
	color:#CC3366; 
	}
#mainNav h2.selected a{
	color:#336699;
	background-repeat: repeat-x;
	cursor: default;	
	}
#mainNav h2.selectedAdmin a{
	color:#FFFFFF;	
	}
/******************* Start Dropdown Styles Here ************/

#mainNav li ul {
	position:absolute;
	width:11.5em;
	display:none;
	/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.90;
  z-index: 1;
  }
	
#mainNav li:hover ul {
	display:block;
	z-index: 100;
	}	
#mainNav li ul li {
	width:100%;
	z-index: 1;
	}
	
#mainNav li ul li a {
	background-color:#9AB3CD;
	border-bottom: 1px solid #5C8696;
	font-size: 12px;
	font-weight: 100;
	font-family:Arial, Helvetica, sans-serif;
	z-index: 1;
	}
	
#mainNav li ul li a:hover {
	background-color:#336699;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 1;
	}

/***** End Main Nav Dropdowns ******/

/********* NAV AND SUB NAV WITH A CLASS OF "selected" ************/
	
#mainNav li h2 a{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #9AB3CD;
	letter-spacing: 1px;
	}
#mainNav li h2 a:hover {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #264D73;
	letter-spacing: 1px;
	}
	
#subnav a.selected {
	background-color:#fa9c1f;
	color:#fff;
	}
/****************** End NAV AND SUB NAV WITH A CLASS OF "selected" ***************/
/****************** Begin Footer ***************/	
#footer {
	width: 980px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../Images/cg_footerbg.gif);
	background-position: top;
	background-repeat: repeat-y;
	background-color: #EBF0F5;
	}
	#footer li {
	display: inline;
	padding: 0;
	}
	#footer li a{
	text-decoration: none;
	color: #2B5782;
	}
	#footer li a:hover{
	color: #CC3366;
	}
	#footer li p{
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
	width: 450px;
	color: #9AB3CD;
	padding-top: 15px;
	margin-left: 375px;
	float: left;
	display: block;
	}
/****************** End Flash ***************/
/****************** Begin Classes ***************/	
	h1.mainLogo{
	position: relative;
	float: left;
	margin: 20px 0 0 350px;
	}
	.clear {
	clear: both;
	height: 0;
	}	
	 .headerRow td {
 	font-variant:small-caps;
 	font-weight:bold; 
	background-color: #ccffcc;
	text-align:center;
 	} 
 	.email a{
	color: #999999;
	}
 	.portfolio{
	padding-left: 20px;
	font-size: 11px;
	}
	.portfolio a{
	color: #666666;
	}
	.portfolio a:hover{
	color: #D36C01;
	text-decoration: underline;
	}
	.portfolioOver{
	padding-left: 20px;
	font-size: 11px;
	}
	.portfolioOver a{
	color: #D36C01;
	}
	.portfolioOver a:hover{
	color: #D36C01;
	text-decoration: none;
	}
	.imageTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 300;
	color: #666666;
	line-height: 18px;
	}
	
	.statement{
	font-size: 11px;
	padding-right: 25px;
	float: right;
	}
	.statement a{
	color: #666666;
	}
	.statement a:hover{
	color: #D36C01;
	text-decoration: underline;
	}
	.statementOver{
	font-size: 11px;
	padding-right: 25px;
	float: right;
	}
	.statementOver a{
	color: #D36C01;
	}
	.statementOver a:hover{
	color: #D36C01;
	text-decoration: none;
	}
	
	.arrow{
	font-size: 20px;
	}
	.arrow a{
	color: #666666;
	}
	.arrow a:hover{
	color: #CC3366;
	text-decoration: none;
	}
	.arrowOver{
	font-size: 11px;
	}
	.arrowOver a{
	color: #CC3366;
	}
	.arrowOver a:hover{
	color: #CC3366;
	text-decoration: none;
	}

	.greyBar{
	color:#999999;
	}
	.highlight img{
	border: 1px solid #ccc;
	}

	.highlightit a:hover img{
	border: 1px solid navy;
	}
	.silverBorder {
	float:none;
	display: block;
	float: left;
	border:solid 1px silver;
	padding:1px;
  }
	.silverBorderBottom {
	float:none;
	border-bottom:solid 1px silver;
	padding:1px;
  }
	.highlightit a:hover{
	color: red; /* Dummy definition to overcome IE bug */
	}
	.right{
	float: right;
	}
	.error {
	font-size: 12px;
	font-family: "Century Gothic", Arial, sans-serif;
	color: #CC3366;
	margin-top: -10px;
	margin-left: 5px;
	margin-bottom: 5px;
	}
 .edTBL{border-collapse:collapse; border:1px solid #ccc;} /*effects edit table borders*/
 /*effects all TDs inside edit table*/
 .edTBL td {
 	border:1px solid #ccc;
	padding:0 2px; 
	font-family: verdana, arial, sans-serif;
	font-size:.9em; 
	} 
 .evenRow td{} /*effects all TDs in even TRs in edit table*/
/****************** End Classes ***************/