/* 
STYLE SHEET FOR YTI WEB SITE
Created by Ciara Kavanagh
www.theattic.ie
ToC
1. defaults
2. structure
3. links and navigation
4. fonts
5. images
6. hacks
Notes
*/

/*------- 1.defaults --------*/

body,
html {
    margin:0;
    padding:0;
    background:#ffffff;
    color:#666666;
	font: small Arial, Helvetica, Verdana, sans-serif;
    }
body {
    min-width:750px;
    }
	
/*------- 2.structure --------*/
#wrap {
    background:#ffffff;
    margin:0 auto;
    width:750px;
    }

.header {
	background-image: url(Images/bkgrd_img.jpg);
	padding: 6px 6px 4px 8px;
	color: white;
	font-size:14px;
	text-align: left;
}

#mainContent {
    background:#ffffff;
    float:left;
    width:750px;
    }
	
#nav {
    background:#ffffff;
    padding:5px;
	border-top: 1px solid #b9d2e3; 
 border-bottom: 1px solid #b9d2e3; 
    }

#tagline { 
 font-weight: bold; 
 color: #050845; 
 font-style: italic; 
 margin: 0; 
 padding: 0 0 0 20px; 
 width: 75px; 
 float: left; 
}
	
#main {
	background:#ffffff;
	float:left;
	width:460px;
	padding: 10px;
    }
	
#sidebar {
	background:#ffffff;
	float:right;
	width:230px;
	background-color: #E4f3FA;
	color: #000000;
	border:#003366;
	border-width: 2px;
	margin-top: 10px;
    }
	
#footer {
    background:#ffffff;
    clear:both;
    }

/*------- 3.links and navigation --------*/
#sidebar .inner { 
 padding: 12px; 
}
	
#nav ul { 
 margin: 0; 
 padding: 0 30px 0 0; 
 text-align: right; 
}

#nav li { 
 display: inline; 
 color: #050845; 
}

#nav a:link, #nav a:visited { 
 text-decoration: none; 
 color: #050845; 
} 	

#a:hover, #nav a:hover {
	text-decoration: underline;
}

/*------- 4.fonts --------*/
#main h2, #main h3 {
    padding:0 10px;
    }
	
#sidebar .date { 
 font-weight: bold; 
}

#header h1 {
    padding:5px;
    margin:0;
    }

#sidebar ul {
    margin-bottom:0;
    } 
	
#sidebar p {
	padding:0 10px 0 0;
	color: #000000;
    }

#footer p {
    padding:5px;
    margin:0;
	background-color: #245185;
	color:#FFFFFF;
	text-align:right;
    }

#main p {
color:#666666;
padding:0 10px;
}

#mainContent p {
color:#666666;
padding:0 10px;
}

#mainContent ul {
color:#666666;
}

#main p.more{ 
 margin-top: 0; 
 text-align: right; 
 font-size: 90%;
} 

h3{ 
 color: #245185; 
 padding-bottom: 0.2em; 
 border-bottom: 1px solid #b9d2e3; 
 font-size: 110%; 
}

.floatLeft {
	float: left;
	margin-right: 10px;
}
.button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F3460b;
}
legend {
	font-weight: bold;
	color: #F3460b;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #F3460b;
	position: fixed;
	left: 0.5em;
	top: -1em;
}

#mainContent h3 {
	color: #245185;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #b9d2e3;
	font-size: 110%;
	width: 350px;
}
#mainContent a {
	color: #F3460B;
}

#main a {
	color: #F3460B;
}

#sidebar ul { 
 margin-left: 0; 
 padding-left: 20px;
 list-style-type: none;
}

h4 {
	color: #245185;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	font-weight: bold;
}

.blue {
	color: #245185;
}

.form { 
font-size: 9px;
}

/*------- 5.images --------*/
#graduation {
list-style-type: none;
}
#graduation li {
float: left;
margin-right: 6px;
margin-bottom: 10px;
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #333333;
}

#graduation img {
display: block;
border: 1px solid #333300;
}

.image {
margin-left: 10px;
}