body {background-color: #ffffff; margin: 0px; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
H1 {color: #0B60B8; margin: .67em 0;}
H2 {color: #000000; margin: .75em 0;}
H3 {color: #0B60B8; margin: .83em 0;}
H4 {color: #000000; margin: 1.12em 0;}
a:LINK {color: #0B60B8; text-decoration: none;}
a:VISITED {color: #0B60B8; text-decoration: none;}
a:HOVER {color: #0B60B8; text-decoration: underline;}
a:ACTIVE {color: #0B60B8; text-decoration: underline;}

* {
	margin: 0;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -76px; /* the bottom margin is the negative value of the footer's height */
	display: block;
}
.footer, .push {
	height: 76px; /* .push must be the same height as .footer */
	font-size: 10pt;
}


.main_container_outer_border {	
	width: 964px; 
	background-color: #BFBFBF; 
	margin-left: auto; 
	margin-right: auto;
	padding-top: 0px;
	margin-top: 0px;
	height: 100%;
}
.main_container_inner_border {	
	width: 962px; 
	background-color: #404040; 
	margin-left: auto; 
	margin-right: auto;
	height: 100%;
}
.main_container {	
	width: 960px; 
	background-color: #FFFFFF; 
	margin-left: auto; 
	margin-right: auto;
	overflow: hidden; 
	height: 100%;
	margin-top: 0px;
	padding-top: 0px;
}
img#header_img {height: 119px; width: 960px; margin: 0px; padding: 0px; display: block;}
img {text-decoration: none; outline: none; border:0px;}
#header_blue_border {	
	text-align: right; 
	background: url(../images/header_blue_border_background.jpg); 
	height: 26px; 
	width: 960px; 
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;
	}
#header_blue_border2 {height: 1px; width: 960px; background-color: #509BEE; font-size: 0px; line-height: 0px; padding: 0px;}
#header_blue_border3 {height: 1px; width: 960px; background-color: #0255B1; font-size: 0px; line-height: 0px; padding: 0px;}
#header_gray_border {height: 5px; width: 960px; background-color: #404040; font-size: 0px; line-height: 0px; padding: 0px;}
#left_navigation {width: 160px; float: left;}
div#left_navigation a {
	display: block;
	background-image: url(http://nfoura.org/images/black_arrow.gif); /* Replace bullet.gif with your img */
	background-position: left 7px; /* Position bullet */
	background-repeat: no-repeat;
	padding: 6px 2px 8px 15px;
	margin: 0px;
	margin-left: 0px;
	text-decoration: none;
	text-align: left;
	color:#FFF;
	font-weight: bold;
	border-bottom: 1px solid #666; 
	}
div#left_navigation a:link {background-color: #999999; color: #FFFFFF; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
div#left_navigation a:visited {background-color: #999999; color: #FFFFFF; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
div#left_navigation a:hover {background-color: #EEEEEE; color: #0B60B8; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
div#left_navigation a:active {background-color: #EEEEEE; color: #0B60B8; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}

#forum_container {	
	width: 715px; 
	height: 240px; 
	border: 1px solid #BFBFBF; 
	margin-top: 18px; 
	float: left;
	background-color: #EEEEEE;
	margin-right: 41px;
} 
#forum_left_zone{
	width: 149px;
	height: 240px;
	float: left;
}
#profile_image_container {
	padding: 0px 0px 0px 10px;
	border-right: 1px solid #BFBFBF;
	width: 138px;
	height: 101px;
	margin-top: 10px;
}
							
#profile_image {
	width: 115px;
	height: 101px;
	border: 1px solid #A9A9A9;
}
#profile_links_container {	
	width: 138px;
	height: 59px;
	padding-left: 10px;
	border-right: 1px solid #BFBFBF;
}
div#profile_links_container a:link {text-decoration: none; color: #0B60B8; display: block; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
div#profile_links_container a:visited {text-decoration: none; color: #0B60B8; display: block; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
div#profile_links_container a:hover {text-decoration: underline; color: #0B60B8; display: block; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}
div#profile_links_container a:active {text-decoration: underline; color: #0B60B8; display: block; font-family: Arial, Hevetica, sans-serif; font-size: 90%;}

#colleagues_links_container {	
	width: 138px;
	height: 56px;
	padding-left: 10px;
	padding-right: 0px;
}
								
div#colleagues_links_container a:LINK {	
	background-color: #EEEEEE;
	width: 127px;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	text-decoration: none; 
	color: #0B60B8; 
	display: block;
	padding-left: 10px;
	height: 18px;
	font-family: Arial, Hevetica, sans-serif; 
	font-size: 90%;
}
div#colleagues_links_container a:VISITED {	
	background-color: #EEEEEE;
	width: 127px;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;	
	text-decoration: none; 
	color: #0B60B8; 
	display: block;
	padding-left: 10px;
	height: 18px;
	font-family: Arial, Hevetica, sans-serif;
	font-size: 90%;
}
div#colleagues_links_container a:HOVER {
	width: 127px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background: #E9E9E9 url(../images/arrow-black.gif) no-repeat scroll top left;
	text-decoration: underline; 
	color: #0B60B8; 
	display: block;
	padding-left: 10px;
	height: 18px;
	font-family: Arial, Hevetica, sans-serif; 
	font-size: 90%;
}

div#colleagues_links_container a:ACTIVE {
	background-color: #FFFFFF;
	width: 127px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background: #FFFFFF url(../images/arrow-black.gif) no-repeat scroll top left;
	text-decoration: none; 
	color: #0B60B8; 
	display: block;
	padding-left: 10px;
	height: 18px;
	font-family: Arial, Hevetica, sans-serif; 
	font-size: 90%;
}

#colleagues_container	{
	width: 152px;
	height: 218px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	background: #FFFFFF url(../images/colleagues_background.jpg);
	float: left;
	padding-left: 10px;
	overflow: hidden;
}
						
#forum_view				{
	float: left;
	width: 371px;
	height: 182px;
	border: 1px solid #BFBFBF;
	background: url(../images/forum_background.jpg);
	margin-top: 10px;
	overflow: auto;
	padding-left: 10px;
}
						
#search_container		{
	float: left;
	width: 381px;
	height: 24px;
	border: 1px solid #BFBFBF;
	background: url(../images/search_background.gif);
	margin-top: 10px;
}
						
#username	{margin: 0px; padding: 0px; color: #FFFFFF; vertical-align: 50%; font-weight: bold;}
.brightblue {vertical-align: 50%; color: #509BEE; font-weight: bold;}
a.auth_action:link{margin: 0px; padding: 0px; color: #FFFFFF; vertical-align: 50%; font-weight: bold; text-decoration: none;}
a.auth_action:VISITED {margin: 0px; padding: 0px; color: #FFFFFF; vertical-align: 50%; font-weight: bold; text-decoration: none;}
a.auth_action:HOVER {
	margin: 0px; padding: 0px; color: #FFFFFF; vertical-align: 50%; font-weight: bold; text-decoration: underline;
}
a.auth_action:ACTIVE {
	margin: 0px; padding: 0px; color: #FFFFFF; vertical-align: 50%; font-weight: bold; text-decoration: none;
}

.mini_forum {
	margin-top: 10px;
    margin-left: 10px;
    padding-left: 0;
    list-style: none;
    }
	
.mini_forum li {	
    padding-left: 14px;
    background-image: url(../images/arrow-red.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    width: 100%;
    overflow: hidden;
    }

html[xmlns] .mini_forum {
    padding-left: 2em;
    }

html[xmlns] .mini_forum li {
    background: none; /* undo the background-image */
    list-style-image: url(../images/arrow-red.gif);
    padding: 0;
    }
    
#search_textbox {width: 164px; border: #BFBFBF;}
#member_search_textbox {width: 164px; border: #BFBFBF;}
#search {margin: 0px; padding: 0px; display: inline;}
.search_modifier {margin: 0px; padding: 0px; vertical-align: middle;}
.searchbox {margin: 0px; padding: 0px; vertical-align: middle;}

#toolsNavHorizontal {
	text-align: center;
	margin-top: 30px;
	float: left;
	width: 715px;
}

div#toolsNavHorizontal a {
	border-left: 1px solid #999999;
	padding-left: 5px;
	padding-right: 3px;
}

div#toolsNavHorizontal a:LINK {
	color: #000000;
	text-decoration: none;
}
div#toolsNavHorizontal a:VISITED {
	color: #000000;
	text-decoration: none;
}
div#toolsNavHorizontal a:HOVER {
	color: #0B60B8;
	text-decoration: underline;
}
div#toolsNavHorizontal a:ACTIVE {
	color: #0B60B8;
	text-decoration: underline;
}
#subToolsNavHorizontal {
	text-align: left;
	margin-top: 15px;
	margin-bottom: -10px;
	padding-left: 5px;
	float: left;
}
div#subToolsNavHorizontal a {
	border: 1px solid #999999;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 2px;
	color: #FFFFFF;
	background-color:  #0B60B8;
}
div#subToolsNavHorizontal a:VISITED {
	color: #FFFFFF;
	text-decoration: none;
}
div#subToolsNavHorizontal a:HOVER {
	color: #000000;
	text-decoration: none;
	background-color: #EEEEEE;
}
div#subToolsNavHorizontal a:ACTIVE {
	color: #000000;
	text-decoration: none;
	background-color: #EEEEEE;
}

#main_content {
	float: left;
	width: 705px;
	border: 1px solid #BFBFBF;
	margin-top: 10px;
	background-color: #EEEEEE;
	padding: 5px;
	margin-bottom: 30px;
	/*content max size is 675px*/
}
div.sub_main_content {
	position: relative;
	float: left;
}
div.sub_main_content_section {
	position: relative;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: -6px;
}





#right_container {float: left; width: 758px; background-color: #FFFFFF; margin: 0px; padding-left: 31px;}
#left_padded_container {float: left; background-color: #999999; width: 949px;}
#header {width: 960px}
#footer_content {background: #BFBFBF url(../images/footer_shadow.jpg) repeat-x top left;}
#footer_cap {width: 100%; height: 22px; float: left;}
#middle_container {width: 960px; padding-left: 11px;}

/*had to write it this way to increase its specificity so it would win out over others*/
div#colleagues_links_container a#top_option.colleagues_selected {
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background: #E9E9E9 url(../images/arrow-black.gif) no-repeat scroll top left;
	text-decoration: underline; 
	color: #0B60B8; 
}

div#colleagues_links_container a#middle_option.colleagues_selected {
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background: #E9E9E9 url(../images/arrow-black.gif) no-repeat scroll top left;
	text-decoration: underline; 
	color: #0B60B8; 
}

div#colleagues_links_container a#bottom_option.colleagues_selected {
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background: #E9E9E9 url(../images/arrow-black.gif) no-repeat scroll top left;
	text-decoration: underline; 
	color: #0B60B8; 
}

#search_results_container {
	width: 675px;
	background-color: #FFFFFF;
	margin-top: 10px;
	border: 1px solid #A9A9A9;
	margin-left: 10px;
}
#search_results_picture_container {
	height: 101px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	padding-left: 10px;
}

#search_results_picture {
	border: 1px solid #A9A9A9;
	height: 101px;
	width: 115px;
}

#search_results_text {
	float: left;
	width: 530px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#secondSubToolsNavHorizontal {
	display: block;
	margin-top: -5px;
}

#secondSubToolsNavHorizontal a {
	display: inline-block;
	background: transparent url(../images/search_background.gif) repeat-x;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 23px;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 20px;
}

#secondSubToolsNavHorizontal a:hover {
	display: inline-block;
	background: #DCDCDC;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 23px;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 20px;
	text-decoration: none;
}

div.messageBoxMessage {
	width: 80%;
	display: block;
	border: 2px solid #006600;
	text-align: center;	
}

div.messageBoxNotice {
	width: 80%;
	display: block;
	border: 2px solid #DD9900;
	text-align: center;	
}

div.messageBoxError {
	width: 80%;
	display: block;
	border: 2px solid #DD0000;
	text-align: center;	
}