/* 
    Document   : layout.css
    Created on : Jul 6, 2009, 9:30:13 PM
    Author     : jack
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


html, body {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: white;
    background-image: url('http://www.warwickirishdancing.co.uk/watermark.png');
    background-position: 50% 0%;
    background-repeat: no-repeat;
    text-align: center;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;

}

.centralContent {
    width: 800px;
    margin: 0 auto;
    height: 800px;
}


.header {
    width: 100%;
    height: 160px;
    margin: 0 auto;
    margin-top: 10px;
    /*background-image: url('../images/banner.png');*/
}



.hclTitle {
   font-size: 75px;
   color: #bc7d23;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
   float: left;
   line-height: 140%;
   font-weight: bold;
}

.hclGeneral {
    float: right;
    margin-right: 0px;
    margin-top: 40px;
    font-size: 20px;
    color: #bc7d23;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
}

.content {
    width: 100%;
    margin-top: 15px;
    border-bottom: solid 2px gray;
    background-color: #dbdbdb;
}

.leftPicture {
    width: 400px;
    height: 300px;
    float: left;
    margin-top: 40px;
    margin-left: 25px;
    position: relative;
}

.leftPictureGap {
    width: 300px;
    height: 70px;
    float: right;
    margin-top: -260px;
    background-image: url('http://www.warwickirishdancing.co.uk/back.png');
    color: white;
    font-size: 24px;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
}

.leftPictureGapText {
    margin-top: 10px;
    margin-left: 10px;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
}

.rightContent {
    width: 340px;
    float: right;
    height: 330px;
    border-left: solid 0px #e8ad59;
    margin-top: 25px;
    margin-right: 10px;
}

.rightContentText {
    margin-left: 15px;
    width: 310px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 16px;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    line-height: 150%;
    text-align: justify;
}


.clear {
    clear: both;
}

.links {
    height: 40px;
    float: right;
    margin-top: 5px;
    font-size: 18px;
    color: #949694;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    font-weight: bold;
}

.links2 {
    height: 40px;
    width: 100%;
    font-size: 16px;
    color: #949694;

}



.leftContent {
    width: 300px;
    float: left;
    margin-top: 40px;
    margin-left: 25px;
        font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    text-align: left;
}

a:link {
    color: gray;
    text-decoration: none;
}

a:visited {
    color: gray;
    text-decoration: none;
}

a:hover {
    color: white;
    text-decoration: none;
}

a:active {
    color: #f3af41;
    text-decoration: none;
    border: 0;
}





/* NEW STUFF */

.contentBox {
    width: 100%;
}

.rightPictureBox {
    width: 470px;
    float: right;
    background: url('http://www.warwickirishdancing.co.uk/grayback.png');
}

.leftBox {
    width: 320px;
    float: left;
    background: url('http://www.warwickirishdancing.co.uk/orangeback.png');
}

.leftPictureBox {
    width: 470px;
    float: left;
    background: url('http://www.warwickirishdancing.co.uk/grayback.png');
}

.rightBox {
    width: 320px;
    float: right;
    background: url('http://www.warwickirishdancing.co.uk/greenback.png');
}

.textBox {
    width: 290px;
    margin-left: 15px;
    margin-top: 15px;
    color: white;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    text-align: left;
    font-size: 17px;
    margin-bottom: 15px;
    line-height: 140%;
}

.imageBox {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    margin-top: 45px;
}

.latestBox {
    text-align: left;
    color: white;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    margin-top: -310px;
    width: 220px;
    height: 25px;
    float: right;
    background: url('http://www.warwickirishdancing.co.uk/greenback.png');
    display: block;
    z-index: 100;
    line-height: 130%;
    position: relative;
}

.latestBoxT {
    text-align: right;
    color: gray;
    font-size: 14px;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    margin-top: -335px;
    width: 220px;
    height: 25px;
    float: right;
    display: block;
    z-index: 100;
    line-height: 130%;
    margin-right: 10px;
    font-weight: bold;
}


/* Used to make height minimum */
.prop {
    height: 380px;
    float: right;
}

.divider {
    height: 2px;
    border-bottom: solid 2px gray;
    width: 100%;
}

.imageContainer {
	height:309px;
    position: relative;
}

.imageContainer img {
	display:none;
    position: absolute;
    top: 0;
    left: 0;
}


/* Nav Menu */
ul#menu {
    width: 100%;
    height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    font-weight: bold;
    background: url('http://www.warwickirishdancing.co.uk/grayback.png');
    line-height: 200%;
    border-bottom: solid 2px gray;
    border-top: solid 2px gray;
    font-size: 14px;
    color: black;
    margin-top: 10px;
}

ul#menu li {
    display: block;
    float: left;
    margin: 0 0 0 5px;
}

ul#menu li a {
    height: 32px;
    text-decoration: none;
    display: block;
    float: left;
    line-height: 130%;
    padding: 8px 5px 0;
    color: #666666;
}

ul#menu li a.current {
    color: white;
    background-image: url('http://www.warwickirishdancing.co.uk/greenback.png');
}

ul#menu li a:hover {
    color: white;
    background-image: url('http://www.warwickirishdancing.co.uk/orangeback.png');
}

ul#menu li a:current hover {
    color: white;
    background-image: url('http://www.warwickirishdancing.co.uk/greenback.png');
}

.pageTitle {
    line-height: 150%;
    font-size: 34px;
    color: #666666;
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}


.cat {
    width: 100%;
    margin-top: 10px;
}

.catHeader {

}

.catContents {
    display: none;
    font-size: 14px;
    margin-left: 15px;
}



.catHeader a:link {
    color: white;
    text-decoration: none;
}

.catHeader a:visited {
    color: white;
    text-decoration: none;
}

.catHeader a:hover {
    color: white;
    text-decoration: underline;
}

.catHeader a:active {
    color: white;
    text-decoration: none;
}

.catContents a:link {
    color: white;
    text-decoration: none;
}

.catContents a:visited {
    color: white;
    text-decoration: none;
}

.catContents a:hover {
    color: white;
    text-decoration: underline;
}

.catContents a:active {
    color: white;
    text-decoration: none;
}


.contactUs {
    width: 80%;
    margin: 0 auto;
}

.contactUs p {
    width: 100%;
    float: left;
    margin-top: 0px;
}

.contactUs p label {
    float: left;
    width: 130px;
    text-align: left;
    line-height: 150%;
    color: #666666;
    font-weight: bold;
}

.contactUs p input[type="text"] {
    width: 200px;
    margin-left: 10px;
    border: solid 1px gray;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    height: 25px;
    line-height: 200%;
    float: right;
}

.contactUs p textarea {
    width: 200px;
    margin-left: 10px;
    height: 100px;
    border: solid 1px gray;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    float: right;
}

.contactUs p input[type="text"]:focus {
    border: solid 1px gray;
    background-color: #ece1bc;
    color: black;
}

.contactUs p textarea:focus {
    border: solid 1px gray;
    background-color: #ece1bc;
    color: black;
}

.contactUs p input[type="submit"] {
    width: 60px;
    height: 30px;
    float: right;
    border: solid 1px gray;
    background-color: #ece1bc;
    font-weight: bold;
}

.contactUs p input[type="submit"]:hover {
    background-color: #efaa3a;
    color: white;
}


.newsHeader {
    font-size: 38px;
    float: left;
    height: auto;
    line-height: 100%;
}

.newsBody {
    margin-top: 0px;
    font-size: 18px;
    float: left;
    height: auto;
    line-height: 150%;
}

.newsDate {
    width: 60px;
    border: solid 2px white;
    height: 60px;
    float: right;
    text-align: center;
    line-height: 100%;
}

.newsDay {
    font-size: 36px;
    margin-top: 10px;
}

.newsMonth {
    font-size: 18px;
    margin-top: 10px;
}

.noHigh a:link {
    color: white;
}

.noHigh a:visited {
    color: white;
}

.noHigh a:hover {
    color: orange;
    text-decoration: none;
}

.noHigh a:active {
    color: white;
    text-decoration: none;
}


.latestBox a:link {
    color: white;
}

.latestBox a:visited {
    color: white;
}

.latestBox a:hover {
    color: white;
    text-decoration: none;
}

.latestBox a:active {
    color: white;
    text-decoration: none;
}

.searchResult a:link {
    color: gray;
}

.searchResult a:visited {
    color: gray;
}

.searchResult a:hover {
    color: gray;
    text-decoration: none;
}

.searchResult a:active {
    color: gray;
    text-decoration: none;
}

.searchResultHeader a:link {
    color: black;
}

.searchResultHeader a:visited {
    color: black;
}

.searchResultHeader a:hover {
    color: black;
    text-decoration: none;
}

.searchResultHeader a:active {
    color: black;
    text-decoration: none;
}


.forSale a:link {
    color: black;
}

.forSale a:visited {
    color: black;
}

.forSale a:hover {
    color: gray;
    text-decoration: none;
}

.forSale a:active {
    color: black;
    text-decoration: none;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }

.heightProp {
    float: right;
    width: 0px;
}


.details th {
    background-color: #c6c6c6;
    vertical-align: top;
    width: 120px;
    text-align: left;
    padding: 2px;
    color: gray;
}

.details tr {
    padding: 2px;
    border-bottom: solid 1px gray;
}

.details td {
    padding-left: 5px;
    font-size: 14px;
}

.details {
    background-color: #d9d9d9;
    border: solid 1px gray;
    width: 100%;
    font-family:'Segoe UI',Arial,Verdana,Helvetica,sans-serif;
}