body {
	background-image: url(title.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background-color: #F5F5F5;
        font-family: Trebuchet Ms;
        font-size : 11px;
		line-height : 13px;
        color: #7C7C7C;
        margin: 0px;
}

.navigation  {
	color: #DDDDDD;
	font-size:11px;
font-family: Trebuchet MS;
text-transform: uppercase;
	text-decoration: none;		font-weight: bold; }
	
.navigation a:link  {
padding-left: 8px;
padding-right: 8px;
letter-spacing:1px;
	color: #ED3B31;
	text-decoration: none;		font-weight: bold; }

.navigation a:visited {
	color: #ED3B31;
letter-spacing:1px;
	padding-left: 8px;
padding-right: 8px;
	text-decoration: none;		font-weight: bold; }

.navigation a:hover {
padding-left: 8px;
letter-spacing:1px;
padding-right: 8px;
	color: #ED3B31;
	text-decoration: none;
	font-weight: none; 
	border-bottom: 0px dashed #FFFFFF; }

.date {
	background-position:top;
	background-repeat:no-repeat;
	width: 80px;
	height: 45px;
	margin: 2px 0;
	text-align: center;
	vertical-align:middle;
	border: #F1F1F1 0px dotted;
}
.date .day {
	color: #FFFFFF;
	font-size:10px;
		text-transform:uppercase;
font-family: Trebuchet ms;
font-weight: bold;
	padding: 2px;
}


.date .month {
	margin-top: -5px;
	padding: 2px;
	color: #949494;
	font-size:10px;
font-family: Trebuchet ms;
font-weight: bold;
}

.date .year {
	margin-top: -5px;
	padding: 2px;
	color: #888888;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:10px;
font-family: Trebuchet ms;
font-weight: bold;
}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 4px 4px 4px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #EEEEEE;
	color: #777777;
	background-color: #F0F0F0;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #EEEEEE;
	color: #949494;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 4px 4px 4px 4px;
	margin: 2px 2px 2px 2px;
	color: #888888;
	border: 1px solid #EEEEEE;
	background-color: #F0F0F0;
}
.wp-pagenavi span.current {
	padding: 4px 4px 4px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #EEEEEE;
	color: #888888;
	background-color: #F0F0F0;
}
.wp-pagenavi span.extend {
	padding: 4px 4px 4px 4px;
	margin: 2px;	
	border: 1px solid #EEEEEE;
	color: #888888;
	background-color: #F0F0F0;
}

 .footer {
background:#FFFFFF;
background-image: url(); 
font-family: Arial; 
font-size:10px;
padding:10px;
letter-spacing:0px;
		line-height: 15px; 
text-transform: capitalize; 
font-weight: bold; 
		border-bottom: solid #949494 0px;
		border-top: solid #FFFFFF 0px;
		text-align:center;
		color:#666666;}

 h1 {
font-weight: bold; 
background-image: url(); 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:9px; 
letter-spacing:0px;
text-transform:lowercase;
font-style:italic;
padding:5px;
line-height:12px; 
color: #000000; 
text-align:justify;
border-bottom: #777777 solid 0px;}

 .heading {
background: #FFFFFF; 
font-weight: bold; 
background-image: url(); 
font-family: Trebuchet MS; 
font-size:10px; 
letter-spacing:0px; 
padding:5px;
line-height:12px; 
color: #949494; 
		text-align:justify;
text-transform: uppercase; 
border: 0px solid #EEEEEE; 
border-top : 0px solid #D1E0E2;}
 
 hr {
  border: 0;
  width: 100%;
 height: 3px;
 color: #EAEAEA;
background-color: #EAEAEA;
}


.welcome {
font-family: Arial; 
font-size:9px;
text-align:justify;
color:#949494;}

		
/* Start Pages */
.title {
		background:url();
font-family: Arial, Helvetica, sans-serif;
font-size: 9px; 
line-height: 9px;
text-transform: uppercase;
letter-spacing: 0px;
color: #949494; 
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: right;}

.subtitle {
background: #FBFBFB; 
font-weight: bold; 
background-image: url(); 
font-family: Tahoma, verdana; 
font-size:8px; 
letter-spacing:3px; 
line-height:10px; 
color: #949494; 
text-align:center; 
text-transform: uppercase; 
border-bottom : 0px solid #151515; 
border-top : 0px solid #D1E0E2;}


.subcontent {
		background:url();
		background-color: #FFFFFF;
font-family: Lucida Sans;
font-size: 10px;
color: #6D6D6D;
padding:8px;}

.content {
		background:#FFFFFF;
		font-family: Trebuchet ms;
		padding:3px;
           font-size:10px;
		letter-spacing:0px;
		line-height: 12px; 
		border-bottom: solid #949494 0px;
		border-top: solid #FFFFFF 0px;
		text-align:justify;
		color:#616161;}
		
			.content img {
border: 1px solid #5B5B5B;
padding: 1px;

background-color:#FFFFFF;}
				
.content a img {
border: 1px solid #5B5B5B;
padding: 1px;
background-color:#FFFFFF;}

.content a img:hover {
border: 1px solid #FE65BA;
padding: 1px;
background-color:#FFFFFF;}


.side-title {
		background:url(bgside.png);
font-family: Trebuchet MS;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0px;
color: #949494; 
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: right;}


.side-content {
	background:#FFFFFF;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:0px;
	line-height: 13px;
	border-bottom: solid #949494 0px;
	border-top: solid #FFFFFF 0px;
	text-align:justify;
	color:#616161;
}

		
/* End of Pages */

/* News */

.newstitle {
	font-size:10px;
	font-family: Trebuchet ms;
	text-transform: uppercase;
	color: #CA241B;
	font-weight:bold;
	padding: 6px;
	text-align: left;
	border-bottom: #BBB479;
}
				
		.newstitle a:link {
padding:3px;
color: #CA241B;
font-weight:bold;
		text-decoration:none;}
		
				.newstitle a:visited {
color: #626262; 
color: #CA241B;
font-weight:bold;
		text-decoration:none;}
		
		.newstitle a:active {
color: #626262; 
color: #CA241B;
font-weight:bold;
		text-decoration:none;}
		
		.newstitle a:hover {
color: #FFFFFF; 
color: #CA241B;
font-weight:bold;
		text-decoration:none;}
		
.newsname{
padding: 5px;
color: #6D6D6D;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.newsname a:link, .newsname a:visited, .newsname a:hover{
color: #6D6D6D;}
		.newscomments {
		background:url();
		background-color: #FFFFFF;
		text-align:right;
font-family: Lucida Sans;
font-size: 10px;
color: #6D6D6D;
padding:8px;}

.newscomments a:link, .newscomments a:visited, .newscomments a:hover{
color: #6D6D6D; }	
				.newscontent {
				background-color: #FFFFFF;
background-image: url(content.png);
background-position: right top;
background-repeat: no-repeat; 
		font-family: Trebuchet ms; 
                                font-size:10px;
		letter-spacing:0px;
		line-height: 13px; 
		border-bottom: solid #949494 0px;
		border-top: solid #C6B398 0px;
		text-align:justify;
		color:#292929;
				padding:3px;}
				
.side-content-recent img, .side-content-recent a img {
border: 1px solid #ECECEC;
background-color:#FFFFFF;
padding: 1px;
margin:3px;}


.side-content-recent img:hover {
border: 1px solid #DC0E09;
background-color:#FFFFFF;
padding: 1px;
margin:3px;}
				
	.newscontent img {
border: 1px solid #ECECEC;
background-color:#FFFFFF;
padding: 3px;
margin:3px;}
				
.newscontent a img {
border: 1px solid #ECECEC;
background-color:#FFFFFF;
padding: 3px;
margin:3px;}

.newscontent a img:hover {
border: 1px solid #DC0E09;
background-color:#FFFFFF;
padding: 3px;
margin:3px;}
		
.sideprojects
{
		font-family: Arial, Helvetica, sans-serif;
		font-size:9px;
		padding-bottom:10px;
		padding-top:10px;}

.sideprojects img{
filter: alpha(opacity=40);
 -moz-opacity: 0.4;
border: 0px solid #EEEEEE;
padding: 1px;}

		
.catimage {
border: 0px solid #EEEEEE;
padding: 3px;}

.catimage img {
opacity:.50;
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
border: 0px solid #EEEEEE;
padding: 3px;}

.catimage a img {
opacity:.50;
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
border: 0px solid #EEEEEE;
padding: 3px;}

.catimage img:hover {
opacity:.50;
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
border: 0px solid #EEEEEE;
padding: 3px;}
		
		
.newsetc{
background: #ECECEC; 
background-position: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9px; 
line-height: 11px;
letter-spacing: 0px;
color: #949494; 
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
border-bottom: #EBEBEB solid 1px;}

.newscat {
background:url();
font-family: Lucida Sans;
font-size: 10px;
letter-spacing: 0px;
color: #949494;
padding: 10px;
text-align: left;
border-top: #EBEBEB solid 0px;}


	.newscat a:link {
color: #949494; 
		text-decoration:none;}
		
	.newscat a:visited {
color: #949494; 
		text-decoration:none;}
		
	.newscat a:active {
color: #949494; 
		text-decoration:none;}
		
	.newscat a:hover {
color: #000000; 
		text-decoration:none;}
		
		/* End of News */


b, strong	{
	color: #333333;
	}
 
i,em	{
	color: #B52018;
	}
 
u	{
	color: #777777;
	}
		
			

tr, td {
		font-family: arial; 
		font-size: 11px; 
		letter-spacing:0px;
		line-height: 13px; 
		text-align:justify;		
font-weight: none; 
color:#555555F;
}

a:link, a:visited {
	color: #ED3B31; 
	text-decoration: none; 	}

	a:hover {
	color: #B52018; 
	text-decoration: underline;	
	border-bottom: 1px dashed #FFFFFF; }

table.MsoNormalTable {
		mso-style-parent:"";
		color:#949494;
text-transform: none;
		font-size:9px;		
font-weight: none; 
font-family: arial;
}

img {
		border-left-color:#EEEEEE;
		border-bottom-color:#EEEEEE;
		border-top-color:#EEEEEE;
		border-right-color:#EEEEEE;
		
}

a:hover img {
		
}

blockquote {
	margin: 10px 20px 0 5px;
	padding-left: 10px;
	color: #666666;
                   text-transform: none;
	font-size:10px;	
	border-left: 15px solid #ED3B31;
	}
	

input, textarea, option, select {
	color: #000000;
	background: #F2F2F2;
        font-family: Trebuchet ms;
        font-size: 10px;
border: 0px #F3E1F1 solid;
	padding:5px;
	}
	
	input:hover, textarea:hover, option:hover, select:hover {
	background: #E2E2E2;
        font-family: Trebuchet ms;
        font-size: 10px;
	color: #000000;
border: 0px #F3E1F1 solid;
	padding:5px;
	}
	
		input:focus, textarea:focus {
	background: #E2E2E2;
border: 0px #F3E1F1 solid;
	}
	
/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #cc9900; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
    font-weight : bold;
  background-color :#FFFFFF;
  border: 0px solid #000000;
  color : #666;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold;
  background:#FFFFFF;
  border: 0px solid #000000;
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
}

/* form label text */
label { 

}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font: 100% Arial, Helvetica, sans-serif; 
  color : #666; 
  padding : 2px; 
  border : 0px solid #cc9000;
  background-color : #F8EDF7;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 0px solid #669900;
  background-color : #F8EDF7;
}
* html input.button.hover { 
  color : #000;  
  border : 0px solid #000;
  background-color : #FCF78D;
}
* html input.button.focus { 
  color : #000;  
  border : 0px solid #000;
  background-color : #FCF78D;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 0px solid #000;
  background-color : #FCF78D;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 90%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {

}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}