/* Global css style sheet, common to all pages */

/* Note: Centering and 100% hack comes from www.ted.com I modified
centering to be for absolute positioning, see
http://www.zachgraeve.com/2006/10/01/center-abosulte-position-div/ */

html,body {
	/*part 1 of 100% height hack*/
	height:100%;
	background:#f0f8ff;
}
body {
	padding:0;
	margin:0px;
	/*part 1 of centering hack*/
	text-align:center;	
}
/* CONTAINER: I wish that every page could have the same container,
also with my rigid, fixed layout it wasn't possible, some pages 
needed a modified one) So in some style sheets I define a class to
change the length of the container, it inherits all unspecified properties
from this global container */

#container {
	position: absolute;
	width:				900px;
	/* To center set left to 50%, which puts container in middle of screen,
	then make margin-left HALF of width */
	left: 50%;
	margin-left: -450px;
	padding:			0px;
	/*part 2 of 100% height hack*/
	min-height:			130%;
	height: 			150%;
	
	/*part 2 of centering hack*/
	text-align:left;
	background:#FFFFFF;
	
}

/* h tags have padding by default, this will move a whole div */

h1,h2,h3,h4,h5,p{padding:0px;margin:0;color:aqua}

h1.tagline{ font-size:14px; font-family:helvetica,arial,sans-serif;font-weight: bold;color:#868686;margin-top:0px;text-align:center}

h3.subscribe-follow{font-size:12px;font-family:helvetica,arial,sans-serif;font-weight: bold;color:#868686;margin-top:0px;text-align:center}


h2.nav{ font-size:13px;font-family:helvetica,arial;sans-serif;font-weight: bold;color:#FFFFFF} 

h3.footer{ font-size: 15px; font-family:helvetica, arial; sans-serif; font-weight: bold;color:#0C1436;text-indent:15px} 

h3.copyright{ font-size: 10px; font-family:helvetica,arial,sans-serif;font-weight: bold;color:#868686;text-indent:5px;margin-top:4px} 

h4.nav-breadcrumb{ font-size: 14px; font-family: helvetica, arial; sans-serif; font-weight:bold;color:#3554d7;text-indent:-6px; margin-left:11px;padding-top:5px} 

h1.announcement{ font-size:14px; font-family:helvetica,arial,sans-serif;font-weight: bold;color:#0C1436;margin-top:3px;text-align:center}

span.bold-announcement{color:red;font-weight:bolder;font-family:helvetica,arial,sans-serf;}


/* Typefaces for pages other than index */

h1.title-page{font-size:25px;font-family:helvetica,arial,sans-serif;color:#0C1436;font-weight:bold;text-align:center}

p.summary{font-size:20px;font-family:times,georgia,serif;color:#0C1436;font-weight:normal;text-indent:8px}

p.summary-center{font-size:20px;font-family:times,georgia,serif;color:#0C1436;font-weight:normal;text-align:center}



/* INFO FOR LINKS - note that decoration gets rid of underlining */ 
a{text-decoration:none;} 
a:link{color:#3554d7} /* unvisited link */
a:hover{color:#0C1436;background-color:#E5ECFF} /* mouse over link */
a:visited{color:#3554d7} /* visited link */
a:active{color:#0C1436} /* selected link */

a{text-decoration:none;} 
a.title:link{color:#0C1436} /* unvisited link */
a.title:hover{color:#0C1436; background-color:#E5ECFF} /* mouse over link */
a.title:visited{color:#0C1436} /* visited link */
a.title:active{color:#0C1436} /* selected link */  

/*For navigation links*/ 
a.nav{text-decoration:none}
a.nav:link {color:#666666} /* unvisited link */ 
a.nav:visited {color:#666666} /* visited link */ 
a.nav:hover {color:#0C1436;background-color:#E5ECFF} /* mouse over link */

/*For breadcrumb navigation links*/ 
a.nav-breadcrumb{text-decoration:underline}
a.nav-breadcrumb:link {color:#868686} /* unvisited link */ 
a.nav-breadcrumb:visited {color:#868686} /* visited link */ 
a.nav-breadcrumb:hover {color:#868686} /* mouse over link */

/*For footer links*/ 
a.footer{text-decoration:none}
a.footer:link {color:#0C1436} /* unvisited link */ 
a.footer:visited {color:#0C1436} /* visited link */ 
a.footer:hover {color:#0C1436} /* mouse over link *

/*For body links*/ 
a.body{text-decoration:underline}
a.body:link {color:#0C1436} /* unvisited link */ 
a.body:visited {color:#5b6fce} /* visited link */ 
a.body:hover {color:#0C1436;background-color:#E5ECFF} /* mouse over link */



/* For social bookmarks */
a.addthis_button_expanded:link {color:#0C1436;font-size:12px;font-family:helvetical,arial,sans-serif;font-weight:bold;} /* unvisited link */ 
a.addthis_button_expanded:visited {color:#0C1436;font-size:12px} /* visited link */ 
a.addthis_button_expanded:hover {color:red} /* mouse over link */

span.bold-sans{color:#5b6fce;font-weight:bolder;font-family:helvetica,arial,sans-serf;}
span.bold-sans-green{color:#1F5E48;font-weight:bolder;font-family:helvetica,arial,sans-serf;}

/* GENERAL ATTRIBUTES: SPANS */

span.bold{font-weight:bold}
span.italic{font-style:italic}

/* FOR IMAGES */

img.floatLeft { 
    float: left; 
    margin-left:0px;
    margin-right:5px;
}
img.floatRight { 
    float: right; 
    margin-right:5px;
}
img.floatRight-bottom { 
    float: right; 
    margin-right:5px;
}
img.logo{
margin-top:6px;margin-left:3px;
}


/* CSS FOR IMAGE MAPS FOR SOCIAL BOOKMARKS IN HEADER */
.hide {
visibility:hidden;
}
a.imagemap{text-decoration:none}
/* Change below from transparent to green when positioning, and
turn of hidden above */
/*a.imagemap:hover{background-color:yellow}*/
a.imagemap:hover{background-color:transparent}

#rss { /* RSS Link */
position:absolute;
width:27px;
height:27px;
left:0px;
top:0px;
}
#itunes {
position:absolute;
width:27px;
height:27px;
left:0px;
top:0px;
}
#youtube {
position:absolute;
width:53px;
height:27px;
left:0px;
top:0px;
}
#twitter { 
position:absolute;
width:27px;
height:27px;
left:0px;
top:0px;
}
#facebook {
position:absolute;
width:27px;
height:27px;
left:0px;
top:0px;
}
#logo {
position:absolute;
width:307px;
height:44px;
left:12px;
margin-left:0px;
margin-top:5px;
background-color:green;
}


/* DIVISIONS */

/*The headers has a height of 82px and a width of 900px (page width) */
div#header-fullbox {
    position: absolute;
    width:100%;
    height:82px;
    left:0px;
    top: 0px;
    background-color:#FFFFFF;
    padding-top: 0px;
    text-indent:0px;
}

div#header-logo {
    position: absolute;
    width:375px;
    height:82px;
    left:0px;
    top: 0px;
    background-color:#FFFFFF;
    background-image: url(../images/logo.jpg);
    background-repeat:no-repeat;
    /*background-position:bottom left;*/
    left:-50px;
    padding-top:0px;
    text-indent:0px;
   /* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;

}
div#tagline {
    position: absolute;
    width:325px;
    height:40px;
    left:325px;
    top:15px;
    /*background-color:#FFFFFF;*/
    text-indent:0px;
}
div#header-search {
    position: absolute;
    width:250px;
    height:36px;
    left:670px;
    top:14px;
    /*background-color:blue;*/
    padding-top: 0px;
    text-indent:15px;
}
div#header-nav-bar-left {
    position:absolute;
    width:120px;
    height:27px;
    left:0px;
    top:55px;
    background-color:#5b6fce;
    padding-top:0px;
    text-indent:0px;
}
div#header-nav-bar-right {
    position:absolute;
    width:780px;
    height:22px;
    left:120px;
    top:55px;
    /*background-color:*/
    padding-top:5px;
    text-indent:0px;
}
div#header-nav-bar-rss {
    position:absolute;
    width:27px;
    height:27px;
    left:690px;
    top:55px;
    padding-top:0px;
    text-indent:0px;
}
div#header-nav-bar-itunes {
    position:absolute;
    width:27px;
    height:27px;
    left:720px;
    top:55px;
    /*background-color:yellow;*/
    padding-top:0px;
    text-indent:0px;
}
div#subscribe {
    position:absolute;
    width:65px;
    height:27px;
    left:685px;
    top:80px;
    /*background-color:#5b6fce;*/
    padding-top:0px;
    text-indent:0px;
}
div#follow {
    position:absolute;
    width:128px;
    height:27px;
    left:772px;
    top:80px;
    /*background-color:#FFFFFF;*/
    padding-top:0px;
    text-indent:0px;
}
div#header-nav-bar-youtube {
    position:absolute;
    width:53px;
    height:27px;
    left:773px;
    top:55px;
    /*background-color:#FFFFFF;*/
    padding-top:0px;
    text-indent:0px;
}
div#header-nav-bar-facebook {
    position:absolute;
    width:27px;
    height:27px;
    left:831px;
    top:55px;
    /*background-color:#FFFFFF;*/
    padding-top:0px;
    text-indent:0px;
}
div#header-nav-bar-twitter {
    position:absolute;
    width:27px;
    height:27px;
    left:863px;
    top:55px;
    /*background-color:#FFFFFF;*/
    padding-top:0px;
    text-indent:0px;
}
div#header-subscribe {
    position:absolute;
    width:27px;
    height:30px;
    left:863px;
    top:55px;
    /*background-color:#FFFFFF;*/
    padding-top:0px;
    text-indent:0px;
}

div#nav-breadcrumb{
    position: absolute;
    width:300px;
    height:40px;
    left:0;
    top:82px;
    padding-top:0px;
    /*background-color:yellow;*/
}
div#announcement{
    position: absolute;
    width:375px;
    height:40px;
    left:300px;
    top:82px;
    padding-top:0px;
    /*background-color:gray;*/
}