/* CSS Document */

/*Type elements*/
body, html {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;  line-height: 1.6em}
p {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align:justify; line-height: 1.6em}

h1 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif ;color: #fff; font-weight: bold; text-align:left; }
h2 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif ;color: #ff6600; font-weight: normal; text-align:left; }
h3 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif ;color: #3366ff; font-weight:normal; text-align:left; }
h4 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif ;color: #fff; font-weight: normal; text-align:left;}
h5 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif ;color: #ffffff; font-weight:normal; text-align:left}
h6 {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-align:justify; }
 
strong {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight:bold}
style2 {font-size: 14px; color: #FF0000;}


a:link, a:visited {
color: #fff;
text-decoration: underline;
	
}

a:hover {
color: #fff;
background: #ff6600;
text-decoration: underline; 
}

a.colourblue:link {
padding: 3px;
text-decoration: underline;
color: #3366FF;	
}
a.colourblue:active {
padding: 3px;
text-decoration: underline;
color: #3366FF;	
}
a.colourblue:visited {
padding: 3px;
text-decoration: underline;
color: #3366FF;	
}
a.colourblue:hover {

color: #fff;
background: #ff6600;
padding: 3px;
text-decoration: underline; 
}

a.colourorange:link {
padding: 3px;
text-decoration: underline;
color: #FF6600;	
}
a.colourorange:active {
padding: 3px;
text-decoration: underline;
color: #FF6600;	
}
a.colourorange:visited {
padding: 3px;
text-decoration: underline;
color: #FF6600;	
}
a.colourorange:hover {

color: #fff;
background: #ff6600;
padding: 3px;
text-decoration: underline; 
}
a.colourwhite:link {
padding: 3px;
text-decoration: underline;
color: #ffffFF;	
}
a.colourwhite:active {
padding: 3px;
text-decoration: underline;
color: #ffffFF;	
}
a.colourwhite:visited {
padding: 3px;
text-decoration: underline;
color: #ffffFF;	
}
a.colourwhite:hover {

color: #fff;
background: #ff6600;
padding: 3px;
text-decoration: underline; 
}



/*end type elements*/



body{
	background-color:#000;
	margin:0 100px;
	padding:0 200px 0 200px;
}




#container{
	background-color:#000;
	float:left;
	width:100%;	
	border-left:200px solid #000; /* The width and color of the left rail */
	border-right:200px solid #000; /* The width and color of the right rail */
	margin-left:-200px;
	margin-right:-200px;
	display:inline; /* So IE plays nice */
}
#leftRail{
	
	float:left;
	width:200px;
	margin-left:-200px;
	position:relative;
}
#center{
	float:left;
	width:100%;
	margin-right:-100%;
}
#rightRail{
	float:right;
	width:200px;
	margin-right:-200px;
	position:relative;
}
#header, #footer{
	background-color:#000;	
	margin-left:-200px;
	margin-right:-200px;
	clear:both;
}



/* navigation */

#navlist
{
background-color:#000;
margin:25px;
padding-left: 0;
margin-left: 0;
border-bottom: 1px #666;
width: 200px;
}

#navlist li
{

list-style: none;
margin: 0;
padding: 0.5em;
border-bottom: 1px solid #666;
}





#navlist li a:link { 
color: #3366ff;
padding: 2px;
text-decoration: none; 

}

#navlist li a:visited { 
color: #3366ff;
padding: 2px;
text-decoration: none; 

}



#navlist li a:hover { 
color: #fff;
background: #ff6600;
padding: 2px;
text-decoration: none; 

}


#navlistsub
{
background-color:#000;
margin:25px;
padding-left: 0;
margin-left: 0;
border-bottom: 1px #666;
width: 200px;
}

#navlistsub li
{

list-style: none;
margin: 0;
padding: 1em;
border-bottom: 1px solid #666;
}

#navlistsub li a:link, a:visited { 
color: #fff;
text-decoration: none; 

}


#navlistsub li a:hover { 
color: #fff;
text-decoration: none; 

}



/* classes */

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 

}

.article{
	margin:25px;
	margin-left: 30px;
	margin-right: 50px; 
	padding-top:0;
	overflow:hidden;
	
}
* html .article{
	height:1%; /* So IE plays nice */
}
.article p{
	margin:0;
}
.article h3{
	margin:0 -5px 0 
	padding:10px;
}

.article h6 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:justify;
	line-height: 1.6em
}


.articleContainer{
	width:100%;
	background-color:#ff6600;
	display:inline;
	float:left;
}


.articleContent{
	width:100%;
	float:right;
	margin-left:-2px;
	position:relative;
}

.style2 {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
.style3 {
	font-size: 12px;
	color: #FF6600;
}






.menu{
	border:1px solid #fff;
	margin:0px;
	padding:10px;
}