/*  Style sheet for Clashindarroch website 2009  */

* {margin:0; padding:0;}

body { color:#336633; background: #f9f9f9 url(a1.gif) top repeat-x; font-family: helvetica,arial,sans-serif; font-size: small;}

/*  Main layout styling */

#pagewidth {width:900px; background-color:#e6f0e6; margin:1em auto;}
#header { width: 100%; height:250px; padding:1em 0 0 0; background: #e6f0e6 url(headerImg1.png) top right no-repeat;}
#topnav { float:right; width:100%;}
#headerimage { width:95%; height:250px; text-align:right; margin:10px auto; border:0px solid #000;}
#slogan {margin:1em 5em; font-size:150%;}
#container { width:95%; margin:0 auto; position:relative; font-size:105%;}
#col1, #col2 {}
#col1 { width:25%; padding:1em; float:left;}
#col2 { width:65%; padding:1em; float:right;}
#col1 ul, #col2 ul {list-style-type:none; margin:0.5em 0 0.5em 3em;}

#footer { clear:both;font-size: x-small; width:100%; float:left; color:#fff; background-color:#336633;}
#design {float:right; width:20%;}
#copy {float:left; width:25%;}
#address {margin:1em 0; text-align:center;}

#appno {font-size:110%; font-weight:bold;color:#336633; text-align:center;}
#col1 h3, #col1 p, #col2 p {margin:5px;}
.boxA {background-color:#ccd9cc; width:325px;}

/*  Navigation styling */

ul a:link {color: #336633; font-weight: bold; text-decoration: none;}
ul a:visited {color: #669933; font-weight: bold; text-decoration: none;}
ul a:hover {color: #3333cc; font-weight: bold; text-decoration:underline;}
ul a:active {color: #CC3333; font-weight: bold; }

#topnav { padding:0; margin:0; margin-top:0; list-style-type:none; float:left; width:100%; color:#336633;  background-color:transparent;}
#topnav li {display: inline; float:left;}
#topnav li a {float:left; width:auto; color:#336633; background-color:transparent; padding:0.5em 1.5em; text-decoration:none; border-right:1px double #336633; text-align:center;}
#topnav li a:visited {background-color:transparent; color:#336633;}
#topnav li a:hover {color:blue;}

#navbar { float:left; width:100%; color:#fff; background-color:#336633;}
#navbar ul { list-style-type:none;}
#navbar li {display: inline; float:left;}
#navbar li a {float:left; width:auto; color:#fff; background-color:transparent; padding:0.5em 2em; text-decoration:none; border-right:1px solid #e1e2ef; text-align:center;}
#navbar a:hover { background-color:#9ab39a; color:#336633;}

#menu { text-align:left; list-style-type:none; margin-bottom:2em; width:100%; float:left;}
#menu li { color:#336633; background-color:#ccd9cc; border-bottom:2px solid #fff; width:100%; float:left;}
#menu li img { border:1px solid #000; float:left;}
#menu a:link {color:#336633; text-decoration: none; padding:0.5em; width:40%; float:right; border-right:10px solid #9ab39a;}
#menu a:visited {color:#336633; font-weight: bold; text-decoration: none;}
#menu a:hover {color:#336633; font-weight: bold; text-decoration:underline;}
#menu a:active {color:#336633; font-weight: bold; }

.menu {color: #336633c; font-weight: bold; background-color: #8efffd;}

/*  Link styling  */

#appno a {text-decoration:none; color:#336633;}
#appno a:hover {color:blue;}


/*  Misc. styling */

#inquiry, #col2 .insetBox {clear:right; float:right; width:200px; margin:1em; border:1px solid #000; font-size:85%;}
#inquiry h3, #inquiry p, #col2 .insetBox h3, #col2 .insetBox p {margin:1em;}
#col2 .insetBox { border:2px solid #f00;}

h1 { margin:3em 0 0 1em;}
h2 { color:#336633;}
h3 { background:#9ab39a; color:#fff; padding-left:1em;}
.clr { clear:both;}

#newsletter {margin:2em;}
.inset {border-color:#336633; border-width:2px; border-style:solid;}

#header, #footer, #navbar { border:0px solid #000}

/*  Individual page styling  */

.newsitem p img {float:right;}
#col2 .post p {margin:5px 0;}
#media #col2 .post_short img {float:right; margin-left:0.5em;}