/*----------------------------------------------------------
The base color for this template is Black. If you'd like
to use a different color start by replacing all instances of
Black with your new color.
----------------------------------------------------------*/
body
{
	background-color: #010D1B;
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 30px 0 30px 0;
	padding: 0;
	color: #696969;
}


.test
{
    color: #034af3;
    text-decoration: underline;
    cursor:hand;
}

.lawHeader
{
    color: #034af3;
    text-decoration: underline;
    cursor:hand;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
    cursor:hand;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
	font-family: 'Trebuchet MS', 'Times New Roman' , Times, serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
	padding: 0 0 10px 0;
	color: #666666;

}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

hr
{
	color: #336699;
	width: 880px;
	height: 2px;
}
	
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	padding: 7px;
	border: 14px solid #C0C0C0;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #FFFFFF;
}

#header
{
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0 0px 0 0;
	
}

div#logo
{
	font-weight: bold;
	font-size: 24px !important;
	padding: 15px 0 20px 0px;
	margin: 0;
	color: #666666;
	border: none;
	font-family: 'Times New Roman' , Times, serif;
	text-align: center;
	vertical-align: middle;
	width: 880px;
}


#logo a
{
	color: #003366;
	text-decoration: none;
	font-size: 26px;
	font-family: 'Lucida Bright';
	font-variant: small-caps;
}

.TopHeader
{
	font-family: Arial;
	font-size: 10px;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #336699;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-bottom: 2px;
}

.pictures
{
	width: 100%;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 50px;
	padding-bottom: 20px;
	vertical-align: middle;
	text-align: center;
}
 
 .pictureLinks
 {
 	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
width: 100%; 
 		padding-top: 10px; 
 		padding-bottom: 20px; 
 		height: 300px;
}
 	
#main
{
  min-height: 800px;
    background-color: #FFF;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}



.contactUs
{
	float: right;
	
	font-family: 'Trebuchet MS';
	color: #333333;
}

#footer
{

	font-family: Arial;
	font-size: 12px;
	margin-top: 10px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #336699;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 2px;
}

#footer p
{
    padding: 5px 0;
    margin: 0;
    font-size: .9em;
}

ul#footermenu
{
	
}

ul#footermenu li
{
	display: inline;
	list-style: none;
	padding-left: 20px;
}

ul#menu a
{
	padding: 10px 10px;
	text-decoration: none;
	color: #FFFFFF;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	border-bottom: 1px Black solid;
	padding: 0 0 2px;
	position: relative;
	margin: 0;
	text-align: center;
	background-color: #003366;
}



ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li a
{
	padding: 10px 25px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	background-color: #003366;
	color: #FFFFFF;
}

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

ul#menu li a:active
{
   
    text-decoration: underline;
}

ul#menu li.selected a
{
    background-color: #FFF;
    color: #000;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

#leftcolumn { width: 600px; float: left; padding: 20px 5px 5px 20px;}
#rightcolumn {  float: right; padding: 20px 15px 5px 0px;}