/* GENERAL ELEMENTS */



.clear
{
clear:both;
}

.left50
{
float:left;
width:50%;
}

.right50
{
float:right;
width:49%;
}

.left80
{
float:left;
width:80%;
}

.right20
{
float:right;
width:19%;
}

.left20
{
float:left;
width:20%;
}

.right80
{
float:right;
width:79%;
}

.sidebar
{
border-right:2px dashed #eee;
}


.img
{
border-top:20px solid white;
border-bottom:10px solid white;
margin-bottom: 20px
}

.left_column_image
{
border-top:10px solid white;
border-bottom:10px solid white;
}

.menu_left
{
font-size: 12px;
text-decoration: none;
float:left;
width:185px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px
}


.menu_right
{
text-color: rgb(255,127,0);
font-size: 12px;
text-decoration: none;
float:right;
text-align: right
width:485px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px
}


.white_header
{
color: white;
font-size: 150%;
font-family: times;
}


.article_box
{
width:485px;
padding: 10px 12px 10px 12px;
}


.footer
{
width: 100%;
text-align: center;
padding: 10px 12px 10px 12px;
}


.article_header
{
width:485px;
background-color: rgb(200,200,200);
padding: 1px 13px 1px 12px;
}


.menu_box
{
width:100%;
border-style: solid;
border-color: rgb(255,255,255);
padding: 10px;
margin-bottom: 16px
}


.menu_header
{
width: 100%;
background-color: rgb(200,200,200);
padding: 1px 10px 1px 12px;
}


.menu_header_projects
{
width: 100%;
border-style: solid;
border-width: 3px 3px 6px 3px;
border-color: rgb(200,200,200);
background-color: rgb(200,200,200);
padding: 0px 10px 0px 10px;
}




	/* 	for a custom page width, divide your desired 
		pixel width by 13 to find em width. Multiply 
		that value by 0.9759 for IE via *width. For 
		example, this is a 600px page-width:		*/

	#doc {
		margin:auto;text-align:left;
		width:57.69em;/* !IE */*width:56.30em;/*IE*/
   		min-width:750px;}

.style1 {
color: rgb(255,127,0);
font-size: 10px;
text-decoration: none;
}


.style4
{
color: #00A0C6;
font-size: 18px;
font-weight: bold;
}


.style6 {color: #00A33D; font-size: 18px; font-weight: bold;
}


.style8
{
color: #00A33D;
font-size: 16px;
text-decoration: none;
}


.style9
{
color: #00A33D;
text-decoration: none;
}

.style10 
{
color: rgb(41,170,226);
font-weight:bold;
font-size: 14px;
font-family: times;
}









/* FONTS */

a 
{
color: #FF7F00;
text-decoration: none;
}


a:hover 
{
text-decoration: none;
color: rgb(47,128,195);
}


h1
{
font-size:150%;
color: #000000;
letter-spacing:-1px;
}

h2
{
font-size:120%;
color: rgb(140,140,140);
font-weight:bold;
letter-spacing:-1px;
}

h2 a
{
color: #FF7F00;
font-weight:bold;
letter-spacing:-1px;
}

h2 a:hover
{
color: rgb(41,170,226);
font-weight:bold;
letter-spacing:-1px;
}





/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}