﻿/* CSS layout */
/************************************************************ 
CSS STRUCTURAL ELEMENTS  
************************************************************/
body ,form
{
	margin: 0;
	padding: 0;
	/* letter-spacing:1px;*/
	background: #EEFFFF  url('../img/bg.png') repeat-x top; 
}
#masthead 
{
    height:148px;
     background-color: #4A88FF;
     min-width    : 600px;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
a{text-decoration:none;}
#logo 
{
	float: left;
	width: 200px;
}
#logo img
{
    border:none;
    text-decoration:none;
 }
#header 
{
	margin-left:320px;
}


#header ul#portfolio 
{
        padding: 0;
        margin: 0;
        list-style-type: none;
    } 

#header ul#portfolio li
{
    text-decoration:none;
    padding: 0;
    }
#header ul#portfolio img 
{
    height:140px;
    width: 60em;
    border : 1px solid #CCCCCC;
    padding:2px;
    background: #FFFFFF;
    }
#top_nav 
{
    background-color:#5ab1fe;
    height:50px;
}
#contentHeader
{
    	min-width: 600px;
    	height:132px;
    }
#container 
{
	min-width: 600px;
}

#left_col 
{
	width: 200px;
	float: left;
}
#right_col {
	width: 200px;
	float: right;
}
#page_content 
{
	margin-left: 200px;
	margin-right: 200px;
}
#footer
{ 
    clear: both;
    background-color: /* #F0F8FF */ #FFFFFF;
    /* background-image: url('../img/footerbg.png');
    background-position:left bottom;
    background-repeat:repeat-x;  */
    color: #CCCCCC;
    width:100%;
}

#footer_logos
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../img/dot_gray.gif) repeat-x scroll center bottom;
    height:150px;
    margin:0 auto;
    padding:25px 0 0;
    text-align:center;
    width:100%
}

.member_links
{
    margin:0 auto;
    width:100%;
    text-align:center;
    }
.member_Logosmall
{
    }
.clearBoth 
{
    clear:both;
    height:1px;
}    
#footer_indent {
display:block;
line-height:1.6em;
margin:0 auto;
padding:20px 0;
width:940px;
color:#cccccc;
}

#footer_indent p {
font-size:12px;
text-align:left;
color:#999999;
}
.floatLeft {
float:left;
}
ul#nav_footer{
float:right;
/* width:500px; */
display:list-item ; 
/* text-align:right; */
color:#c9c9c9;
}
ul#nav_footer li a{text-decoration:none; color:#ABABAB;}
#footer_logos a {
float:left;
height:60px;
margin:0 5px 10px 0px;
width:75px;
text-align:center;
}
#footer_logos img
{
    /* border:none; */
    float:left;
    height:60px;
    margin:0 5px 10px 0px; 
    width:75px;
    /* test adding padding to border images */
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:1px solid #EEEEEE;
    padding:2px;
    }

    
.sidebox_gray 
{
display:block;
margin:0 0 40px;
}

.sidebox_gray h4 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url('../img/header_sidebar_gray.gif') no-repeat scroll 0 0;
color:#111111;
font-family:Georgia;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
line-height:normal;
margin-bottom:15px;
padding:15px;
width:200px;
}

.sidebox_gray ul li.viewall a {
color:#A7A9AE;
font-style:italic;
}

.sidebox_gray ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/* background:transparent url(../img/bullet_tri.gif) no-repeat scroll 0 8px; */
line-height:1.4em;
padding:2px 2px 2px 15px;
}
.sidebox_gray ul li a {
text-decoration:none;
}

.sidebox_gray ul {
padding-left:20px;
}


/************************************************************ 
END OF SITE STRUCTURAL ELEMENTS
************************************************************/

/************************************************************
NAVIGATION AND LINKS 
************************************************************/
#menu
 {
	background: #000;		
}
		
#menu ul li a 
{
	color: #FFF;
}

#menu ul li a span.over
{
	background: #FFF;
	color: #000;
}

.menu 
{ 
			height: 45px;
			display: block;
}

.menu ul 
{
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li 
{
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 45px;
}

.menu ul li a 
{
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 155px;
			height: 45px;
			font-family: Arial;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}
.menu ul li a span 
{
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 155px;
		}
.menu ul li a span.out
{
			top: 0px;
		}
.menu ul li a span.over,.menu ul li a span.bg 
{
			/* hide */  
			top: -45px;
			}
			
/*************************************************************
END OF NAVIGATION AND LINKS
*************************************************************/


/*************************************************************
TYPOGRAPHICAL ELEMENTS fonts,links and text
*************************************************************/
 body
 {
    font-family : "Tahoma","Arial", "Helvetica", "sans-serif"; 
	font-size:0.9em;
	line-height:1.4em;
	word-spacing:1px;
 }

input 
{
	background-color:#fafcd3;
    border: solid 1px #FFC62F;   
 }
 
.input 
 {
	background-color:#fafcd3;
    border: solid 1px #FFC62F;
    font: 1em Arial,Helvetica,sans-serif;   
 } 
 
p
{
	font-family: Tahoma,Arial, Helvetica, sans-serif; 
	font-size:0.9em;
	line-height:1.6em;
	word-spacing:1px;
	text-align:left;
	color:#111111;
}

/* Start of Accordion Theme 1 */
.accordionHeader
{
    border: 1px solid #eeefff;
    color: white;
    background-color: #4A88FF;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    
}

.accordionContent
{
    background-color: transparent;
    border: 1px ridge #d9d5a3;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: #FFFFFF;
    text-decoration:none;
}
.accordionHeaderLink
{
    color: #FFFFFF;
    text-decoration:none;
}
/************************************************************
END OF TYPOGRAPHICAL ELEMENTS  
*************************************************************/
#header ul#portfolio {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

h4.contentHeader
{
  
    }

h4.SideHeaders
{  
    height:32px;
    color:#03298d;
    background: transparent url('../img/sidebarheaders.png')  no-repeat ;
    width:200px;
    }
    
h4.PostHeadings
{
     -x-system-font:none;
    font-size:22px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:normal;
    margin:0 0 0.5em;
    padding-top:0.8em;
}

.postSummary
{
    line-height:1.5em;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
     background:transparent url('../img/dot_gray.gif') repeat-x  scroll center bottom;
     margin-bottom:3em;
     padding-bottom:2em;
    }

.Doculinks
{
    text-decoration: none;
    color: #c9c9c9;
    font-size: 0.8333em;
    font-style: italic;
    font-weight: normal;
    font-family: Tahoma,Helvetica,Arial,Sans-Serif;
    list-style-type: none;
}

.Success{color:Blue;}
.Error{color:Red;}

