/* default styles */
body { margin: 0; padding: 0; font-family: Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 14px; background: #FFFFFF url(../../fsc/images/bg_red.jpg) repeat; }
a { color: #2F607F; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { margin-top: 10px; font-family: Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #990033; line-height: 25px; }
h2 { font-family: Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
h3 { font-family: Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990033; }
p {	margin: 0 0 10px 0; line-height: 20px; }
ul { list-style-type: square; line-height: 20px; }
input {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; }
textarea, select, option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #000000; }


/* layout */
#all_content { margin: 0px auto; width: 890px; }
#header { float: left; width: 890px; background: #FFFFFF; }
	.header_logo { float: left; margin-left: 15px; padding-top: 20px; }
	.fsc_logo { float: right; margin-right: 15px; padding-top: 15px; }
#page_content { width: 860px; background: #FFFFFF; padding: 15px; }
#detail_content { width: 100%; background: url(../../fsc/images/bg_red.jpg) repeat; }
#left { float: left; width: 630px; padding: 0 10px 15px 0; background: #FFFFFF url(../../fsc/images/bg_grey.jpg) repeat; }
#left ul { list-style-image: url(../../fsc/images/bullet.gif); }
#right { float: left; width: 200px; }
#two_columns { float: left; width: 290px; margin-right:10px; }
#three_columns { float: left; width: 250px; margin-right:25px; }


/* content styles */
.bullets { font-family: Helvetica, sans-serif; font-size: 14px; color: #990033; }
.counsellor_translation { background: #EEEEEE; border: #CCCCCC 1px solid; padding: 10px; font-style: italic; }
.general_page_pic_left { margin-right: 10px; }
.general_page_pic_right { margin-left: 10px; }
.feature { width: 200px; margin-bottom: 20px; padding: 10px; background: #A3102D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 18px; }
.feature a { color: #FFFFFF; text-decoration: underline; }
.feature a:hover { color: #AAAAAA; }
.feature_header { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; font-weight: bold;  display: block; }
.form_subheader { padding-top: 10px; font-family: Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #CB1445; border-bottom: #666666 1px solid; }
.highlight { background: #FFFFCC; border: #CCCCCC 1px solid; padding: 0 10px 0 10px; }
.label { font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CB1445; }
.required {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; color: #FF0000; font-weight: bold; }
.requiredobject { background: #FFFF66; }
.requiredtext {	color: #FF0000; font-weight: bold; }
.subheader { font-family: Helvetica, sans-serif; font-size: 16px; color: #990033; }
.translation_links { float: right; margin-right: 20px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; }

/* navbar left */
#navlist
{
float: left;
margin: 0 20px 20px 0;
padding: 0;
width: 160px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;
}

#navlist ul
{
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}

#navlist li
{
list-style-image: none;
margin: 0;
border-bottom: 1px dotted #999999;
padding: 3px;
}

#navlist a
{
display: block;
text-decoration: none;
border-right: 3px solid #BBBBBB;
margin: 0;
padding-right: 5px;
text-align: right;
color: #666666;
}

#navlist a:hover
{
background: #EEEEEE;
color: #990033;
text-decoration: underline;
}


/* footer */
.footer_links { clear:both; width: 840px; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #D6DCDB; }


/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Begin hide from IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-Mac */