@import url(http://fonts.googleapis.com/css?family=Open+Sans);


* {
	margin:0px auto;}

/* B O D Y 
----------------------------------------------------------------------------------------*/

body {
	color: #575c7a;
	line-height:1.5em;
	font-family:'Open Sans', Arial;
	font-size:14px;
	background-color:#d0d0d0;
	text-decoration:none;}


#page {
	max-width:960px;
	width:100%;
	background-color:white;}


/* H E A D E R   I M A G E 
----------------------------------------------------------------------------------------*/

header {
  	margin:0px auto;
  	padding:0px;
  	height:130px;
	border:2px solid white;
	border-bottom:none;
	max-width:956px;
	width:100%;}
  
  	
/* N A V I G A T I O N 
----------------------------------------------------------------------------------------*/

.nav {
	background-color:black;
	width:956px;
	margin:0 auto;
	text-align:left;
	font-size:0.9em;
	border-right:2px solid white;
	border-left:2px solid white;}
	

.nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:5px;}

	
.nav ul li {
	display:inline-block;	
	color:rgb(200,0,0);
	padding-right:30px;}


.nav ul li .current {
	color:rgb(200,0,0);}


.nav ul li a:hover {
	color:rgb(200,0,0);}


.nav ul li a,visited {
	color:white;
	display:block;
	padding:15px;
	text-decoration:none;}


.nav a:hover {
	color:rgb(200,0,0);
	text-decoration:none;}


.nav ul li:hover ul {
	display:block;
	color:rgb(200,0,0);}


.nav ul ul {
	display:none;
	position:absolute;
	background-color:black;
	margin:0;
	width:180px;
	text-align:left;
	font-size:0.8em;
	color:white;}


.nav ul ul li {
	display:block;
	border-bottom:1px dotted white;}

	
.nav ul ul li a, visited {
	color:white;}


.nav ul ul li a:hover {
	color:rgb(200,0,0);}


.nav span {
	float:right;
	padding:15px;}


.nav span .search {
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	margin-right:5px;}


.nav span .go {
	background-color:rgb(200,0,0);
	border:none;
	color:white;
	font-weight:bold;
	border-radius:5px;
	font-family:'open sans';}


.nav span .go:hover {
	background:linear-gradient(to bottom, rgb(224,224,224) 5%, rgb(224,224,224) 100%);
    background-color:rgb(224,224,224);
	cursor: pointer;}




/* H E A D E R   S T Y L E S
----------------------------------------------------------------------------------------*/

h1 {
	font-size:2.2em;
	font-weight:normal;
	color:rgb(200,0,0);
	margin:0 auto;
	font-variant:small-caps;
	padding-bottom:15px;
	max-width:100%;}


h1 a {
	float:right;
	margin-right:30px;}


h1 span {
	font-style:normal;
	font-size:0.6em;}


h2 {
	font-size:1.8em;
	margin:0;
	color:black;
	font-weight:normal;
	font-variant:small-caps;}


h3 {
	font-size:1.5em;
	margin:0 0 1em 0;}


/* A R T I C L E
----------------------------------------------------------------------------------------*/

article {
	width:960px;
	padding:20px 20px 10px 20px;
	overflow:auto;}


article a {
	color:rgb(200,0,0);
	text-decoration:none;}

article a:hover {
	color:#7F1919;}

article .one {
	width:450px;
	float:left;}

	
article .two {
	width:450px;
	float:right;
	margin-bottom:35px;
	text-align:center;
	margin-right:30px;}

	
article p {
	text-align:justify;}


article .list {
	list-style-type:none;
	margin:0 auto;
	width:410px;
	columns: 2;
  	-webkit-columns: 2;
  	-moz-columns: 2;}

  
article strong {
	color:rgb(200,0,0);}

article h1 div {
	font-size:0.6em;
	float:right;
	margin-left:2px;
	color:black;}

article h1 div:hover {
	color:rgb(200,0,0);
	font-size:0.8em;}

article h1 span {
	color:rgb(200,0,0);
	font-size:1em;}


	
/* H O M E   I M A G E S
----------------------------------------------------------------------------------------*/

.images {
	text-align:center;
	margin:10px;
	display:block;}


.images span {
	padding-left:30px;
	padding-right:30px;}


/* F O O T E R
----------------------------------------------------------------------------------------*/

footer {
	max-width:956px;
	background-color:black;
	color:white;
	font-size:0.8em;
	padding:12px;
	text-align:left;
	border-left:2px solid white;
	border-right:2px solid white;
	border-bottom:2px solid white;
	height:20px;}

	
footer .social {
	float:right;
	display:inline-block;
	color:black;}


footer .social a {
	margin-right:10px;
	color:black;}

footer .social a img {
	height:20px;}


footer .social a:hover {
	opacity: 0.5; 
	filter: alpha(opacity=30);}


.foot {
	background-color:#d0d0d0;
	color:black;
	height:40px;
	font-size:0.8em;
	text-align:center;}


/* T A B L E T
----------------------------------------------------------------------------------------*/

@media screen and (max-width:959px) {}


/* P H O N E 
----------------------------------------------------------------------------------------*/

@media screen and (max-width:640px){}


@media screen and (max-width:320px){}

/*

<link rel="stylesheet" type="text/css" media="only screen and (min-width:50px) and 
	(max-width:500px)" href="css/layout_small.css" />
	<link rel="stylesheet" type="text/css" media="only screen and (min-width:501px) and 
	(max-width:800px)" href="css/layout_medium.css" />
	
--*/