﻿body
{
    padding: 0px;
    margin: 0px;
    background-image: url('Images/centralSky.jpg' );
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #1E1E1E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.centralise
{
    width: 1080px;
    height: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
}
.header
{
    width: 100%;
    height: 77px;
    padding: 0px;
    margin: 58px 0px 0px 0px;
    position: relative;
    float: left;
}
.login
{
    color: #CCCCCC;
    font-size: 12px;
    margin-left:23px;
    margin-top:5px;
}
.login a
{
    font-size: 12px;
}


/* Navigation styles start here */
#nav
{
    width: 800px;
    height:30px;
    float:right;
    position:relative;
    z-index:100;
} 
#nav ul
{
    padding: 0px;
    margin: 1px 0px 0px 0px;
    width: 100%;
    height: 30px;
}
#nav ul li
{
    float: left;
    width: 125px;
    height: 30px;
    list-style-type: none;
} 
#nav ul li a
{
    border-style: solid none none none;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-family: Tahoma;
    line-height: 30px;
    display: block;
    background-image: url(     'Images/dot.jpg' );
    background-repeat: no-repeat;
    background-position: center bottom;
    border-top-width: 1px;
    text-indent: 0px;
    border-top-color: #999999;
}
#nav ul li a:hover
{
    color: #FF3300;
    border-top-style: solid;
    border-top-color: #FF3300;
    border-top-width: 1px;
    background-image: none;
    height:30px;
}
#nav ul li ul
{
    display:none;
}
#nav ul li:hover ul {
	display:block;
	position:absolute;
	height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	width:150px;
}
#nav ul li ul li
{
    background-color: #1A3464;
    margin: 0px;
    padding: 0px;
    height: 25px;
    float: left;
}
#nav ul li ul li a
{
    font-size: 12px;
    height: 25px;
    z-index: 1000;
    margin: 0px;
    padding:0px;
    line-height:20px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    background-image: none;
    text-align: left;
    text-indent: 10px;
}
#nav ul li ul li a:hover {
	height: auto;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
}




/* content styles start here */
.contentHolder
{
    width:1023px;
    margin-top:30px;
    margin-left:25px;
    padding:0px;
    float:left;
}
.pageH1
{
    background-position: left;
    font-family: Tahoma;
    font-size: 20px;
    width: auto;
    color: #FFFFFF;
    margin-left:5px;
}
h1
{
    background-position: left center;
    font-family: Tahoma;
    font-size: 20px;
    width: auto;
    color: #FFFFFF;
    background-image: url(    'Images/4dotGrey.jpg' );
    background-repeat: no-repeat;
    text-indent: 25px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.topRow
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    color:#CCCCCC;
    background-color: #303030;
    z-index:1;
}
.header img
{
    border: 0px;
}
.topRow .header
{
    background-position: center top;
    height: 30px;
    width: 1024;
    float: left;
    background-image: url( 'Images/topRowTorn.jpg' );
    background-repeat: no-repeat;
    padding:0px;
    margin:0px;
}
.topRow .boxes
{
    border-style: none solid none none;
    width: 100%;
    border-right-width: 1px;
    border-right-color: #000000;
    float:left;
}
.topRow .boxes .dark
{
    background-color: #414141;
    height: 172px;
    width: 256px;
    border: 1px solid #000000;
}
.topRow .boxes .light
{
    border-style: solid none solid none;
    background-color: #5E5E5E;
    height: 172px;
    width: 256px;
    border-top-color: #000000;
    border-bottom-color: #000000;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.topRow .boxes h2
{
    border-style: none;
    border-width: 0px;
    font-weight: normal;
    margin:10px;
}
.topRow .content
{
    margin: 30px 20px 15px 0px;
    padding: 0px;
    text-align: left;
    color: #CCCCCC;
    width: 730px;
    float:right;
}
.topRow .contentAdmin
{
    margin: 20px 15px 60px 0px;
    padding: 0px;
    text-align: left;
    width: 990px;
    float: right;
    position:relative;
}
.topRow .content p
{
    padding: 0px;
    margin: 5px 10px 15px 0px;
}
.imageBorder
{
    border: 1px solid #858585;
    padding: 3px;
    margin: 2px;
}
.topRow .leftPanel {
    width:210px;
    float:left;
    margin-left:25px;
    margin-top:15px;
    margin-bottom:25px;
    position:relative;
}   
.topRow .leftPanel .panel
{
    background-color: #595959;
    width: 200px;
    height: auto;
    padding: 0px;
    margin:0px;
} 
.topRow .leftPanel .panel p
{
    color: #CCCCCC;
    margin-top:0px;
    margin-bottom:10px;
    margin-left:2px;
    margin-right:2px;
    padding:5px;
}
.topRow .leftPanel .panel h2
{
    border-style: none;
    border-width: 0px;
    color: #CCCCCC;
    background-color: #336699;
    padding: 3px 6px 3px 6px;
    margin: 0px;
    font-size: 14px;
}
h2
{
    font-size: 18px;
    color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
    font-weight: normal;
    
}
p
{
    padding: 0px;
    margin: 5px 10px 5px 10px;
}
ul 
{
    
}
a
{
    color: #FF3300;
    font-weight: normal;
}
.topRow .content a
{
    color: #336699;
}

.bottomRow
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 30px 0px 0px 0px;
    color:#CCCCCC;
    background-color:Black;
}
.bottomRow h2
{
    border-style: none;
    border-width: 0px;
    margin:10px;
}
.bottomRow .header
{
    background-position: center top;
    height: 30px;
    width: 1024px;
    float: left;
    background-image: url( 'Images/bottomRowTorn.jpg' );
    background-repeat: no-repeat;
    padding:0px;
    margin:0px;
}
.bottomRow .tableHolder
{
    width:984px;
    margin: 40px 20px 20px 19px;
}
.bottomRow .tableHolder .leftHolder
{
    width:240px;
    height:244px;
    padding: 0px;
    margin:0px;
    float:left;
    position:relative;
}
.bottomRow .tableHolder .rightHolder
{
    width:743px;
    height:244px;
    padding: 0px;
    margin:0px;
    float:right;
    position:relative;
}
.bottomRow .tableHolder .rightHolder .rightTop
{
    background-color: #5E5E5E;
    height: 122px;
    padding: 0px;
    margin: 0px;
    float: right;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}
.bottomRow .tableHolder .rightHolder .rightBottom
{
    background-color:#414141;
    height:123px;
    padding: 0px;
    margin:0px;
    float:right;
    width:100%;
}
.bottomRow .tableHolder .rightHolder .rightBottom .imageLeft
{
    width:244px;
    float:left;
    position:relative;
    padding: 0px;
    margin:0px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000000;
}
.bottomRow .tableHolder .rightHolder .rightTop .imageRight
{
    width:244px;
    float:right;
    position:relative;
    padding: 0px;
    margin:0px;
}
.bottomRow .tableHolder .rightHolder .rightTop .textLeft
{
    width:493px;
    height:100%;
    float:left;
    position:relative;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000000;
    margin-left:5px;
}
.bottomRow .tableHolder .rightHolder .rightBottom .textRight
{
    width: 493px;
    height: 100%;
    float: right;
    position: relative;
    margin-left:5px;
}
.bottomRow img
{
    padding: 0px;
    margin:0px;
}
.clearBoth
{
    clear:both;
}



.pageFoot
{
    width: 100%;
    height: 25px;
    background-color: #121212;
    margin-top: 15px;
    margin: 15px 30px 0px 0px;
    padding: 0px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #999999;
    line-height: 25px;
}
.pageButton
{
    margin: 6px;
    float: left;
    position: relative;
    background-color: #DDE8FF;
    text-align: center;
}
.pageButton a
{
    color: #363636;
    padding: 30px 10px 10px 10px;
    margin: 0px;
    font-size: 16px;
    text-decoration: none;
    display: block;
    width: 210px;
    height: 60px;
}
.pageButton a:hover
{
    background-color: #6699FF;
    display: block;
    color: White;
}
.smallText
{
    font-size:10px;
    color:Gray;
}
.tabs
{
    margin: 0px;
    position: relative;
    top: 1px;
    left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
}
.tab
{
    border: solid 1px grey;
    background-color: #eeeeee;
    padding: 2px 10px 5px 5px;
    margin: 0px;
}
.selectedTab
{
    background-color:White;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px grey;
    padding:10px;
    background-color:White;
    margin:0px;
}
.thumbImgHolder
{
    width:100%;
    height:auto;
    float:left;
}
.thumbImg
{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
.phone
{
    font-size: 20px;
    color: #33CCFF;
    text-align: center;
}
.newsPanel
{
    border: thin solid #9B9B9B;
    padding: 10px;
    margin-bottom: 15px;
    width: 95%;
    background-color: #4E4E4E;
    float:left;
}
.newsPanel p
{
    width:418px;
    float:right;
    margin-bottom:10px;
}
.newsPanel img
{
    margin-right:15px;
    float:left;
}
.newsTitle
{
    font-size: 18px;
    color: #FF6600;
    font-weight: normal; 
    margin-bottom:10px;
    margin-top:15px;
    float:left;  
}
.newsPanel a, .newsPanel a:visited
{
    color: #FF6600;
    text-decoration:underline;
    font-size: 16px;
}
.newsPanel a:hover
{
    text-decoration:none;
}