@import "starter.css";

page {
background-color: #cceeff;
}

body {
	margin: 30px 0px 0px 0px;
		background-color: #cceeff;
	background: url(images/pagebg3a.jpg) no-repeat scroll top left;

        	text-align: left;
        
	}
p,ul,li {
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
	margin-bottom: 15px;
	}

a {
	text-decoration: underline;
	
	
	}

a:link {
	color: #660000;
	text-decoration: underline;
	}

a:visited {
	color: #000033;
	text-decoration: underline
	}

a:active {
	color: #660000;
	}

a:hover {
	color: #000033;
      text-decoration:none;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

.li1
{
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
    LIST-STYLE-POSITION: outside;
    LIST-STYLE-IMAGE: url(images/li1.gif);
}

.li2	{
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
    LIST-STYLE-POSITION: outside;
    LIST-STYLE-IMAGE: url(images/li2.gif);
}



#logo  {
	PADDING: 0;
	MARGIN:0;
	background: url(images/logored.gif) no-repeat scroll;
	width: 200px;
	height:260px;
	float:left
	}


#container {
	line-height: 140%;
	text-align: left;
	margin: 250px auto 0px 0px;
	width: 750px;
	border: 0px;
	float:left;
	}


#banner-img {
	display: none;
	}


#banner a {
	color: #660000;
	}

#banner h1 {
	font-size: xx-large;
	
	
display:none;
	
	}

#banner h2 {
	color: #660000;
	display:none;
	}

#center {
	float: left;
	width: 500px;
	overflow: hidden;
	}
#fullcenter {
	float: left;
	width: 745px;
	overflow: hidden;
	}

.content {
	padding: 0px 15px 5px 15px;
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	}

.featureimage	{
	padding:2px;
	border:solid #fff 1px;
	text-align:center;
}


#right {
	float: left;
	width: 200px;
	opacity: 0;
	overflow: hidden;
	}
#right a {
     color: #330000;
       }
#right .content h1  {
	padding: 10px 0 0 0;
	font-color: #330000;
	font-family: Verdana, Arial, sans-serif;


}

.content h2 {
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

.content h3 {
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}




.calign	{
	text-align:center;
	font-size:1.2em;
	}
.emphasis	{
	font-weight:bold;
	}

.content blockquote {
	line-height: 150%;
	}


.sidebar {
	padding: 0px;
	}




.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}


/***********************************************************
NAVIGATION
***********************************************************/
#nav
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: right top;
    PADDING-LEFT: 0px;
    WIDTH: 748px
    
/*\*//*/
    
    width: 749px;

/**/    

    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    overflow:hidden;
    PADDING-TOP: 0px;
    HEIGHT: 20px;
    
}

* html  #nav	
{
width: 750px;
}

#nav UL
{
    PADDING: 0 0 0 0;
    MARGIN: 0px 0px 0px 5px;

    BORDER-BOTTOM: none;
    LIST-STYLE-TYPE: none;
    HEIGHT: 19px
}
#nav LI
{
    
    PADDING: 0 0 4px 0;
    FLOAT: left;
    MARGIN: 0px;
    
    BORDER-BOTTOM: medium none;
    HEIGHT: 19px
}
#nav A
{ 	
	PADDING: 0px 10px 0px 10px;
    	FONT-WEIGHT: bold;
    	FONT-SIZE: 12px;
    	float:left;

    	MARGIN: -2px 0px 8px 0px;
    	COLOR: #330000;
    	BORDER-BOTTOM: none;
    	FONT-FAMILY: helvetica, 'MS Sans Serif', Arial;
    	WHITE-SPACE: nowrap;
    	HEIGHT: 19px;
/*\*//*/
    	display:block;
/**/
    	TEXT-ALIGN: center;
    	TEXT-DECORATION: none;
}
#nav A:hover
{
    	COLOR: #990000
}

#subnav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(images/navbg2.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    POSITION: static;
    HEIGHT: 19px;
    BACKGROUND-COLOR: #112211;
    TEXT-ALIGN: left;
    BACKGROUND-: #aabbaa 1px solid
}
#subnav A
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #aabbaa;
    PADDING-TOP: 2px;
    FONT-FAMILY: helvetica, 'MS Sans Serif', Arial;
    HEIGHT: 19px;
/*\*//*/
    display:block;
    float:left;
/**/
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
#subnav A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
#subnav LI
{
    BORDER-RIGHT: #445544 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #aabbaa 1px solid;
    PADDING-TOP: 3px;
    LIST-STYLE-TYPE: none;
    POSITION: relative;
    HEIGHT: 19px
}
#subnav UL
{
    BORDER-RIGHT: #889988 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 32px;
    BORDER-LEFT: #223322 1px solid;
    PADDING-TOP: 0px
}

/* CSS for the box starts here */
	.box {
		padding:0 12px 0 0;
		background:#eebbaa url(images/borders2.gif) 100% 0 repeat-y;
	Margin: 0 0 20px 0;
	}
	.bi {
		padding:0 0 0 12px;
		background:#eebbaa url(images/borders2.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(images/box2.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(images/box2.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(images/box2.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(images/box2.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#eebbaa ;
		text-align:center;
		font:bold 20px Verdana, Arial, sans-serif;
	}
	.box h2 {
		margin:0;
		padding:0.3em 10px;
		background:#eebbaa ;
		text-align:left;
		font:bold 15px Verdana, Arial, sans-serif;
	}

	.box p, .box ul {
		margin:0;
		padding:10px;
		background:#eebbaa ;
		line-height: 1.3em;
		color: #330000;
		font-family: Verdana, Arial, sans-serif;
		font-size: small;
		font-weight: normal;
	
	
	
	}
	.box ul.inner {
		 padding:0;
	}
	.box li {
		font-size: small;
		margin:0 0 0 2em;
		padding:0;
	}

/* CSS for the box ends here */
#footer {
	FLOAT: left;
	WIDTH: 100%;
	
	MARGIN-LEFT:0;


	PADDING: 0;
	

	}

#footer p {
	TEXT-ALIGN: left;
	COLOR: #330000;
	PADDING: 0px 0px 30px 200px;
    	FONT-WEIGHT: bold;
    	FONT-SIZE: 12px;
    }