/* ///////////////////// basic elements /////////////// */

body 
{
margin:0;
padding:0;
background:url(http://www.thecuckoofarm.com/cuckoo/photo/cam.jpg) left center;
background-color:#003366;
color:#ffffff;
text-align:center;
}

a:link    {color:#cccccc; background-color:transparent; text-decoration:none}
a:visited {color:#cccccc; background-color:transparent; text-decoration:none}
a:hover   {color:#ffcc00; background-color:transparent; text-decoration:underline}
a:active  {color:#acacac; background-color:transparent; text-decoration:underline}

hr
{
width:65%;
}

/* //////////////////////////////// layout ///////////////// */

.wrapper
{
margin-left:auto;
margin-right:auto;
width:98%;
max-width:1280px;
}

.content
{
margin-left:auto;
margin-right:auto;
}

/* ///////////////////////////////// header ///////////////// */

header
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:0px;
width:99%;
max-width:1280px;
background-color:black;
border-color:#aaaaaa;
border-style:groove;
border-bottom-style:none;
border-width:2px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

header img
{
border-style:none;
width:100%;
height:100%;
}

/* ////////////////////////////////// navbar ///////////////// */

.navborder
{
margin-left:auto;
margin-right:auto;
border-color:#aaaaaa;
border-style:groove;
border-width:2px;
width:99%;  
max-width:1280px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

nav 
{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
height:auto;  
width:100%;
max-width:1280px;  
background-color:#666666; 
font-size:11pt;  
font-family:'PT Sans', Arial, sans-serif;  
font-weight:bold;  
position:relative; 
}

nav ul
{  
padding:0px;  
margin:auto; 
width:100%; 
max-width:1280px;  
height:38px;    
}

nav li
{
display:inline; 
float:left;
width:12%;
}

nav a:link
{  
color:#ffffff;  
display:inline-block;  
width:100px;  
text-align:center;  
text-decoration:none;  
line-height:34px;  
text-shadow:1px 1px 0px #283744;   
}  

nav li a 
{  
}  
 
nav a:hover,a:active{background-color:#555555;}

nav a#pull
{  
display:none;  
}     

.clearfix:before,  
.clearfix:after 
{  
content: " ";  
display:table;  
}
  
.clearfix:after 
{  
clear:both;  
}
  
.clearfix 
{  
zoom:1;  
}  

    @media screen and (max-width: 965px) {  
        nav {height: auto;}  
        nav ul {width: 100%; display: block; height: auto;}  
        nav li {width: 25%; float: left; position: relative;}  
        nav li a {border-bottom: 1px solid #576979; border-right: 1px solid #576979;}  
        nav a:link {text-align: left; width: 100%; text-indent: 25px;}  
        nav {border-bottom: 0;}  
        nav ul {display: none; height: auto;}  
        nav a#pull {display: block; background-color: #283744; width: 100%; position: relative;}  
        nav a#pull:after {content:"";  width: 30px; height: 30px; 
			  display: inline-block; position: absolute; right: 15px; top: 10px;}  }

    @media screen and (max-width: 638px) {  
        nav {height: auto;}  
        nav ul {width: 100%; display: block; height: auto;}  
        nav li {width: 33%; float: left; position: relative;}  
        nav li a {border-bottom: 1px solid #576979; border-right: 1px solid #576979;}  
        nav a:link {text-align: left; width: 100%; text-indent: 25px;}  
        nav {border-bottom: 0;}  
        nav ul {display: none; height: auto;}  
        nav a#pull {display: block; background-color: #283744; width: 100%; position: relative;}  
        nav a#pull:after {content:""; background: url('nav-icon.png') no-repeat; width: 30px; height: 30px; 
			  display: inline-block; position: absolute; right: 15px; top: 10px;}  } 

    @media screen and (max-width: 478px) {  
        nav {height: auto;}  
        nav ul {width: 100%; display: block; height: auto;}  
        nav li {width: 50%; float: left; position: relative;}  
        nav li a {border-bottom: 1px solid #576979; border-right: 1px solid #576979;}  
        nav a:link {text-align: left; width: 100%; text-indent: 25px;}  
        nav {border-bottom: 0;}  
        nav ul {display: none; height: auto;}  
        nav a#pull {display: block; background-color: #283744; width: 100%; position: relative;}  
        nav a#pull:after {content:""; background: url('nav-icon.png') no-repeat; width: 30px; height: 30px; 
			  display: inline-block; position: absolute; right: 15px; top: 10px;}  } 

/* ///////////////////////////// maintenance ///////////////// */

.maint 
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:5px;
width:100%;
max-width:1280px;
height:auto;
background-color:#cc0000;

font-size:12pt;
line-height:13pt;
text-align:center;
font-weight:bold;
border-width:1px;
border-style:groove;
border-color:#aaaaaa;
font-family:arial;
color:#ffffff
}

.maint h1
{
padding-bottom:0px;
font-size:18pt;
line-height:16pt;
text-align:center;
font-weight:bold;
font-family:arial;
color:#ffffff
}

/* ////////////////////////////// social bar ///////////////// */

.fb-share-button
{
vertical-align:top;
}

.social 
{
vertical-align:top;
font-size:13pt; 
font-weight:bold; 
font-family:arial; 
color:white;
display:inline-block;
max-width:480px; 
margin-left:10px;
margin-right:150px;
margin-top:20px;
margin-bottom:20px;
}

@media (max-width: 1025px) { .social { margin-right: 75px; } }
@media (max-width: 810px) { .social { margin-right: 20px; } }
@media (max-width: 630px) { .social { margin-left: auto; margin-right: auto; margin-top:15px;margin-bottom:5px;} }

/* ////////////////////////////// search bar ///////////////// */

.search 
{
vertical-align:top;
font-size:13pt; 
font-weight:bold; 
font-family:arial; 
color:white;
display:inline-block;
max-width:480px; 
margin-left:150px;
margin-right:10px;
margin-top:20px;
margin-bottom:0px;
}

@media (max-width: 1025px) { .search { margin-left: 75px; } }
@media (max-width: 810px) { .search { margin-left: 20px; } }
@media (max-width: 630px) { .search { margin-right: auto; margin-left: auto; margin-top:15px; margin-bottom:15px;} }


  .gsc-control-cse {
    font-family: verdana;
    border-color: #FFFFFF;
    background-color: rgba(100, 100, 100, 0.0);
  }
  .gsc-control-cse .gsc-table-result {
    font-family: verdana;
  }
  .search input.gsc-input {
    border-color: #BCCDF0;
    width:175px;
  }
  .search input.gsc-search-button {
    border-color: #336699;
    background-color: #E9E9E9;
  }
  .search td.gsc-clear-button {
    display: none !important; 
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gsc-tabHeader.gsc-tabhActive {
    background-color: #E9E9E9;
    border-top-color:  #FF9900;
    border-bottom-color: #E9E9E9;
    border-right-color: #E9E9E9;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #006699;
  }
  .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result.gsc-promotion:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-       imageResult a.gs-title:link b  {
    color: #9FC5E8;
  }
  .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-    		title:visited, .gs-imageResult a.gs-title:visited b {
    color: #663399;
  }
  .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover,     	.gs-imageResult a.gs-title:hover b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active,     .gs-imageResult a.gs-title:active b {
    color: #0000CC;
  }
  .gsc-cursor-page {
    color: #9FC5E8;
  }
  a.gsc-trailing-more-results:link {
    color: #9FC5E8;
  }
  .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    color: #EEEEEE;
  }
  .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #00FFFF;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #00FFFF;
  }
  .gs-webResult div.gs-visibleUrl-short  {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long  {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #006699;
    color: #9FC5E8;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
    color: #663399;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #CFE2F3;
  }
  .gsc-completion-title {
    color: #9FC5E8;
  }
  .gsc-completion-snippet {
    color: #EEEEEE;
  }
  .gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link  {
    color: #0000FF;
  }
  .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
    color: #663399;
  }
  .gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover  {
    color: #0000FF;
  }
  .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
    color: #0000FF;
  }
  .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-  	right * {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short  {
    color: #008000;
  }
 
/* //////////////////////////////// main ///////////////// */

.main
{
vertical-align:top;
display:inline-block;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:10px;
width:80%;
background-color:#24336e;
font-size:14pt;
line-height:18pt;
text-align:center;
color:#ffffff;
font-weight:normal;
border-width:2px;
border-style:groove;
border-color:#aaaaaa;
border-radius:5px;
font-family:arial;
}

.title
{
margin-top:40px;
margin-bottom:35px;
}

.main h1
{
font-size:30pt;
line-height:40pt;
}

.title .subtitle
{
font-size:22pt;
line-height:28pt;
}

.photo
{
text-align:center;
vertical-align:top;
display:inline-block;
margin-left:auto;
margin-right:auto;
margin-top:25px;
margin-bottom:25px;
width:44%;
padding:0px;
}

.image-a
{
margin-left:auto;
margin-right:auto; 
width:275px;
height:275px;
border-style:solid;
border-width:2px;
border-radius:5px;
}

.image-b
{
margin-left:auto;
margin-right:auto; 
width:275px;
height:275px;
border-style:solid;
border-width:2px;
border-radius:5px;
}

.spec
{
vertical-align:top;
display:inline-block;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:25px;
padding:0px;
text-align:left;
width:45%;
}

.spec p
{
margin-left:20px;
margin-right:auto;
font-weight:bold;
font-size:14pt;
line-height:18pt;
text-align:left;
max-width:350px;
}

@media screen and (max-width: 638px) { .spec { width: 100%;} .photo { width: 100%;} } 

h2
{
margin-left:20px;
margin-right:20px;
font-size:13pt;
line-height:16pt;
text-align:center;
font-family:"times new roman";
}	

p  
{
margin-left:30px;
margin-right:30px;
font-size:16pt;
line-height:20pt;
text-align:center;
font-family:helvetica;
}

/* //////////////////////////////// sidebar ///////////////// */

.sidebar
{
vertical-align:top;
display:inline-block;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
width:18%;
font-size:13pt;
line-height:14pt;
text-align:center;
color:#ffffff;
font-weight:bold;
font-family:arial;
}

@media (max-width: 850px) { .sidebar { width: 99%; height: auto; } .main { width: 99%; height: auto; }}

.adbody
{
margin-left:auto;
margin-right:auto;
padding:10px;
}

.ad
{
padding-bottom:5px;
}

/* ////////////////////////////////// footer ///////////////// */

footer 
{
text-align:center;
color:#ffffff;
width:100%;
margin-top:10px;
margin-bottom:10px;
display:block;
padding:0px;
}

footer p
{
font-size:12pt;
font-family:"times new roman";
font-style:italic;
}

.footer2
{
font-size:10pt;
font-family:arial;
font-style:normal;
font-weight:bold;
}

div.footer2 :link {color:#cccccc;text-decoration:none;}
div.footer2 :visited {color:#cccccc;text-decoration:none;}
div.footer2 :hover {color:#acacac;font-size:100%;}
div.footer2 :active {color:#acacac;text-decoration:underline;}

/* ////////////////////////////////// menu ///////////////// */

.menuphoto
{
text-align:center;
vertical-align:top;
display:inline-block;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
width:32%;
padding-left:0px;
}

.mcat
{
text-align:left;
font-size:18pt;
line-height:20pt;
font-family:arial;
font-style:italic;
text-decoration:underline;
}

.image-m
{
margin-left:auto;
margin-right:auto; 
border-width:2px;
border-style:solid;
width:200px;
height:200px;
border-radius:5px;
}

.msubtitle
{
font-size:16pt;
line-height:18pt;
font-family:"times new roman";
font-style:italic; 
}

.menuphoto h2
{
margin-left:20px;
margin-right:20px;
font-size:12pt;
line-height:18pt;
font-family:arial;
width:auto;
padding:0px;
}


@media  (max-width: 760px) { .menuphoto { width: 46%; height: auto; margin-top:10px;
	margin-bottom:10px;padding-left:10px;}.image-m {width:150px;height:150px;} 
	.menuphoto h2{margin-left:20px;margin-right:20px;font-size:12pt;line-height:18pt;width:auto;} }



@media  (max-width: 570px) { .menuphoto { width: 98%; height: auto; margin-top:10px;
	margin-bottom:10px;padding-left:10px;}.image-m {float:left;width:28%;height:auto;} 
	.menuphoto h2{margin-left:20px;margin-right:20px;font-size:12pt;line-height:18pt;width:auto;padding-left:50px;} }