/*
/Main CSS
/
/
*/

/* basic element setup
-------------------------------*/
body, img, div, ul, li{
margin:0px;
padding:0px;
}

img {
border:none;
}

ul, ol {
list-style-type:none;
font-size:85%;
margin-left:5px;
}


/*typography
-------------------------------*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

h4, h5 {
font-size:95%;
color:#045785;
margin:5px 0 5px 5px;
padding:0px;
}

p {
font-size:85%;
margin:0 0 0 5px;
}

a:link {
color:#045785;
text-decoration:none;
}

a:visited {
color:#045785;
text-decoration:none;
}

a:hover {
color:#045785;
text-decoration:none;
}




/*core layout 
-------------------------------*/

body {
background:url(../images/bgGradient.gif) repeat-x top left #d7d7d7;
text-align:center;
margin:0px;
padding:0px;

}

div#container {
width:995px;
margin: 0 auto;
text-align:left;
}

div#leftcolumn {
width:189px;
float:left;
height:586px;
}

div#main {
float:right;
width:806px;

}

/*header
-----------------------------*/

div#header {
float:right;
width:806px;
height:108px;
background:transparent;
}

div#titlediv {
width:500px;
height:106px;
}

div#audioplayer {
width:261px;
height:90px;
float:right;
margin-top:13px;
margin-right:13px;
}


/* left column
------------------------------*/
div#flashpics {
height:263px;
}

div#nav {
height:333px;
}

/* //////////-
/
/	HOME PAGE
/
/  ////////*/


/* main  - left column (is swapped with frame change)
--------------------------------*/

div#innerLeftCol {
float:left;
width:261px;
}

div#innerLeftCol div.contentHolder {
background-color:#abbfc5;
height:450px;
}

div#innerLeftCol div.contentHolder div.content {
padding-top:5px;
background-color:#e3e3e3;
width:251px;
margin-left:5px;
height:425px;
overflow:auto;
}

div#innerLeftCol div.contentHolder a {
margin-left:5px;
}

div#innerLeftCol img.rssfeed{
margin-top:3px;
margin-left:5px;
}

/* main - middle column (is swapped with frame change)
----------------------------------*/

div#innerMidCol {
float:left;
margin-left:5px;
width:261px;
}

div#innerMidCol div#imagesdiv {
background-color:#abbfc5;
height:242px;
margin-bottom:5px;
}

div#imageRotator {
margin-left:5px;
}

div#innerMidCol div#videodiv {
background-color:#abbfc5;
text-align:center;
height:175px;
}

div#vidContent {
/*margin-left:5px;*/
}

/* iframe
--------------------------*/
iframe {
display:inline;
position:absolute;
top:108px;
margin:0px;
padding:0px;
}

/* main - right column (remains static throughout site)
----------------------------------*/

div#rightCol {
float:right;
margin-right:13px;
/*margin-left:10px;*/
width:261px;
}

/* generic settings for content areas */
div#rightCol div.content {
width:251px;
margin:0 5px 5px 5px;
background-color:#e3e3e3;
}

div#rightCol div#chatdiv {
background-color:#abbfc5;
height:180px;
margin-bottom:5px;
/*border:1px solid red;*/
}

div#chatdivContent {
overflow:auto;
height:170px;
padding:5px 0 0 0;
}

div#rightCol div#featuresdiv {
background-color:#abbfc5;
height:100px;
margin-bottom:5px;
}

div#featuresdiv div.content {
height:95px;
overflow:auto;
}

div#featuresdiv div.content h5{
margin-top:0px;
padding-top:5px;
}

div#rightCol div#joindiv {
background-color:#abbfc5;
height:104px;
}

div#joindiv div.content {
height:99px;
}

div#joindiv div.content p {
padding-top:0px;
}

div#joindiv div.content form {
margin:5px 0 0 10px;
}

/* ------------
/
/ PAGES
/
/ -------------*/

/* NEWS
------------------------*/

div#pageNews div.container {
height:450px;
background-color:#abbfc5;
width:528px;
}

div#pageNews div.container div.content {
width:518px;
margin-left:5px;
height:445px;
background-color:#e3e3e3;
overflow:auto;
}

/*ABOUT
----------------------------*/

div#pageAbout div.container {
height:450px;
background-color:#abbfc5;
width:528px;
}

div#pageAbout div.container div.content {
width:518px;
margin-left:5px;
height:445px;
background-color:#e3e3e3;
overflow:auto;
}

div#pageAbout div.container div.content p {
margin-bottom:10px;
}

div#pageAbout p.back {
margin-top:10px;
}

div.pageAbout div.container div.content img.imgright {

float:right;

}

div.pageAbout div.container div.content img.imgleft {

float:left;

}


div#pageAbout div.influences {
width:30%;
float:left;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

div#pageAbout div.foods {
width:69%;
float:left;
border-left:1px solid #ccc;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

div#pageAbout div.football {
width:30%;
float:left;
}

div#pageAbout div.books {
float:left;
border-left:1px solid #ccc;
}

/* GALLERY */

div.gallery img{

border:1px solid #6699CC;
margin-top:10px;

}



/* utility */


.hidden {
display:none;
}

.clear {
clear:both;
}

img.loadimg {
margin-left:5px;
}

ul.indent {
margin:10px 0 0 10px;
}