BODY {
font-family: Arial, Helvetica, sans-serif; background-color:#CCCCCC;
}

#banner {width:900px;}
#wrapper {
	position:relative;
	width: 930px;
	/*min-height: 800px;*/
	/*
	left: 50%;
	margin-left: -465px;
	*/
	margin: 0 auto;
	background: url(icons/wrapperbg.png) repeat-y;
	left:50%;
	margin-left:-465px;
}

table {
	background-color: #ffffff;
	}
	
table.seo {
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	border: thin #333333;
	}
		
p {
font-family: Arial, Verdana, sans-serif;
font-size: 1em;
color: #666666;
text-decoration : none;
padding-left:1em;}

p.form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
color: #999999;
text-decoration : none;
padding-left: 1em;
padding-right: .5em;}


H1 {
font-family: Arial, Verdana, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #800000;
}

H1.white {
font-family: Arial, Verdana, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #ffffff;
}

H1.form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
text-align: right;
padding-right:.5em;
color: #000000;
}

h2 {
font-family: Geneva, Arial, Helvetica, sans-serif
text-align: left;
font-size: 1.25em;
font-weight: bold;
color: #000033
}

h2.white {
padding-left:.75em;
text-align:left;
font-family: Geneva, Arial, Helvetica, sans-serif
text-align: left;
font-weight: bold;
color: #ffffff
}

h2.sidebar {font-family: Geneva, Arial, Helvetica, sans-serif; text-align:left; font-size:1em; font-weight:bold; color: #000033; font-style:italic;}

h3 {
font-family: Arial, Verdana, sans-serif;
font-size: 1.25em;
font-weight: bold;
text-align: left;
color: #666600;
}
 
h4 {
font-family: Arial, Verdana, sans-serif;
font-size: 1em;
text-align: left;
color: #000000;
}

ul {
padding:1em;
list-style: none;
font-size: 1em;
text-align:left;
}

ul li a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ffffff;
line-height:1.5em;
}

ul li a:visited { 
color: #ffffff;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul li a:hover { 
color: #669900;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

ul li a:active { 
color: #669900;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 






a:link {
font-family:Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: bold;
color: #990000;
text-decoration:none;
}

a:visited {
color:#990000;
text-decoration:none;
font-weight:bold;
}

a:hover  {color:#400000; text-decoration:none; font-weight:bold;}
a:active  {color:#400000; text-decoration: none; font-weight:bold;}

#CAAMenu {
background-color: #663300;
text-align:left;
line-height:1em;
padding-left: 1em; padding-right:2em;
color:#FFFFFF;
}

	#CAAMenu a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-decoration:none;
    color: #ffffff;
	}
	
	#CAAMenu a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-decoration:none;
    color: #ffffff;
	}
		
	#CAAMenu a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-decoration:none;
    color: #006699;
	}
	
	#CAAMenu a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-decoration:none;
    color: #ffffff;
	}
	

	

	
#CAAMenuTop {
background-color:#663300;
padding-right: 1em;
text-align:right;
padding-bottom:0em;
}


	#CAAMenuTop a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-transform:uppercase;
    color: #ffffff;
	text-decoration:none;
	line-height:1.5em;
	}
	
	#CAAMenuTop a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-transform:uppercase;
    color: #ffffff;
	text-decoration:none;
	line-height:1.5em;
	}
	
	#CAAMenuTop a:hover {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
    color: #006699;
	line-height:1.5em;
	}	
	
	#CAAMenuTop a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
    font-weight: bold;
	text-transform:uppercase;
    color: #ffffff;
	text-decoration:none;
	line-height:1.5em;
	}
	


	

	
#footer {position:relative;
	width: 930px;
	height: 23px;
	left: 50%;
	margin-left: -465px;background: url(icons/footerComp.png) no-repeat left top;
	clear: both;
}		
/* special classes */


.right {
background-color: #EAE8E6;
color: #000000;
padding: 1em;
text-align: left;
vertical-align: top;
border-left: 1px solid #CAA44A;
}

td#main {
background-color:#ffffff;
padding: 1em;
vertical-align: top;
}
	
td#main p {color: #333333;
text-align: justify;
line-height:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
}

table#examples {background-color:#FFFFFF;}
	a:link.examples {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
    font-weight: normal;
    color:#000000;
	}
		
	a:visited.examples {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
    font-weight: normal;
    color: #000000;
	}
	
	a:hover.examples {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
    font-weight: normal;
    color:#000099;
	}
	
	a:active.examples {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
    font-weight: normal;
    color: #000000;
	}
	

	


td#portfolio {
background-color:#CCCCFF;
padding: .75em;
vertical-align: top;
}
	td#portfolio p {
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .9em;
		}
		
.li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .9em;
		color: #330000;
		}
		
.header {
font-family: Arial, Verdana, sans-serif;
font-size: 1.25em;
font-weight: bold;
text-align: right;
color:#CCCCCC;
}

#pagerightcol {
	width:209px;
	float:right;
	position:static;
	left: 785px;
	top:auto;
	background:#000000;
	padding-top:20px;
	padding-left:22px;
	padding-bottom:36px;
	margin-bottom:-40px;
}

.sidebarheading {
	font-family:"Trebuchet MS", Verdana;
	font-size:18px;
	font-weight:300;
	margin-top:0px;
	margin-bottom:0px;
}
p.rightcolrule {
	margin-top:0px;
	margin-bottom:0px;
}

ul#sidebarheadlines a:link { text-decoration:none; }
ul#sidebarheadlines a:visited { text-decoration:none; }
ul#sidebarheadlines a:hover { text-decoration:underline; }
ul#sidebarheadlines a:active { text-decoration:none; }

#sidebarheadlines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#sidebarheadlines li {
	margin-right: 15px;
	margin-top: 3px;
	margin-bottom: 12px;
	list-style: none;
	padding-left: 10px;
	background: url('images/brown-bullet-side.gif') no-repeat 0 7px;
}
div.sidebarscroller300 {
	width:209px;
	height:300px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller400 {
	width:209px;
	height:400px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller500 {
	width:209px;
	height:500px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller600 {
	width:209px;
	height:600px;
	overflow-x:auto;
	overflow-y:scroll;
	text-decoration:none;
	overflow: auto;
}
div.sidebarscroller700 {
	width:209px;
	height:700px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller800 {
	width:209px;
	height:800px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller900 {
	width:209px;
	height:900px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller1100 {
	width:209px;
	height:1100px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller1200 {
	width:209px;
	height:1200px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller1300 {
	width:209px;
	height:1300px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller1350 {
	width:209px;
	height:1350px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller1500 {
	width:209px;
	height:1500px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller1800 {
	width:209px;
	height:1800px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller2000 {
	width:209px;
	height:2000px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller2200 {
	width:209px;
	height:2200px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller2300 {
	width:209px;
	height:2300px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller2400 {
	width:209px;
	height:2400px;
	overflow: auto;
	text-decoration:none;
}
div.sidebarscroller2500 {
	width:209px;
	height:2500px;
	overflow: auto;
	text-decoration:none;}
td#copyright {
background-color:#000033;
color: #ffffff;
font-size: .75em;
font-family: Verdana, Arial, Helvetica, sans-serif
text-align: left;
padding-left:1em;
}

td#copyright a:link {
	font-size: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}

p.left {text-align:left; color: #333333;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
background-color:#FFFFFF;}


td#gallery {background-color:#cccccc; vertical-align:text-top; padding:1em;}
p.gallery {text-align:center; color:#CCCCCC;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;}

/* keyword footer style */
#keyword-footer {
/* 	border: solid 1px blue; */
	text-align: center;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	padding: 3em 0;
	margin: 2em 1.5em 0;
	width: 72em;
	text-align: left;
	margin: 0 1em;
	padding: 0;
	float: left;
}
.keyword-footer-item {
	margin: .25em 0;
	padding: 0;
}
a.keylink {
	color: gray;
	font-size: .5em;
	text-decoration: none;
}
a.keylink:visited {
	color: gray;
	font-size: .5em;
	text-decoration: none;
}
a.keylink:hover {
	color: #5C8F15;
	text-decoration: underline;
}

#bottomnavlinks {
	background: white;
	margin: 0 auto;
}
.bottomnavlink {
	color: #5c8f15;
	font-size: 9pt;
	text-align: center;
	padding: 1em .25em 1em;
}


Label {text-transform:uppercase;background:#f9f1e1;padding:3px;}
.inputValue {width:85%;}
.inputText {width:85%; height:180px;}
.inputButton {}
.textfieldServerError {
  display:block;
  margin:0px;
  color:#CC3333;
  border: 1px solid #CC3333;}
.textareaRequiredMsg,.textareaMinCharsMsg,.textareaMaxCharsMsg,.textareaValidMsg {
	display:none;
}
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: block;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;