.indentedcontent
{
	padding-left: 50px;
}

.indentedcontentsmall
{
	padding-left: 25px;
}



.experiencecontentarea
{
	line-height: 130%;
	padding-bottom: 30px;
}

.experiencecontentarea img
{
	border: 1px solid lightgrey;
}

.experiencecontentarea object
{
	border: 1px solid lightgrey;
}

.subtext {font-size: 10pt; color: #777; font-style: italic;}
.formfielderror {font-size: 10pt; color: #FF0000; font-weight: bold; }

.subtext a
{
	color:#777;
}

.subtext a:hover
{
	color:blue;
}



.inputfname
{
	visibility: hidden;
}



.boxtitle { font-size: 18px; background: #FF9523 url(images/img10.gif) repeat-x;  color:#FFF; padding:3px;padding-left:10px;}
.boxleft {color:white; width:10px; float:left; height:100px;}
.boxcontent {border-left:1px solid #DDD; border-right: 1px solid #DDD; border-bottom:1px solid #DDD; padding:15px; margin-bottom:25px; line-height:150%; font-size:14px}
.clear {font-size: 1px; height: 1px}



#orangebox .boxtitle {background: #EEE; border:1px solid #DDD; color:black; padding:3px;padding-left:10px;}
#orangebox .boxcontent {border-left:1px solid gray; border-right: 1px solid gray; border-bottom:1px solid gray; padding:15px; margin-bottom:25px;}
#orangebox .clear {font-size: 1px; height: 1px}

.boxcontentlistitem
{
	padding-bottom:5px;margin-bottom:10px; border-bottom:1px dashed lightgrey;
}


/* General Styles */

body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

blockquote {
	font-style: italic;
}

a {
	color: #135293;
}

a:hover {
	text-decoration: none;
}

.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

h1 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #135293;
	margin-bottom:10px;
}

h2 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img11.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #222222;
}

.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.orange {
	margin: 20px 30px;
	background: #FF9523 url(images/img10.gif) repeat-x;
	color: #FFFFFF;
}

.orange a {
	color: #FFFFFF;
}

.col-one {
	float: left;
	width: 300px;
}

.col-two {
	float: right;
	width: 300px;
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(images/img01.gif) repeat-y;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

/* Logo */

#logo {
	text-align:center;
	height: 220px;
	background: #FFFFFF url(images/img02.gif) repeat-y right top;
}

#logo h1, #logo h2 {
	margin: 0;
	text-align: center;
	color: #000;
}

#logo h1 {
	padding: 0 0 0 0;
	background: url(images/img03.gif) no-repeat center center;
	font-size: 22px;
	line-height: 100%;
	color:#000;
}

#logo h2 {
	font-size: 14px;
}

#logo a {
	color: #9C9C9C;
	text-decoration: none;
}

/* Menu */

#menu {
	padding: 20px;
	background: #85C329 url(images/img04.gif) repeat-x;
}

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

#menu li {
	padding: 10px 0;
	background: url(images/img05.gif) repeat-x;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
}

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




#menublue {

}

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

#menublue li {
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
}

#menublue li.first {
	background: none;
}

#menublue a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
}

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



/* Login */

#login {
	padding: 20px;
	background: url(images/img06.gif) repeat-x;
}

#login form {
	margin: 0;
	padding: 20px 0 0 0;
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #FFFFFF;
}

#username, #password {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

.inputbutton{
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#login a {
	color: #FFFFFF;
}

/* Content */

#content {
	float: right;
	width: 740px;
}

.contentarea{
	float: right;
	width: 680px;
	padding: 5px 30px 20px 30px;
}

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(images/img12.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 220px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(images/img13.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}



/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */